miércoles, 7 de julio de 2010

Custom JavaScript Dialog Boxes


Ejemplos:

Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios y justo arriba de </head> poner el siguiente código:

<link rel="stylesheet" type="text/css" href="http://sites.google.com/site/vkuloseasi/archivos/dialog_box.css" />
<script type="text/javascript" src="http://sites.google.com/site/vkuloseasi/archivos/dialog_box.js"/>

Si prefieren pueden descargarlos y pegar directamente en la plantilla.

Los link de los ejemplos:

Error:

<a href="javascript:showDialog('Error','Usted ha encontrado un error.','error',7);">Error</a>

Warning:

<a href="javascript:showDialog('Warning','Debe introducir toda la información requerida.','warning',7);">Warning</a>

Success:

<a href="javascript:showDialog('Éxito','Su solicitud ha sido recibida.','success');">Success</a>

Prompt:


<a href="javascript:showDialog('Confirmación','Visite mi blog<br/><br/><a href=\'http://loseasi.blogspot.com/\'>http://loseasi.blogspot.com/</a>','prompt');">Prompt</a>

En Rojo va el titulo.
En Azul va el texto.
En Naranja son los segundos para que cierre automaticamente. (ejemplo de 7 segundos)

,7 si se quita va a mostrar la imagen X para el cierre como en Success y Prompt.

El código del ejemplo Prompt debe ponerse en una nueva entrada desde "redactar"
El motivo es que lleva dentro un link, si fuese solo texto no es necesario puede hacerse desde "Edición de HTML".
O cambiar < por  &lt; y > por &gt;

En cualquiera de los ejemplos si se pone un link acordarse de ponerlo desde "redactar" para que no genere un error.

No hay comentarios:

Publicar un comentario