javascript] rendre une zone texte "hidden"

javascript] rendre une zone texte "hidden" - HTML/CSS - Programmation

Marsh Posté le 05-07-2005 à 13:59:56    

Salut a tous,
 
jai ceci :
<input type="hidden"  name="objectif" id="objectif" size="15"  >
 
je voudrais par une fonction Javascript avoir cette zone non plus hidden et en plus avec la possibilité de pouvoir y écrire dedans.
 
Comment peut on le réaliser ?  Merci d'avance.

Reply

Marsh Posté le 05-07-2005 à 13:59:56   

Reply

Marsh Posté le 05-07-2005 à 14:07:07    

je ne comprend pas pourquoi tu veux rendre un champ "hidden" visible avec une fonction ? quel est l'intéret ?
 
si tu remplace "hidden" par "text" ça revient à ce que tu veux faire


Message édité par remizz le 05-07-2005 à 14:07:26
Reply

Marsh Posté le 05-07-2005 à 14:14:42    

salut remizz,
 
en fait j'ai une liste déroulante. Qd je clique sur un élémenent de la liste, je voudrais pouvoir préciser
 
Par exemple dans une liste tu as ville, age etc....
si je clique sur "ville" un champs apparait a coté et tu peux noter ta ville
si je clique sur une  autre valeur, rien ne se passe.

Reply

Marsh Posté le 05-07-2005 à 14:25:54    

Faut pas avoir un hidden, faut avoir un text, que tu caches avec js, et tu affiches quand tu en as besoin (avec les propriétés de style que tu changes depuis js).


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 05-07-2005 à 14:29:41    

oui ok donc c'est quoi les propriété qu'il faut utiliser ? :bounce:

Reply

Marsh Posté le 05-07-2005 à 14:33:35    

display ou visibility.
 
Display, ca met pas l'élément dans l'affichage du tout, et visibility, l'élément est juste caché, mais il occupe sa place normale.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 05-07-2005 à 15:14:07    

ok merci plainsofpain  :jap:

Reply

Marsh Posté le 05-07-2005 à 15:25:48    

Par contre j'ai un dernier petit souci j'ai bien mis ca, a priori ca marche:
 
...
document.getElementById("obj" ).style.visibility = "visible";  
}
else  document.getElementById("obj" ).style.visibility = "hidden";  
...
 
mais comment est déclaré la synthaxe au niveau html
 
je dois mettre quoi parce que j'ai mis ca mais c'est pas bon:
 
<INPUT type="file" style="hidden" id="obj" size="20" >

Reply

Marsh Posté le 05-07-2005 à 16:00:00    

par défaut il doit etre visible, pour que ceux qui n'ont pas javascript puissent le voir.
 
sur le onload de ta page tu le caches en appelant une fonction qui mettra sa visibility a hidden.
 
Puis quand tu veux l'activer, tu changes la visibility en "visible"...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 05-07-2005 à 17:41:53    

style="visibility:hidden"

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed