Conseguir este efecto showbox

[neodani]

Holass!!

No consigo implementar este ejemplo de showbox que tiene esta página

http://www.apartmentsramblas.com/

Abajo del todo a la derecha donde pone "send to a friend" o "enviar a un amigo". Al pulsar sobre el enlace se abre en medio de la pantalla un showbox en ajax con un formulario.

¿Sabe alguien como conseguir este efecto? me he vuelto loco intentando descifrarlo de esa página pero tiene un porrón de .js

Y aunque he encontrado (creo) la funcion no la sé ejecutar

Código ajax:

function sendFriendQ() {        
        var textSbj=$("#showbox input[name='textSbj']").val();
        var textFrom=$("#showbox input[name='textFrom']").val();
        var textToFriend=$("#showbox input[name='textToFriend']").val();
        var textMsg=$("#showbox textarea[name='textMsg']").val();
        var checkedMail=false;
        if($("#showbox input[name='chkMail']").is(':checked')){checkedMail=true;}       
        $.ajax({
            type: "POST",
            url: "/GlobalServices.asmx/SendFriend",
            data: "{'emailFrom':'"+textFrom+"',"
                 + "'emailTo':'"+textToFriend+"',"
                 + "'subject':'"+textSbj+"',"
                 + "'message':'"+textMsg+"',"
                 + "'idIdioma':'" + ididioma + "',"
                 + "'audit':'" + checkedMail+ "'"
                 + "}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: false,
            success: function(result) {             
            $("#showbox .content-popup .errorMsg").remove();
                if(result.d.Success){$("#showbox .content-popup").html("");$("#showbox .content-popup").append(errorMsg(result.d.StatusMessage));
                }else{$("#showbox .content-popup").prepend(errorMsg(result.d.StatusMessage));}          
            },
            error: function(result) {}
        });        
    }
 

[cesarpunk]

conozco varias herrmientas de esas, ademas pues buscar solo el showbox e implementar por ti mismo el formulario.... busca en www.ajaxrain.com encontraras varios ejemplos de esos formularios flotantes, suerte

[neodani]

Iniciado por cesarpunk

conozco varias herrmientas de esas, ademas pues buscar solo el showbox e implementar por ti mismo el formulario.... busca en www.ajaxrain.com encontraras varios ejemplos de esos formularios flotantes, suerte

Hola cesarpunk, busqué en la página y a pesar de ver muchos formularios y validacion de formularios no he visto ningun formulario que pulsando en el enlace aparezca en mitad de pantalla como en el ej. del post anterior.

¿Puedes decirme donde lo viste?

Gracias

He encontrado scripts que te hacen el efecto lightbox pero todos ponen el fondo de la web oscuro. Sin embargo en el ejemplo del primer post no cambia el fondo, simplemente aparece el formulario...

[chalchis]

podrias usar esta

http://pixelco.us/blog/boxy-plugin-j...tipo-facebook/

saludos

aunque viendo el script si bloquead el fondo
solamente no le estan poniendo un color de fondo
esta sin color

aqui esta el sitio oficial de ese script del sitio que indicas

http://www.shadowbox-js.com/

saludos

[neodani]

Iniciado por chalchis

podrias usar esta

http://pixelco.us/blog/boxy-plugin-j...tipo-facebook/

saludos

aunque viendo el script si bloquead el fondo
solamente no le estan poniendo un color de fondo
esta sin color

aqui esta el sitio oficial de ese script del sitio que indicas

http://www.shadowbox-js.com/

saludos

Muchas gracias por los enlaces. Aun así, poniendo el fondo como transparente, lo que consigo con los dos scripts, es que no se degrade la pantalla al mostrar la ventana, pero el efecto es muy duro, no hay progresion como en el ejemplo de la web.

En esa web, la ventana sale "apareciendo" y no como una imagen que pulsas y muestras sin efecto alguno...

No se si me explico, no se conseguir ese efecto

Alguien puede echarme una mano con ese efecto? no consigo reproducirlo como el ejemplo del primer post.

¿Realmente se puede con conseguir con la librería http://www.shadowbox-js.com/ ?

Gracias de antemano

[deirdre]

Hola neodani

Yo no sé si se puede conseguir con shadowbox, pero, si te he entendido bien, lo que quieres es que aparezca un formulario centrado en la pantalla y que su aparición sea suave (fade in) y que al cerrarse también se cierre con fade out (quizás no sea esto lo que buscas o lo quieres con más cosas... ??)

Algo muy similar monté hace un tiempo utilizando jquery. Si es lo que necesitas lo puedo intentar buscar y subir.

Comenta algo.

Bye

[chalchis]

igual podrias usar este

http://www.ericmmartin.com/projects/simplemodal-demos/

checa el ejemplo del formulario

saludos

[neodani]

Iniciado por chalchis

igual podrias usar este

http://www.ericmmartin.com/projects/simplemodal-demos/

checa el ejemplo del formulario

saludos

Grande chalchis, este tiene buena pinta, aunque el fondo de la web lo vuelve de color gris... lo probaré

deirdre si tienes el ejemplo que comentas, te lo agradecería y mucho!!

Gracias a los dos

[deirdre]

Hola neodani

Aquí lo tienes. Comenta algo sobre su utilidad.

Bye

[neodani]

Iniciado por deirdre

Hola neodani

Aquí lo tienes. Comenta algo sobre su utilidad.

Bye

Gracias deirdre, conseguí ocultar el fondo trasparente para que fuese aun más parecido

#backgroundPopup{
display: none;
position: fixed;
_position: absolute; /* necesario para internet explorer 6 */
height: 100%;
width: 100%;
top: 0;
left: 0;
background: trasparent;
border: 1px solid #cecece;
z-index: 1;
}

Y en el ejemplo de chalchis tb modificando la linea del css
#contact-overlay {background-color:transparent;}

Así que los dos me gustan mucho sois unos cracks.

Muchas gracias de verdad!