Ventanas Emergentes

Ventanas Emergentes Curso: Diseño de sitio web

[object Object],[object Object],En este tutorial veremos la utilidad de colocar, en un link común, la posibilidad de que se despliegue una ventana con información, sin que el usuario salga de la página que está visitando. la llamaremos ventana emergente , porque aparece superpuesta a la de navegación actual, y puede cerrarse sin perjuicio de seguir el ”paseo”.

[object Object],[object Object]

[object Object],<a onclick="window.open(this.href, this.target, 'toolbar=0,menubar=0,status=1, location=1,scrollbars=1, width= 300 ,height= 400 '); return false; " href=" http://www.me.gov.ar " target="_blank"> Ministerio </a> No es necesario entender el código! Basta con copiarlo tal cual, sin modificar los espacios, comillas y signos. Lo que está en rojo…después lo vemos

[object Object],<a onclick="window.open(this.href, this.target, 'toolbar=0,menubar=0,status=1, location=1,scrollbars=1, width=300 , height=400 '); return false;" href="http://www.me.gov.ar" target="_blank"> Ministerio </a> Para editar el código y poder definir el tamaño de la ventana emergente, basta con modificar estos datos: Pixeles de ancho Pixeles de largo

[object Object],<a onclick="window.open(this.href, this.target, 'toolbar=0,menubar=0,status=1, location=1,scrollbars=1,width=300,height=400'); return false;" href= "http://www.educ.ar" target="_blank"> el portal educar </a> Y esto es para editar el código y elegir otro sitio como destino del link Dirección o sitio web destino (va pegado a las comillas!) Texto que se mostrará como link. Puede ser una palabra o más (cuidado con usar acentos y caracteres especiales, ya que estamos en la vista de código puro).

[object Object],¿Qué tal si queremos que en la ventana emergente aparezca una información propia? Volvamos al listado de páginas del sitio...

[object Object],javascript:VerNovedad2(' http://infd.e-ducativa.com/sitio/upload/html/12.html ') Para eso lo pegamos en el bloc de notas Esta es la dirección de destino para reemplazar en nuestro código original <a onclick="window.open(this.href, this.target, 'toolbar=0,menubar=0,status=1, location=1,scrollbars=1,width=500,height=600'); return false;" href= "http://infd.e-ducativa.com/sitio/upload/html/12.html" target="_blank"> Jornada La Rioja </a>

[object Object],[object Object],[object Object],[object Object],[object Object],Resumiendo ¡Y listo! A rodar...

Ventanas Emergentes

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (13)

En vedette

En vedette (9)

Similaire à Ventanas Emergentes

Similaire à Ventanas Emergentes (20)

Plus de INFOD

Plus de INFOD (20)

Dernier

Dernier (20)

Ventanas Emergentes