Ver Mensaje Individual
  #6 (permalink)  
Antiguo 03/12/2009, 18:48
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 6 meses
Puntos: 65
Respuesta: Como implementar simplemodal

lo tienes que poner como cuando haces un alert con javascript

Código HTML:
$(document).ready(function(){
$("#element-id").modal();
})
le dice que cuando se carga la página que muestre el elemento con id "element-id"
ponele que sea un div
Código:
<div id="element-id">Holaaaaaaaaaa</div>
si quieres que aparezca cuando le dan un clic a un enlace haces
Código HTML:
$('#id-enlace').click(function(){
$("#element-id").modal();
})

en este ejemplo hay un div con id "ventana" que esta oculto y con jquery le digo que cuando hacen click en el elemento con id "saludo" (o sea el enlace) que muestre dicho div

a la funcion modal le puse como parámetro la opción que muestra un botón para cerrar la ventanita

Código HTML:
<html>
    <head>
        <title>Ejemplo modal</title>
        <script src="jquery.min.js" type="text/javascript"></script>
        <script src="jquery.simplemodal.js" type="text/javascript"></script>
    </head>
    <script type="text/javascript">
        $().ready( function (){
            $('#saludo').click(function (){
                $('#ventana').modal({closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>"});
            });
        });
    </script>
    <style type="text/css">
    #ventana{display:none; padding:10px; background:red}
    </style>
    <body>
        <a href="#" id="saludo">Dice hola</a>
        <div id="ventana">Holaaaaaaaaaa</div>
    </body>
</html>