Avisos
Vaciar todo

mostrar datos de formulario antes de enviar  

 
Arantxa
 Arantxa
Usuario activo

Hola a todos,
he creado un formulario con breezingform para realizar pedidos con diferentes opciones. Antes de enviar los datos el usuario tiene que rellernar unos datos personales, pero antes de mandar estos datos quisiera mostrar la selección que se ha realizado en el formulario. ¿sabe alguién si, existe algun scripts en la librería para ello?
gracias

Citar
Respondido : 11/11/2010 5:58 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola, para hacer esto tienes que usar javascript.

Una posible forma de hacerlo es la siguiente: supongamos que tienes un formulario en dos pasos. En el primer paso tiene dos campos con nombre "nombre" y "apellidos" y un botón para continuar con el nombre "botonpaso1". En la segunda página quieres mostrar la información del nombre y apellidos que ha introducido el usuario.

Editamos el botón con nombre "botonpaso1" y nos vamos a la pestaña Scripts. En Tipo seleccionamos la opción Personalizado y en Acciones marcamos la casilla Click. En la parte inferior introducimos el siguiente código:

function ff_botonpaso1_action(element, message)
{
    if(typeof bfUseErrorAlerts != 'undefined'){
     $jq(".bfErrorMessage").html('');
     $jq(".bfErrorMessage").css("display","none");
    }

    error = ff_validation(ff_currentpage);
    if (error != '') {
       if(typeof bfUseErrorAlerts == 'undefined'){
           alert(error);
        } else {
           bfShowErrors(error);
        }
        ff_validationFocus('');
    } else
        crear_resumen();
        ff_switchpage(ff_currentpage+1);
}

function crear_resumen()
{
    var texto = '';

    texto = 'Nombre: ' + ff_getElementByName('nombre').value + '
'; texto += 'Apellidos: ' + ff_getElementByName('apellidos').value + ''; //ff_getElementByName('datosresumen').value = texto; document.getElementById("ff_div111").innerHTML = texto; }

La primera parte (función ff_botonpaso1_action) se encarga de validar el formulario para que estén todos los datos y llamar a la función crear_resumen. Ten en cuenta que el nombre de la función varía en función del nombre del botón.

La segunda función crear_resumen es la que se encarga de recopilar los datos a través de los nombres de los campos y finalmente los asigna a un campo de tipo texto HTML que hay en la segunda página y que, para el código de ejemplo tiene el id ff_div111. Para poder averiguar ese id te aconsejo que inicialmente en el campo de texto HTML donde vayas a mostrar la información pongas cualquier texto de pruebas y luego revises el código fuente buscando ese texto para ver el id que le aplica a la capa div de ese campo.

Esta operación se puede hacer con tantos campos como sea necesario e incluso se pueden llegar a realizar cálculos.

ResponderCitar
Respondido : 11/11/2010 6:25 pm

David Noguera
 David Noguera
Miembro Moderator

Hola Arrillaga,

para lo que comentas, quizás te venga bien usar el modo rápido de BreezingForms. Hecha una ojeada a este vídeo que te pongo a continuación:

http://www.youtube.com/watch?v=9V06kKUb-24

Aproximadamente en el minuto 28 se habla del campo de tipo Sumarize, que es lo que creo que tu necesitas.

A ver si te sirve.

Saludos!!

ResponderCitar
Respondido : 11/11/2010 6:31 pm
Arantxa
 Arantxa
Usuario activo

Gracias, gracias, gracias...
me ha salido a la primera.

ResponderCitar
Respondido : 11/11/2010 6:57 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress