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 :

Scroll qui remonte lors de l'ajout d'un noeud au body


Sujet :

JavaScript

  1. #1
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut Scroll qui remonte lors de l'ajout d'un noeud au body
    Lorsque j'ajoute un calque (<div>) dynamiquement au body de ma page le scroll remonte tout en haut ce qui est assez gênant, comment empêcher cela, svp ?

    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
     
    function grabTable(id) {
    	tableToMoveID = id;
     
    	var tableToMove = document.getElementById("TAB_" + id);
    	var tableToMoveClone = tableToMove.cloneNode(true);
     
    	tableToMoveTempDiv = document.createElement("div");
     
    	tableToMoveTempDiv.style.position = "absolute";
    	tableToMoveTempDiv.style.width = tableToMove.offsetWidth + "px";
    	tableToMoveTempDiv.style.height = tableToMove.offsetHeight + "px";
    	tableToMoveTempDiv.style.left = tableToMove.style.posLeft + "px";
    	tableToMoveTempDiv.style.top = (mouseY + 10) + "px";
     
    	document.getElementsByTagName("body")[0].appendChild(tableToMoveTempDiv);
     
    	tableToMoveTempDiv.appendChild(tableToMoveClone);	
    }
    Most Valued Pas mvp

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    salut,

    peux-tu montrer l'appel de fonction stp
    Si ton code fait plus d'une ligne, c'est que tu as mal choisi ton langage !

  3. #3
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut
    http://www.gameslover.net/EAF/TACHES.php.htm

    L'apelle se fait lors du click sur l'icône de déplacement (l'icône verte à flêches).
    Most Valued Pas mvp

  4. #4
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    Ok, le fait que tu remonte est du au lien

    <a href='#'>

    le # signifie que tu souhaite accéder à une ancre nommée,
    créée avec <a name='nom_de_l_ancre'>...</a>

    le # tout seul fait que le navigateur (qui ne trouve pas l'ancre) te
    positionne en haut de page.

    Il te faut virer ses liens. il ne te servent à rien. Si ce n'est à donner
    l'apparance du pointeur (le doigt) à ta souris. Ceci tu peux le régler
    en css avec un style, cursor: pointer, appliqué à tes images.
    Si ton code fait plus d'une ligne, c'est que tu as mal choisi ton langage !

  5. #5
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut
    Citation Envoyé par marcha
    Ok, le fait que tu remonte est du au lien

    <a href='#'>

    le # signifie que tu souhaite accéder à une ancre nommée,
    créée avec <a name='nom_de_l_ancre'>...</a>

    le # tout seul fait que le navigateur (qui ne trouve pas l'ancre) te
    positionne en haut de page.

    Il te faut virer ses liens. il ne te servent à rien. Si ce n'est à donner
    l'apparance du pointeur (le doigt) à ta souris. Ceci tu peux le régler
    en css avec un style, cursor: pointer, appliqué à tes images.
    Merci, je ne soupçonnais pas cette propriété du #.
    Comme le style CSS du pointeur en doigt n'est pas commun à Moz et IE, j'utilise plutôt href="Javascript:;"
    Most Valued Pas mvp

  6. #6
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    Citation Envoyé par Sergejack
    Comme le style CSS du pointeur en doigt n'est pas commun à Moz et IE, j'utilise plutôt href="Javascript:;"
    Ah bon ? sur IE 5 peut être

    Essaie ça, c'est fonctionnel sur IE, FireFox, Opera, Netscape,
    et attention... tiens toi bien... même sur IE 7 :-)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <span style='cursor: pointer'>test</span>
    Si ton code fait plus d'une ligne, c'est que tu as mal choisi ton langage !

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

Discussions similaires

  1. Probleme lors de l'ajout d'un noeud a un Windows Failover
    Par vincent.diallonort dans le forum Windows Serveur
    Réponses: 0
    Dernier message: 20/05/2013, 20h26
  2. menu et corps qui se décollent lors d'un ajout de balise <p> ou <h/1/2/etc>
    Par xmetal-nicox dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 11/07/2012, 17h13
  3. texte d'un bouton qui disparait lors d'un scroll
    Par RedOL dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 28/03/2012, 14h00
  4. Réponses: 4
    Dernier message: 11/06/2010, 20h26
  5. Evenement qui se declanche lors de l'ajout d'une colonne
    Par hassine dans le forum SharePoint
    Réponses: 2
    Dernier message: 19/08/2009, 18h13

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