Formulario avanzado

Citar

Escrito el 27 Feb 2008 05:08 pm

Saludos, en primer lugar no pido que nadie me resuelva nada, pero si me podeis decir donde puedo encontrar lo que busco mejor que mejor, el tema es el siguiente:

Necesito que al aplicar el metodo onchange() de un select, y que este me muestre una información u otra, me explico.

Tengo un select con Puerto, aereopuerto, etc. Si el usuario selecciona aereopuerto, quiero que me muestre 4 input con numero de vuelo, etc. Si elige puerto distintos input con procedencia, barco, etc. Creo que ya me entienden. Pues el tema es que no se si hay algun metodo en javascript que me permita mostrar una información u otra según el value del select.

Tambien necesito un calendario que cambie el contenido de un select que contenga la fecha.

Aunque parezca mentira, he consultado a google pero seré torpe porque no he encontrado lo que quería exactamente, eso si, calendarios veinte mil, pero que cambien el select con una fecha, ninguno.

Saludos y gracias.

Por boyere

Claber

191 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Simplemente aprendo

@herrerosmiguel

Citar

Escrito el 27 Feb 2008 05:59 pm

Veamos...
Te pongo "trozos" e ideas que necesitarás desarrollar y ampliar, pero suficientes para tu caso:

Código :

<script>
function amplia(i)
{borrar_hijo_de=document.getElementById('contenidos');
 borrar_hijo_de.removeChild(borrar_hijo_de.lastChild);

 nuevo_elemento=document.createElement('div');
 nuevo_elemento.setAttribute('id','subcontenido');
 if(i==1)
    {nuevo_elemento.innerHTML='Vuelo1<br />Vuelo2<br />Vuelo3';}
 if(i==2)
    {nuevo_elemento.innerHTML='Barco1<br />Barco2<br />Barco3';}
 contenedor=document.getElementById('contenidos');
 contenedor.appendChild(nuevo_elemento);
}
</script>

<body>
<select onchange="javascript:amplia(this.value);">
<option value="1">Vuelo</option>
<option value="2">Barco</option>
</select>
<div id="contenidos"><!-- Aquí se cargarán los contenidos. //--></div>
</body>

Este código, ya es operativo en cualquier navegador, y con poca forma que le des, te valdrá para tu objetivo.
A tí te queda la tarea de hacerlo más compatible y accesible.

¿dudas?

Suerte.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 27 Feb 2008 06:08 pm

PD: Puede que el .innerHTML tb debiera ser sustituído por una segunda gama de:

Código :

      contenedor2=document.getElementById('subcontenido');
      nuevo_elemento_y=document.createElement('input');
      nuevo_elemento_y.setAttribute('type','radio');
      contenedor2.appendChild(nuevo_elemento_y);

pero se me hace más pesado... y tp creo que sea muy necesario
(quizá algún master de Cristalab sepa precisar si sería mejor evitar el innerHTML por todos medios)

NOTA: La guía que te he puesto aquí, como esqueleto para la resolución de tu pregunta, está también desarrollada en este otro post mío (con un ejemplo (también plenamente funcional), que puede tb te sea útil)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 03 Mar 2008 08:39 am

Ok, gracias por contestar, en cuanto lo ponga en práctica te informaré como me va. No sabía que JavaScript diera para tanto. Saludos.

Por boyere

Claber

191 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Simplemente aprendo

@herrerosmiguel

Citar

Escrito el 03 Mar 2008 09:00 am

boyere escribió:

[...] No sabía que JavaScript diera para tanto. Saludos.

Y para más...

PD: pasate a FireFox

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 03 Mar 2008 07:59 pm

Lo he hecho con innerHTML y me ha ido de lujo, era exactamente lo que quería. El otro código lo veo un poco innecesario para lo que estoy haciendo por lo que no le he prestado mucha atención, pero de todas maneras gracias.

Por cierto, si sabes alguna página donde pueda encontrar código y calendarios en JavaScript me sería de gran ayuda.

Saludos

PD: Ya tengo el Firefox, pero el maligno me tiene

malacostumbrado

poseído

Por boyere

Claber

191 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Simplemente aprendo

@herrerosmiguel

Citar

Escrito el 03 Mar 2008 11:41 pm

boyere escribió:

[...]PD: Ya tengo el Firefox, pero el maligno me tiene [...] poseído :crap:

Mereces ser

azotado sólo por eso!!!

boyere escribió:

[...]Por cierto, si sabes alguna página donde pueda encontrar código y calendarios en JavaScript me sería de gran ayuda.[...]

Y por esto, también.

Así que ala...
Allá te hago llegar mi látigo de doce colas...

para que te fustigues hasta que estés completamente adoctrinado.

Y cuando hayas interiorizado el castigo, y seas uno con tu penitencia (y sólo entonces...) podrás leer el código oculto que se encuentra bajo estas líneas:
http://www.google.es/search?q=calendarios+javascript&btnG=Buscar&num=30&hl=es
muahahahaha!

PD: el primer resultado, ofrece múltiples soluciones.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

Envíale un mensaje privado

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

Citar

Escrito el 04 Mar 2008 03:44 pm

Pavernosmatao