Cargando
Cursos Online Gratis con CERTIFICADO
TE INTERESA
Ver Más! Solvetic viene a cambiar el mundo de la Formación Digital. Se acabó el poder realizar Cursos de calidad solo pagando. Cambia tu futuro en Solvetic con Cursos y especializaciones demandadas a nivel laboral. ¿A que esperas?

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




Pulsa corazón para recibir avisos de nuevas Respuestas

  AUTOR PREGUNTA

Publicado 05 agosto 2013 - 20: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 - 11: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]

   AUTOR PREGUNTA

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


X