Discussion :

[bilcosby]

Bonjour à tous

Je débute en JS, et après maintes bidouilles les + acrobatiques, je viens chercher de l'aide:
J'ai un textarea ( j'ai mis div en titre pour plus de clarté !) qui fait 20px de haut,
j'ai deux petits boutons, 1 qui agrandit le textarea de 300px et le second le remet en taille d'origine( sans fonction)

Maintenant je voudrais remplacer les2 boutons par un seul.
mais je n'arrive pas à créer un function qui :

1. récupère la hauteur de la textarea
2. une condition " if " en rapport avec la taille du moment
3. renvois la hauteur vers le textarea..

c'est pas trop compliqué (théoriquement) mais il me manque les mots clés..

Une 2eme petit chose, comment tester le JS, parce que rien de ce que j'ai fait fonctionne, mais sans message d'erreur, c'est dur de savoir où ça ne va pas !


Merci de votre attention et de votre aide
-
-

[floran77]

Bonjour,

Petit exemple de code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function ResizeTextarea(){
	if ( document.getElementById("idTextarea").style.height == "300px" ){ // Test de la valeur de la hauteur
		document.getElementById("idTextarea").style.height = "20px" ; // Affectation d'une valeur à la hauteur
	}else{
		document.getElementById("idTextarea").style.height = "300px" ;
	}
}

En ce qui concerne le debug du Javascript, je te conseille d'installer le module firebug sur Firefox, il est très efficace.

[bilcosby]

Salut et merci
J'ai un peu galèré pour passer la variable (id, j'ai plusieurs texarea) entre les guillemets simples ou double ..ou pas , bref ça fonctionne.

Je suis déconcerté par la simplicité de ton code, j'aurais pu le trouver mais je m'y perd un peu avec la syntaxe au point. bah, ça viendra...

Je copie/colle tout le code pour les novices qui seraient intéressés ..

Dans le head :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script type="text/javascript">
<!--
function taillearea(arg){
 
if ( document.getElementById(arg).style.height == "300px" ){ // Test de la valeur de la hauteur
		document.getElementById(arg).style.height = "20px" ; // Affectation d'une valeur à la hauteur
	}
	else{
		document.getElementById(arg).style.height = "300px" ;
	}
}
 
-->
 
</script>

Dans le body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<form>
 
 
<input value="+ -" type="button"  style=" float:left; background-color:#0099FF" onclick="taillearea('area1')" > 
 
<textarea id="area1" style="background-color: #FF9900"></textarea>
 
 
 
</form>

Merci beaucoup floran77...

A bientôt,........ici ou ailleurs.....
-
-
-

[floran77]

De rien, n'oublie pas le résolu