IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Clique pour agrandir/retrecir une iframe


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    16
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 16
    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 : 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.

  2. #2
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Un grand classique
    element.width renvoie une chaine, donc le + va concat�ner et non additionner !
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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 !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    16
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 16
    Par d�faut
    Merci beaucoup, �a marche parfaitement et je n'aurais jamais trouv� seul.

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [C#,VS2005] Probleme pour agrandir une form et g�rer son �venement
    Par black_Fox_71 dans le forum Windows Forms
    R�ponses: 7
    Dernier message: 28/11/2018, 15h09
  2. Fond transparent pour une iframe
    Par laurentSc dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 28/07/2010, 10h01
  3. R�ponses: 3
    Dernier message: 20/07/2009, 13h24
  4. Recuperer du javascript pour une iframe HTML
    Par p2w.walas dans le forum G�n�ral JavaScript
    R�ponses: 1
    Dernier message: 19/07/2009, 11h48
  5. Savoir quel bouton a �t� cliqu� pour atteindre une proc�dure
    Par beegees dans le forum VB 6 et ant�rieur
    R�ponses: 2
    Dernier message: 01/01/2009, 15h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo