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 à l'essai
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 16
    Points : 13
    Points
    13
    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 : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    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

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

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