none
Hacer ventana modal RRS feed

  • Pregunta

  • Buenos dias!, mi pregunta es la sigueinte. Estoy desaroolando una wen con asp.net c#, y estoy haciendo una ventana modal que aparezca al cargar la pagina. Es para un recordatorio de registro... La ventana, bueno que no es una ventana lo hago con jquery y css de la siguiente manera:

    .VentanaModal{
        width:100%;
        height:100%;
        color:#fff;
        ;
        background-image:url(../imgs/bgModal.png);
        top:0px;
        left:0px;
        z-index:3;
        display:none;
    }

    .form{
        width:500px;
        height:300px;
        background-color:white;
        margin:0 auto;
        margin-top:150px;
        border-radius:10px;
    }

    estos son los estilos y luego los llamo asi: 

            <div class="VentanaModal">
                <div class="form">
                    <div class="close"><a href="javascript:closeVModal();">Cerrar X</a></div>
                </div>
            </div>

    Hasta aquí bien se muestra la capa y la cierro bien. Lo que quiero es si alguno sabe como hacer que SOLO se muestre dicha ventana la primera vez que entras con un equipo, es decir que si no borras los datos de navegación no se vuelva a mostrar. No se si me explico, como si fuese algo parecido al mensaje de las cookies.

    Saludos y muchas gracias.

    viernes, 31 de julio de 2015 10:21

Respuestas

  • hola

    podrias usar el valor en una cookie para validar si debes o no mostrar el mensaje

    usando un plugin de jquery

    jquery-cookie

    podrias acceder al valor y ver si se muestra o no

    var showdialog = $.cookie('showdialog');
    
    $(document).ready(function () {
    
       if(showdialog != undefined){
            $(".VentanaModal").show();
            $.cookie('showdialog', 'false', { expires: 365 });
       }
    
    }); 


    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta alvpjs viernes, 31 de julio de 2015 14:35
    viernes, 31 de julio de 2015 10:32
  • En mi opinión es mucho mejor usar localStorage para eso, antes que una cookie. A no ser que por restricciones de navgeador debas soportar navegadores que NO soporten localStorage...

    if (localStorage["window-shown"] === undefined) {
       // Muestra la ventana
       localStorage["wndow-shown"] = true;
    } 

    localStorage es un almacenamiento en el navegador persistente incluso entre cierres del navegador y accesible desde JavaScript.

    Saludos!


    Eduard Tomàs Blog: http://geeks.ms/blogs/etomas -- Twitter: eiximenis



    sábado, 1 de agosto de 2015 14:23
    Moderador
  • Hola a todos

    " A no ser que por restricciones de navegador debas soportar navegadores que NO soporten localStorage..."

    Les dejo un componente store.js
    https://github.com/marcuswestin/store.js/

    Funciona hasta en IE6 ;) por si lo necesitan, encapsula localStorage ( o lo que este disponible je)

    Espero que les sirva de ayuda o guia


    Jose. A Fernandez | blog: http://geeks.ms/blogs/fernandezja

    • Marcado como respuesta alvpjs lunes, 3 de agosto de 2015 14:57
    sábado, 1 de agosto de 2015 18:56
  • Ok muchas gracias! no conocia localStorage!. gracias otra vez.
    • Marcado como respuesta alvpjs lunes, 3 de agosto de 2015 14:57
    lunes, 3 de agosto de 2015 14:57
  • Gracias, buen apunte.
    • Marcado como respuesta alvpjs lunes, 3 de agosto de 2015 14:57
    lunes, 3 de agosto de 2015 14:57

Todas las respuestas

  • bueno y para mostrarla hag un document.ready asi...

                $(document).ready(function () {
                    $(".VentanaModal").show();
                });

    viernes, 31 de julio de 2015 10:22
  • hola

    podrias usar el valor en una cookie para validar si debes o no mostrar el mensaje

    usando un plugin de jquery

    jquery-cookie

    podrias acceder al valor y ver si se muestra o no

    var showdialog = $.cookie('showdialog');
    
    $(document).ready(function () {
    
       if(showdialog != undefined){
            $(".VentanaModal").show();
            $.cookie('showdialog', 'false', { expires: 365 });
       }
    
    }); 


    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta alvpjs viernes, 31 de julio de 2015 14:35
    viernes, 31 de julio de 2015 10:32
  • Muchas gracias Leandro.
    viernes, 31 de julio de 2015 14:35
  • En mi opinión es mucho mejor usar localStorage para eso, antes que una cookie. A no ser que por restricciones de navgeador debas soportar navegadores que NO soporten localStorage...

    if (localStorage["window-shown"] === undefined) {
       // Muestra la ventana
       localStorage["wndow-shown"] = true;
    } 

    localStorage es un almacenamiento en el navegador persistente incluso entre cierres del navegador y accesible desde JavaScript.

    Saludos!


    Eduard Tomàs Blog: http://geeks.ms/blogs/etomas -- Twitter: eiximenis



    sábado, 1 de agosto de 2015 14:23
    Moderador
  • Hola a todos

    " A no ser que por restricciones de navegador debas soportar navegadores que NO soporten localStorage..."

    Les dejo un componente store.js
    https://github.com/marcuswestin/store.js/

    Funciona hasta en IE6 ;) por si lo necesitan, encapsula localStorage ( o lo que este disponible je)

    Espero que les sirva de ayuda o guia


    Jose. A Fernandez | blog: http://geeks.ms/blogs/fernandezja

    • Marcado como respuesta alvpjs lunes, 3 de agosto de 2015 14:57
    sábado, 1 de agosto de 2015 18:56
  • Ok muchas gracias! no conocia localStorage!. gracias otra vez.
    • Marcado como respuesta alvpjs lunes, 3 de agosto de 2015 14:57
    lunes, 3 de agosto de 2015 14:57
  • Gracias, buen apunte.
    • Marcado como respuesta alvpjs lunes, 3 de agosto de 2015 14:57
    lunes, 3 de agosto de 2015 14:57