¿Cómo puedo poner un cuadro de dialogo en mi web con JQuery?
Iniciado por
Sara1
, ago 05 2013 19:15
2 Respuestas de expertos
#1
- Reputación:29
- Respuestas:63
- Tutoriales:1
Publicado 05 agosto 2013 - 19:15
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
- Reputación:194
- Respuestas:240
- Tutoriales:19
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>
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>
#3
- Reputación:29
- Respuestas:63
- Tutoriales:1
Publicado 06 agosto 2013 - 10:42 AUTOR PREGUNTA
Gracias Sergio!!! gracias por explicarmelo tan bien. SALUDOS!!!!
No esperes más y entra en Solvetic
Deja tus soluciones y aprovecha las ventajas de la cuenta de usuario ¡Únete!
ÚLTIMOS 10 TUTORIALES
x
