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 :

[POO] positionner un element en fonction des coordonnées saisies


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Étudiant
    Inscrit en
    Avril 2008
    Messages
    89
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2008
    Messages : 89
    Points : 81
    Points
    81
    Par défaut [POO] positionner un element en fonction des coordonnées saisies
    bonjour ,
    je souhaite positionner un élément en fonction de coordonnée saisie dans un formulaire . Cependant quand je clic sur valider , je voie bien l'élément se placer furtivement à l'endroit adéquat mais il revient directement à sa position initiale.
    Je voudrai donc qu'il reste à la position saisie.
    voici mon code
    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
     
    <html>
    <head>
    <style type="text/css"> 
    #image	{position: absolute; top:150px; background-color: yellow; width: 200px; height:200px; }
    </style>
     </head>
     
    <body>
     <body>
     <form name="form">
         bloc1 (top): <input type="text" name="bloc1t" id="bloc1t">
         bloc1 (left):<input type="text" name="bloc1l" id="bloc1l">
     <input type=submit value="Valider" Onclick ='new_pos(document.form.bloc1t.value , document.form.bloc1l.value)';/>
     </form>
     
     
    <div id="image"></div>
     
    <script>
     
    function new_pos(x,y){
    	var a = x;
    	var b = y;
    	document.getElementById("image").style.left = a; 
    	document.getElementById("image").style.top = b;
    }
    </script>
    </body>
    </html>
    Cordialement krousty

  2. #2
    Membre expérimenté Avatar de DoubleU
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    1 106
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 1 106
    Points : 1 388
    Points
    1 388
    Par défaut
    Attention, avec un bouton submit, tu changes de pages apres, donc c'est possible que ca soit pour cette raison que ton objet se repositionne à son emplacement initial...

  3. #3
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Citation Envoyé par DoubleU Voir le message
    Attention, avec un bouton submit, tu changes de pages apres, donc c'est possible que ca soit pour cette raison que ton objet se repositionne à son emplacement initial...
    +1 : c'est même sûr.

    Submit => changement de page. Mais comme tu n'as pas d'action définie pour ton form, tu recharges la même page, d'où l'impression qu'il "revient" à sa place.

    => Vire ce <form> inutile et utilise un simple input type="button"

    PS : et mieux vaudrait préciser l'unité :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    document.getElementById("image").style.left = a + "px"; 
    document.getElementById("image").style.top = b + "px";
    EDIT : et un tag <body> en trop ...

    A+

  4. #4
    Membre régulier
    Profil pro
    Étudiant
    Inscrit en
    Avril 2008
    Messages
    89
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2008
    Messages : 89
    Points : 81
    Points
    81
    Par défaut
    merci à vous

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

Discussions similaires

  1. Afficher tarif en fonction des dates saisies
    Par matkwiki dans le forum Langage
    Réponses: 6
    Dernier message: 03/01/2015, 12h21
  2. [AC-2003] positionner les focus en fonction des événements ?
    Par lil404 dans le forum IHM
    Réponses: 10
    Dernier message: 21/04/2009, 16h44
  3. Filtrer une recherche en fonction des caractères saisies
    Par FreeAccess dans le forum Contribuez
    Réponses: 0
    Dernier message: 15/07/2008, 13h59
  4. Réponses: 2
    Dernier message: 21/09/2006, 13h58

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