opcion cambio

charlescuella · #1 (**permalink**) 17/06/2011, 07:15

tengo un form con un textarea un select y quiero poner una opción en donde el usuario decida que si quiero solo texto o con imagen, si el decide solo texto q se quede asi pero si decide con imagen aparezca el campo para subir una imagen.
como lo puedo hacer

gracias

Naahuel · #2 (**permalink**) 17/06/2011, 10:51

Algo así?

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <script type="text/javascript">
function cambiar_opcion(combo){
    if(combo.value=='1'){
     document.getElementById('imagen').style.display = 'none';}
    else if(combo.value=='2'){
     document.getElementById('imagen').style.display = 'block';
    }
    }
    </script>
    <title></title>
  </head>
  <body>
    <p>
      <select onchange="cambiar_opcion(this)">
        <option value="1">
          Sólo texto
        </option>
        <option value="2">
          Con imagen
        </option>
      </select>
    </p>
    <p>
      <textarea cols="6" rows="6">
</textarea> <input style="display:none;" id="imagen" name="imagen" type="file">
    </p>
  </body>
</html>

charlescuella · #3 (**permalink**) 17/06/2011, 14:06

se ve bien
pero como qda con un radio group ? como seria

Código PHP:

Ver original<table width="300">
 
  <tr>
    <td><label>
      <input type="radio" name="opcion" value="solo texto" id="opcion_0" />
      Solo Texto</label></td>
    <td><label><input type="radio" name="opcion" value="con imagen" id="opcion_1" />
      Con imagen</label></td>
  </tr>
</table>

estare pendiente gracias

Naahuel · #4 (**permalink**) 17/06/2011, 16:06

Y no varía demasiado. Acá usarías "onclick" para cada radiobutton y modificamos un poco la función de acuerdo a los valores:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <script type="text/javascript">
function cambiar_opcion(combo){
    if(combo.value=='solo texto'){
     document.getElementById('imagen').style.display = 'none';}
    else if(combo.value=='con imagen'){
     document.getElementById('imagen').style.display = 'block';
    }
    }
    </script>
    <title></title>
  </head>
  <body>
    <p>
       <input type="radio" name="opcion" onclick="cambiar_opcion(this)" value="solo texto" id="opcion_0" />
      <input type="radio" name="opcion" onclick="cambiar_opcion(this)" value="con imagen" id="opcion_1" />
    </p>
    <p>
      <textarea cols="6" rows="6">
</textarea> <input style="display:none;" id="imagen" name="imagen" type="file">
    </p>
  </body>
</html>

charlescuella · #5 (**permalink**) 18/06/2011, 17:16

Naahuel gracias esta bien

y como se debe hacer para q oculatar tambien un texto y cuando se active el opcion lo muestre

con un div? un label? o como gracias

Naahuel · #6 (**permalink**) 18/06/2011, 17:52

Cita:

Iniciado por charlescuella

Naahuel gracias esta bien

y como se debe hacer para q oculatar tambien un texto y cuando se active el opcion lo muestre

con un div? un label? o como gracias

Y en este caso estamos ocultando y mostrando un div con id "imagen". Podés hacer algo así:

Código HTML:

Ver original<div id="imagen">
<p>Todo el texto que yo quiera</p>
<input type="file" name="imagen_file" />
</div>

Y asegurate de que esté oculto por defecto con CSS:

Código CSS:

Ver original#imagen{display:none;}

charlescuella · #7 (**permalink**) 18/06/2011, 21:27

bien muchas gracias por el dato