bouton qui change la taille d'un div..

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
-
-

Bonjour,

Petit exemple de code:

Code:

---

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.

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 :roll:, 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:

---

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:

---

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...:ccool:

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

De rien, n'oublie pas le résolu ;)