Cargando

Ir a contenido

X

¿Cómo puedo poner un cuadro de dialogo en mi web con JQuery?





 

Publicado 05 agosto 2013 - 19:15
Hola a todos,

Necesito que al hacer clic en los enlaces se habrá un cuadro de dialogo con información para el usuario, ¿Algún ejemplo de auida?

Gracias.
  • 1 personas más tuvieron esta duda Yo también
  • Volver arriba


 

Publicado 06 agosto 2013 - 10:18
Para crear un dialogo desde un enlace puedes utilizar Jquery y Jquery UI de la siguiente manera:

En el <head> de tu web deberás invocar las librerías Jquery

[color=#a9a9a9]<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
[/color]

Tenemos un enlace que activara el dialogo
[color=#a9a9a9]<a href="#" class="datosusuario">Datos usuario</a>[/color]


El script que dice que al hacer clic en el enlace con clase datosusuarios abra el dialogo con id dialogo

[color=#a9a9a9]<script>
$('a.datosusuarios').click(function() {
$(function() {
$( "#dialogo" ).dialog();
});
});
</script>
[/color]

Debajo en html escribimos el dialogo con la información para el usuario

[color=#a9a9a9]<div id="dialog" title="titulo">
<p> Datos para el usuario </p>
</div>
[/color]

 

Publicado 06 agosto 2013 - 10:42  AUTOR PREGUNTA
Gracias Sergio!!! gracias por explicarmelo tan bien. SALUDOS!!!!