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] D�placement d'une image


Sujet :

JavaScript

  1. #1
    Membre �prouv�
    Inscrit en
    Mai 2002
    Messages
    101
    D�tails du profil
    Informations personnelles :
    �ge : 45

    Informations forums :
    Inscription : Mai 2002
    Messages : 101
    Par d�faut [Javascript] D�placement d'une image
    Hello,

    J'ai un probl�me tout b�te, mais j'arrive pas � trouver une solution... Je suis s�r que vous pourrez m'aider Je cherche � conna�tre la valeur left d'une image pour la modifier. Pour l'instant, j'ai �a :

    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
     
    .imagedessous { 
      position:absolute;
      z-index : 1;   
    }
     
    .imagedessus { 
      position:relative;
      left:620;
      top:450;
      z-index : 2;
    }
     
    <!-- Du code sans importance dans ce cas... -->
     
    <div align="left">
      <img src="./pictures/back.GIF" class="imagedessous">
      <img name="image" src="./pictures/up.GIF" class="imagedessus">
    </div>
     
    <INPUT TYPE="button" VALUE="Move image" OnClick="if(parseInt(document.myForm.image.style.left) < 1060){document.myForm.image.style.left = parseInt(document.myForm.image.style.left) + 15};"></div>
    Lorsque je clique sur mon bouton, je re�ois une erreur javascript NaN. Si j'essaie d'afficher la valeur de document.myForm.image.style.left (avec un alert), c'est effectivement vide. Le plus �trange, c'est que si je fixe cette valeur � 20, l'image est bien d�plac�e en 35 (20+15)...

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
     
    <INPUT TYPE="button" VALUE="Move image" OnClick="document.myForm.image.style.left = 20; if(parseInt(document.myForm.image.style.left) < 1060){document.myForm.image.style.left = parseInt(document.myForm.image.style.left) + 15};"></div>
     
    <!-- Déplacement de l'image en 35 lorsque je clic -->
    Est-ce que l'un de vous aurait une id�e ?? Merci !

  2. #2
    Expert �minent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par d�faut
    Bonjour,
    s�rement d� aux unit�s (px).
    Il faut les mettre quand tu les attribues
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    .imagedessus { 
      position:relative;
      left:620px;
      top:450px;
      z-index : 2;
    }
    Mais par contre, il ne faut r�cup�rer que la partie num�rique (sans le "px") si tu veux t'en servir pour des calculs, comme ici (sinon => Not a Number)

    A+

  3. #3
    Membre �prouv�
    Inscrit en
    Mai 2002
    Messages
    101
    D�tails du profil
    Informations personnelles :
    �ge : 45

    Informations forums :
    Inscription : Mai 2002
    Messages : 101
    Par d�faut
    Salut,

    Merci pour la r�ponse, mais le probl�me persiste Etrange... Est-ce que �a fonctionne chez vous ?

    Merci

  4. #4
    Expert confirm�
    Avatar de le_chomeur
    Profil pro
    D�veloppeur informatique
    Inscrit en
    F�vrier 2006
    Messages
    3 653
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : F�vrier 2006
    Messages : 3 653
    Par d�faut
    Essaye :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    <INPUT TYPE="button" VALUE="Move image" OnClick="if(parseInt(document.myForm.image.style.left) < 1060){document.myForm.image.style.left = parseInt(document.myForm.image.style.left) + 15+'px'};">

Discussions similaires

  1. [CSS] D�placement d'une image...
    Par S~C dans le forum Mise en page CSS
    R�ponses: 12
    Dernier message: 13/05/2006, 05h58
  2. vitesse de d�placement d'une image pas constante
    Par marco62118 dans le forum VB 6 et ant�rieur
    R�ponses: 12
    Dernier message: 11/04/2006, 13h32
  3. [javascript]XMLhttpRequest - ressortir une image
    Par LE NEINDRE dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 17/02/2006, 14h40
  4. [javascript] Scroll avec une image
    Par Salih-du-91 dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 05/10/2005, 07h46
  5. [VB.NET] D�placement d'une image
    Par ludovic85 dans le forum Windows Forms
    R�ponses: 3
    Dernier message: 01/02/2005, 12h07

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