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 :

[javascript]decaler image a droite lors de onclick


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Inscrit en
    Février 2007
    Messages
    406
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 406
    Par défaut [javascript]decaler image a droite lors de onclick
    salut à tous,
    je desire creer une fonction qui, lors du click sur le bouon bouger , fait decaler l'image a droit de 10 px.
    j'ai fait le code suivant mis ca fonctionne pas:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <script language="JavaScript">
    function bouger()
    {a=document.images[0].left;
    a+=10px;
    document.images[0].left=a}
    </script>
    <body>
    <input type="button" value="bougez!!" name="bouger" onclick="bouger();">
    <img src="img.jpg" >
    </body>
    faut-il obligatoirement creer une zone div pour mettre l'image??
    car je veux travailler juste avec l'image et pas de div? est-ce possible?
    merci de m'aider

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    offsetLeft ...
    ton image est en en position absolute ?

    et on ne peux pas ajouter 10px, on ajoute 10 ...

    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
    <html>
    <head>
    <script type="text/javascript">
    function bouger(){
    var a=document.images[0].offsetLeft
    alert(a)
    a+=10;
    document.images[0].style.left=a+"px";
    }
    </script>
    </head>
    <body>
    <input type="button" value="bougez!!" name="bouger" onclick="bouger();">
    <img src="img.jpg" style="position:relative" >
    </body>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Inscrit en
    Février 2007
    Messages
    406
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 406
    Par défaut
    euuh.. je comprend pas pourquoi ce truc ne fonctionne pas:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    function bouger()
    {
    var a=document.images[0].style.left;
    a+=10;
    document.images[0].style.left=a+"px";
    }
    ca marche dés le premier click c tout...
    a part ca le code que tu a posté marche parfaitement.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    parceque left != offsetLeft
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Aligner une image background à droite
    Par Xeron dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 02/06/2008, 01h31
  2. [Upload] UPLOAD image et DROIT de lecture
    Par gandoulfe dans le forum Langage
    Réponses: 4
    Dernier message: 06/04/2006, 15h47
  3. [ImageMagick] Intégrer un JavaScript à l'image générée
    Par Linaa dans le forum Bibliothèques et frameworks
    Réponses: 7
    Dernier message: 31/01/2006, 20h49
  4. [javascript] Alt n'affiche rien lors du survol d'une image
    Par LE NEINDRE dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 26/12/2005, 17h56
  5. [JAVASCRIPT] Rien ne s'affiche lors d'une pause
    Par stephane93fr dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 26/05/2005, 15h38

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