¿Cómo puedo poner un cuadro de dialogo en mi web con JQuery?
Iniciado por
Sara1
, ago 05 2013 19:15
AUTOR PREGUNTA #1
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.
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
PREGUNTAS SIMILARES
#2
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]
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]
