Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 02/03/2011, 01h43   #1
Invité régulier
 
Inscription : janvier 2006
Messages : 16
Détails du profil
Informations forums :
Inscription : janvier 2006
Messages : 16
Points : 7
Points : 7
Par défaut Clique pour agrandir/retrecir une iframe

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 :
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 :
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.
angledroit est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/03/2011, 08h16   #2
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 805
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 805
Points : 35 807
Points : 35 807
Un grand classique
element.width renvoie une chaine, donc le + va concaténer et non additionner !
Code :
element.width=parseInt(element.width,10)+1
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 20
Vieux 02/03/2011, 11h53   #3
Invité régulier
 
Inscription : janvier 2006
Messages : 16
Détails du profil
Informations forums :
Inscription : janvier 2006
Messages : 16
Points : 7
Points : 7
Merci beaucoup, ça marche parfaitement et je n'aurais jamais trouvé seul.
angledroit est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 14h55.


 
 
 
 
Partenaires

Hébergement Web