[JS] Modifier la taille d'un input text voire le cacher...

T

THEniluje

Grand Maître
Y a t'il possibilitée de faire varier en javascript la taille d'un champs texte ? (<INPUT name=C type=text size=LA TAILLE>)
Voire carrément de le faire apparaitre / le cacher ? (là ce serait la solution optimale)
 
T

THEniluje

Grand Maître
A oui: et ce en fonction d'un choix dans une liste: exemple si dans la liste ABCD il choisit A, ben je montre ou augmente le champs texte et s'il choisit BC ou D ben je le cache / reduit a 0...

Arf :(
 
joloca

joloca

Expert
est ce que il faut absolument qu'il y ai un input texte?
parce qu'il y a le hidden, qui a +- les mm caracteristique
que le texte mais en caché
Pour info
Vous devez être connecté pour voir les liens.
 
T

THEniluje

Grand Maître
Sisi faut le type=text :D

Le but justement c'est de demander des infos au visiteur UNIQUEMENT si le choix dans la liste le permet :/
 
JWhy

JWhy

Expert
[g]p-e:[/g] definis dans ton tag <input/> un
style="width:100px;"
et apres tu devrais pouvoir y acceder via le javascript (changer le taille , le cacher, etc...)... attention a la compatibilité...

j'ai mis p-e en gras, hein ;)
 
JWhy

JWhy

Expert
va falloir apprendre [:spamafote]

sinon google + resize width input style javascript donne
Vous devez être connecté pour voir les liens.
 
JWhy

JWhy

Expert
en adaptant le script trouvé, j'ai fait ça

[cpp]<html>
<head>
<script type="text/javascript">
function doResize(o, w, h){
obj = document.getElementById(o);
if (w>0)
obj.style.width = w;
if (h>0)
obj.style.height = h;

}

function incSize(o, w, h){
obj = document.getElementById(o);
doResize(o, parseInt(obj.style.width) + w, parseInt(obj.style.height) + h);
}

function hideObj(o){
obj = document.getElementById(o);
if (obj.style.visibility=="visible")
obj.style.visibility = "hidden";
else if (obj.style.visibility=="hidden")
obj.style.visibility = "visible";
}


</script>
</head>
<body>
<form>
<input id="t" type="text" value="je vois rien de ce qui est affiché :(" style="width:100px;height:22px;visibility:visible">
<br>
<input type="button" value="[ + largeur ]" onclick="incSize('t',+10,0)">
<input type="button" value="[ - largeur ]" onclick="incSize('t',-10,0)">
<input type="button" value="[ + hauteur ]" onclick="incSize('t',0,+5)">
<input type="button" value="[ - hauteur ]" onclick="incSize('t',0,-5)">
<input type="button" value="[ cacher/afficher]" onclick="hideObj('t')">

</form>

</body>
</html>[/cpp]
ca devrait marcher sous IE5 et superieur ainsi que NS6 et superieur...
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Dernières actus
Derniers messages publiés
Statistiques globales
Discussions
730 158
Messages
6 718 507
Membres
1 586 441
Dernier membre
Energys_Stars
Partager cette page
Haut