Dar formato al formulario de contacto 
Autore: LHNET SW
Visite 75,
Followers 1,
Condiviso 0
Hola.
1. Quiero implementar en el formulario de contacto, un recuadro para que al estar llenando y escribiendo el formulario de contacto, se pueda ver en qué parte están llenando el formulario. O sea, la secuencia.
Algo así como se ve en las imágenes siguientes:
La parte de la izquierda en este ejemplo está hecha con el Objeto TABLA y le voy cambiando el color en cada etapa, 1, 2, 3 y 4. pero claro, en el formulario de contacto no hay ningún cambio.
Se puede ver el ejemplo del formulario en:
Y para ese mismo formulario de contacto:
1. Poder darle formato al formulario de contacto. Algo así como lo siguiente:
Agradezco la ayuda que me puedan dar.
De nuevo muchas gracias.
Postato il
Hola,
puedes obtener algo similar si entre los campos insertas un separador y activas la opción para visualizar los otros campos es la próxima ventana. Pero no se pueden crear campos vinculados o visualizar un indicador de posición, por lo tanto, he definido tu mensaje como idea para poderla señalar.
¡Gracias!
(E > Es) ... Si te interesa, házmelo saber...
...con un invento único para mí y código EXTRA relacionado con tu ejemplo en línea, podrías obtener un resultado similar a esta simulación:
.
ciao
.
Autore
Gracias KolAsim
Pero creo que en tu ejemplo primero tengo que dar clic en la opción 1, o en la 2, o en la 3, o en la 4 para avanzar, ¿es así?
Autore
Ok Elisa B. gracias. Sería muy buena opción poder implementar esto.
Autore
Para Elisa B.
o para KolAsim
y acerca de poder darle ¿formato al formulario de contacto?. Algo así como lo siguiente:
De antemano gracias.
.. .mi invento se basa exclusivamente en tu ejemplo en línea...
... puedes hacer clic en adelante-atrás y/o también en las celdas que ves coloreadas...
.
ciao
.
Autore
Ok KolAsim
Sí me interesa, entonces ¿qué sigue? ¿qué debo hacer?
...lo siento, tu enlace de referencia ya no está activo...
ciao
.
Autore
Ok KolAsim
Inentaba hacer unos cambios pero ya está el enlace activo.
https://www.lhnet.com.mx/twf/
Sí me interesa, ¿qué sigue? ¿qué debo hacer? Gracias
... OK --- >>
<script>
$(document).ready(function () {//K>;
currentIndexK = 1;
targetIndexK = 0;
$objectK = $(".imVc");
totalobjectK = $objectK.length;
$objectK.each(function (index) {//K1>;
$(this).attr("id", index);
});//K1<<;
styleHoverK = '<style>.imVc:hover { background-color: red !important; }</style>';
$("head").append(styleHoverK);
$('#imObjectForm_3_form_next').click(function () {//K2>;
$objectK.css("background-color", "silver");
$objectK.eq(currentIndexK).css("background-color", "blue");
currentIndexK += 1;
});//K2<<;
$('#imObjectForm_3_form_prev').click(function () {//K3>;
currentIndexK -= 1;
$objectK.css("background-color", "silver");
$objectK.eq(currentIndexK - 1).css("background-color", "blue");
});//K3<<;
$objectK.click(function () {//K4>;
$objectK.css("background-color", "silver");
$(this).css("background-color", "red");
clickedIdK = Number($(this).attr("id"));
targetIndexK = clickedIdK + 1;
avantiK();
indietroK();
});//K4<<;
//----------------fK-----------------
function avantiK() {//avantiK()>;
if (currentIndexK < targetIndexK) {//K1>;
setTimeout(function () {//K2>;
$('#imObjectForm_3_form_next').click();
avantiK();
}, 10);//K2<<;
};//K1<<;
};//avantiK()<<;
//----------------fK-----------------
function indietroK() {//indietroK()>;
if (currentIndexK > targetIndexK) {//K1>;
setTimeout(function () {//K2>;
$('#imObjectForm_3_form_prev').click();
indietroK();
}, 10);//K2<<;
};//K1<<;
};//indietroK<<;
});//K<<;
</script>
.
ciao
.
Autore
De nuevo muchas gracias KolAsim
el código que me enviaste ¿en qué parte o sección escribo el código?