Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

MENSAJE DE BIENVENIDA Foro vínculado con Twitter, más info aquí.

“El secreto para progresar es empezar por algún lugar. El secreto para empezar por algún lugar es fragmentar tus complejas y abrumadoras tareas de tal manera que queden convertidas en pequeñas tareas que puedas realizar y entonces simplemente comenzar por la primera.” - Mark Twain

Javascript - Alerta confirmar borrado

Started by Alberto Dominguez, abr 10 2011 21:52

Please log in to reply

5 replies to this topic

#1 Alberto Dominguez

Gurú

Administradores
1.059 Mensajes:

LocationMadrid

Escrito 10 abril 2011 - 21:52

Dejo código simple:

<input type="submit" value="Borrar" onclick="alert('¿Confirmar Borrado?');"/>

Saludos,

Alberto Dominguez
Enterprise Architect y Trainer
MCT, MCPD, MCITP, MCITP Dynamics, MCSE, MCSA, MCTS, MCP...
ITIL V3 Foundation Qualification in IT Service Management

Perfil Profesional Imagen enviada

Twitter

Volver arriba

#2 Alberto Dominguez

Gurú

Administradores
1.059 Mensajes:

LocationMadrid

Escrito 10 abril 2011 - 21:56

<script language="javascript" type="text/javascript"> 

function VerAlerta() {

	var hola = "Hola";

	var mundo = "Mundo";

	alert(hola + ' ' + mundo + '!');

}

</script> 

<input type="button" value="Click Aquí" onClick="VerAlerta();">

Saludos,

Alberto Dominguez
Enterprise Architect y Trainer
MCT, MCPD, MCITP, MCITP Dynamics, MCSE, MCSA, MCTS, MCP...
ITIL V3 Foundation Qualification in IT Service Management

Perfil Profesional Imagen enviada

Twitter

Volver arriba

#3 Alberto Dominguez

Gurú

Administradores
1.059 Mensajes:

LocationMadrid

Escrito 10 abril 2011 - 22:49

Ejemplo Dialogo con JQuery:

<script language="javascript" type="text/javascript">
             $(document).ready(function () {
                 $("#dialog").dialog();
             });
        </script> 
        <div id="dialog" title="Basic dialog">    
          <p>Hola Mundo!  Esto es una prueba...
          </p> 
        </div>

Previamente se han de cargar los scripts y css correspondientes a los plugins en el <head>:

    <link href="../../Content/jquery-ui-1.8.11.custom.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>

Más info: http://jqueryui.com/demos/dialog/

Saludos,

Alberto Dominguez
Enterprise Architect y Trainer
MCT, MCPD, MCITP, MCITP Dynamics, MCSE, MCSA, MCTS, MCP...
ITIL V3 Foundation Qualification in IT Service Management

Perfil Profesional Imagen enviada

Twitter

Volver arriba

#4 Alberto Dominguez

Gurú

Administradores
1.059 Mensajes:

LocationMadrid

Escrito 11 abril 2011 - 00:09

Ahora capturando el "submit" de un formulario con JQuery y presentando un Dialogo Modal:

<script language="javascript" type="text/javascript">
                $(document).ready(function () {
                    $("#dialog").dialog({
                        autoOpen: false,
                        modal: true,
                        buttons: {
                            "Submit Form": function () {
                                $("form:last").submit();
                            },
                            "Cancelar": function () {
                                $(this).dialog('close');
                            }
                        }
                    });

                    $("#btn1").submit(function () {
                        $("#dialog").dialog('open');
                        return false;
                    });

                });  
         </script> 
         <div id="dialog" title="Basic dialog">              
           <p>Hola Mundo!  Esto es una prueba...      
           </p>   
         </div>

Saludos,

Alberto Dominguez
Enterprise Architect y Trainer
MCT, MCPD, MCITP, MCITP Dynamics, MCSE, MCSA, MCTS, MCP...
ITIL V3 Foundation Qualification in IT Service Management

Perfil Profesional Imagen enviada

Twitter

Volver arriba

#5 Raul

Especialista

Miembros
61 Mensajes:

LocationMadrid

Escrito 11 abril 2011 - 11:18

JQuery es el mejor invento. Hasta hace unos meses, no había trabajado nada con Javascript, pero en el trabajo empezaron a usar JQuery, y claro tuve que actualizarme. Ahora, no entiendo un mundo sin JQuery, expectacular.

Recomiendo el curso de los chicos de campusMVP, yo lo hice.

Raúl Gilabert González
Desarrollador .NET
@raulgilabert
www.raulgilabert.es

Volver arriba

#6 Alberto Dominguez

Gurú

Administradores
1.059 Mensajes:

LocationMadrid

Escrito 11 abril 2011 - 21:15

Está curioso sí... :-)

Dejo por aquí otro ejemplo de como parar links con dialogos JQuery y luego continuarlos si confirmamos:

        <a class="prueba" href="http://www.hola-mundo.net">Hola Mundo!</a>
        <a class="prueba" href="http://www.icons.es">ICONS</a></h2>
            <script language="javascript" type="text/javascript">
                $(document).ready(function () {
                    var nuestraurl;
                    $("#dialog").dialog({
                        autoOpen: false,
                        modal: true,
                        buttons: {
                            "Confirmar": function () {
                                window.location=nuestraurl;
                            },
                            "Cancelar": function () {
                                $(this).dialog('close');
                            }
                        }
                    });

                    $("a.prueba").click(function () {
                        nuestraurl = $(this).attr('href');

                        $("#dialog").dialog('open');
                        return false;
                    });

                });  
         </script> 
         <div id="dialog" title="Dialogo Basico">              
           <p>Hola Mundo!  Esto es una prueba...      
           </p>   
         </div>

Saludos,

Alberto Dominguez
Enterprise Architect y Trainer
MCT, MCPD, MCITP, MCITP Dynamics, MCSE, MCSA, MCTS, MCP...
ITIL V3 Foundation Qualification in IT Service Management

Perfil Profesional Imagen enviada

Twitter