¿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]
- Tutoriales PROFESIONALES gratis aquí los tienes
- ¿Como puedo encntrar entre mis contactos de Facebook TODOS los que viven en una ciudad en particular?
- Desde hace unos días no puedo grabar vídeos en Stories de Instagram
- ¿Como puedo recuperar mi cuenta de Instagram despues de ser bloqueada temporalmente por phishing?
- ¿Por qué no puedo compartir una foto que me tomé en la misma fecha exacta hace 2 años como recuerdo?