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.
¿Cómo puedo poner un cuadro de dialogo en mi web con JQuery?
Iniciado por
Sara1
, ago 05 2013 20:15
#1 AUTOR PREGUNTA
Preguntas Similares
Esto también te interesa!
#2
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]
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]