select

Sebastian1046 · #1 (**permalink**) 22/10/2004, 15:34

Hola, yo tengo un "input" visible y 2 hidden:

Código PHP:

              <input name="form1" type="file" class="button" size="30"> 
            <input name="form2" type="hidden" class="button" size="30"> 
            <input name="form2" type="hidden" class="button" size="30">

como puedo hacer para que aparescan cuando seleccione la cantidad de "input" que quiero ver?

Código PHP:

      <select name=s1 onChange="refill()" class="button"> 
    <option value="01" selected >01 
    <option value="02"         >02 
    <option value=""       >03 
    </select>

digamos que selecciono 3 y aparecen visibles los tres "input"?

wolf777 · #2 (**permalink**) 23/10/2004, 13:20

mmm Osea deseas hacer un select de la cantidad de Input type="text" que se hagan visibles segun la cantida de ellos que elijas????

wolf777 · #3 (**permalink**) 23/10/2004, 13:31

Si es asi solamente crealos como tipo texto normales y haz algo muy simple

Código HTML:

<div id="01" style="display=none"><input name="txt1" type="text"class="button" size="30"></div>
<div id="02" style="display=none"><input name="txt2" type="text"class="button" size="30"></div>
<div id="03" style="display=none"><input name="txt3" type="text"class="button" size="30"></div>

y los activas mediante un:

Código HTML:

function muestra_elemento(txt_id){
document.getElementById(txt_id)]).style.display="block";
}

Sebastian1046 · #4 (**permalink**) 23/10/2004, 14:32

Ya pude lo pude armar, gracias por la data! pero no me gusta mucho, aca estan invisibles pero me ocupan espacio en la pagina, yo necesito que no se vean y que no me ocupen espacio, cuando se vean que aparesca abajo y baje la linea de texto, como este ejemplo:

[Ejemplo de cuando estan invisibles]
input <-- este es el que se ve
asdasdasdasdasdasd <-- aca sigue mi pagina

[Ejemplo de cuando estan visibles]
input <-- este es el que se ve
input <-- este es el que se ve
input <-- este es el que se ve
input <-- este es el que se ve
asdasdasdasdasdasd <-- aca sigue mi pagina

Se puede hacer asi?

PD: aca esta el codigo terminado que no me gusta.

Código PHP:

  <html> 
<head> 
 
<script type="text/javascript"> 
function hide(id) { 
  document.getElementById(id).style.visibility = "hidden"; 
}; 
 
function show(id) { 
  document.getElementById(id).style.visibility = "visible"; 
}; 
</script> 
 
</head> 
<body onload="hide('form2');hide('form3');hide('form4');";> 
 
<form> 
<div id="form1"><input name="filetoupload" type="file" class="button" size="30"></div> 
<div id="form2"><input name="filetoupload1" type="file" class="button" size="30"></div> 
<div id="form3"><input name="filetoupload2" type="file" class="button" size="30"></div> 
<div id="form4"><input name="filetoupload3" type="file" class="button" size="30"></div> 
<br><br> 
01 <input type="button" value="Hide" onClick="hide('form1');"><input type="button" value="Show" onClick="show('form1');"> 
<br> 
02 <input type="button" value="Hide" onClick="hide('form2');"><input type="button" value="Show" onClick="show('form2');"> 
<br> 
03 <input type="button" value="Hide" onClick="hide('form3');"><input type="button" value="Show" onClick="show('form3');"> 
<br> 
04 <input type="button" value="Hide" onClick="hide('form4');"><input type="button" value="Show" onClick="show('form4');"> 
</form> 
 
</body> 
</html>

Saludos.

wolf777 · #5 (**permalink**) 26/10/2004, 08:27

no ocupan espacio mira este ejemplo:

http://hellomundo.colosa.net/signup.htm

Elige un plan y continua

Saludos

Sebastian1046 · #6 (**permalink**) 26/10/2004, 08:38

lo siento, me olvide de avisar que ya pude hacer lo q' queria, lo conbine con php, dije "if" "select" = a opcion 01, que muestre algo, si es = a 02 otra cosa... ect, te agradesco mucho la ayuda.

Saludos y gracias.