Salut à tous,

Voilà maintenant pas mal de temps que je buche sur ce problème :

Je souhaite, lorsque je clique sur un input, agrandir ou retrecir la largeur ou la hauteur d'une iframe.
Les 4 boutons sont :
Elargir
raccourcir
elever
raptessir

J'ai réussi à seulement faire fonctionner le bouton "raccourcir" qui diminue le width de 10 à chaque clique.
Par contre, le bouton elargir m'agrandit l iframe énormément, comme si je lui avais demandais de le multiplier par 10 à chaque clique.
Le bouton elever me fait le même problème que elargir, mais dans le sens de la hauteur, bien sur.
Le bouton raptessir ne donne aucun résultat

Aucune erreur javascript n'est détectée quand je clique sur les boutons.

Voici mon code :

editor.js
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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
//demarrage taille   
 
function elargir()
{
   var element = document.getElementById("editor");
   element.width+=1;
}
 
function raccourcir()
{
   var element = document.getElementById("editor");
   if (element.width>2)
      element.width = element.width-10;
}
 
 
 
function elever()
{
   var element = document.getElementById("editor");
   element.height+=1;
}
 
function raptessir()
{
   var element = document.getElementById("editor");
   if (element.height>2)
      element.rows = element.height-1;
}
 
 
 
 
 
//fin taille


page.htm

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<input type="button" value="< >" onclick="elargir()">  
	  <input type="button" value="> <" onclick="raccourcir()"> <br>
<input type="button" value="+ +" onclick="elever()">	 
<input type="button" value="- -" onclick="raptessir()"> 
	  <iframe width="500" height="200" id="editor" onload="iniEditor();"> 
 
        Votre navigateur ne supporte pas les IFrames.    </iframe>
Si quelqu'un a une solution, il m'aidera vraiment.

Merci de m'avoir lu.