Cargando

Ir a contenido

X


Ver Más! Grandes video-soluciones te esperan si eres fan de nuestro canal de YouTube, Suscríbete YA!


¿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

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>


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


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

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


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

<div id="dialog" title="titulo">
<p> Datos para el usuario </p>
</div>


 

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