2017

cu reduceri

Deschide fereastra pop-up cu defilare

Am vazut mai multe moduri de a deschide o ferestre pop-up.

Acum vin cu un exemplu de fereastra pop-up cu un efect de alunecare de sus in centru şi derulaţi la dreapta folosind un cod Javascript.

Mergi la Aspect --> Editare HTML si exact deasupra </head> adaugam urmatorul cod:
<script type="text/javascript">
//<![CDATA[
function ventanadeslizante()
{
ancho=100
alto=100
fin=700
x=50
y=50
ventanaURL="http://www.google.com"

ventanades = window.open("", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y,scrollbars=yes");
abrirVentanadeslz();
}
function abrirVentanadeslz();{;if

(ancho<=fin) {
ventanades.moveTo(x,y);
ventanades.resizeTo(ancho,alto);
x+=5
y+=5
ancho+=25
alto+=15
timersetTimeoututabrirVentanadeslzlz()",1)
}
else
{
clearTimeout(timer)
ventanades.location=ventanaURL
}
}
//]]>
</script>
Schimbarea URL="http://www.google.com paginii.
Putem ajusta dimensiunea fereastra unde se spune: fin = 700
Pentru a deschide fereastra trebuie sa apelam funcţia: ventanadeslizante ()
Se se poate face în doua moduri:

Direct prin linck.
<a href="javascript: ventanadeslizante() "> Open Window </ a>

sau buton.
<form>
<input type="button" value="Deschide fereastra" onClick="ventanadeslizante()"/>
</form>
Salveaza modificarile si deja ai instalta o modalitate de a deschide o fereastra pop-up direct de pe pagina ta web.

4 comentarios:

  1. Acest comentariu a fost eliminat de autor.

    RăspundețiȘtergere
  2. Salut Adrian, inlocuesti adresa url cu a ta in zona de cod marcata cu albastru.

    RăspundețiȘtergere
  3. Bn asta am inteles dar nu inteleg unde trebuie sa pun urmatorul cod direct prin link sau cu buton nu mi se deschide nimik scuze de deranj bafta .

    RăspundețiȘtergere
  4. Adrian, unul dintre coduri indiferent ca este un simplu link sau butonul, le adugi ori intr-o postare noua ori intr-un gadget HTML/Javascript.

    RăspundețiȘtergere

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc