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 top et application de style


Sujet :

JavaScript

  1. #1
    Membre habitué
    Homme Profil pro
    Un petit peu de tout ça
    Inscrit en
    Janvier 2012
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Un petit peu de tout ça

    Informations forums :
    Inscription : Janvier 2012
    Messages : 8
    Par défaut scroll top et application de style
    Bonjour,

    alors le contexte : une page généré dynamiquement (PHP), dont la hauteur dépasse bien sur la hauteur d'affichage du navigateur.

    ce que je veux faire : sur un tableau html, quand un élément doit être supprimé (via un appel ajax), je dois faire un retour visuel à l'utilisateur.

    le problème : quand je manipule au niveau du tr, la page remonte directement en début de page. Quoi que je fasse, c'est à dire effacer le tr, lui appliquer des style, parcourir les td enfants et les vider.

    J'ai cherché sur le net, mais google ne veut plus être mon ami visiblement...

    Quelqu'un aurait-il une piste ?

  2. #2
    Invité
    Invité(e)
    Par défaut
    essai bing

  3. #3
    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
    ça sent le rechargement de page ...
    à mon avis tu ne dois pas inhiber un href ou un truc du genre, après ton ajax, ta page se recharge et donc le scroll se replace en haut ...

    Mais bon sans voir ton code ... on peut spéculer longtemps ...
    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 !

  4. #4
    Membre habitué
    Homme Profil pro
    Un petit peu de tout ça
    Inscrit en
    Janvier 2012
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Un petit peu de tout ça

    Informations forums :
    Inscription : Janvier 2012
    Messages : 8
    Par défaut
    En fait j'ai le même comportement même si je désactive l'appel ajax.

    Voici mon code pour la génération des rows du tableau

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <tr <?php echo $style?> id="<?php echo $tache->Tache_ID?>">
    			<td><?php echo substr($tache->Ta_Heure, 0, 5)?></td>
    			<td><?php echo $tache->Ta_Dossier?></td>
    			<td><?php echo $tache->Ta_User?></td>
    			<td style="font-weight: 700; text-align: left;"><a href="#" onclick="afficherTacheAModifier('<?php echo $tache->Tache_ID?>')"><?php echo $tache->Ta_Nom?></a></td>
    			<td><a href="#" onclick="effacerTache('<?php echo $tache->Tache_ID?>')">Supp.</a></td>
    		</tr>
    Et voici la fonction effacerTache à l'issue de mes tests, dans sa plus simple expression
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    function effacerTache(Tache_ID){
    	document.getElementById(Tache_ID).className="myclass";
    }

  5. #5
    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
    Bingo !!!!

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="effacerTache('<?php echo $tache->Tache_ID?>')">Supp.</a>
    =>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="effacerTache('<?php echo $tache->Tache_ID?>'); return false;">Supp.</a>
    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 !

  6. #6
    Membre habitué
    Homme Profil pro
    Un petit peu de tout ça
    Inscrit en
    Janvier 2012
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Un petit peu de tout ça

    Informations forums :
    Inscription : Janvier 2012
    Messages : 8
    Par défaut
    Tout simplement magnifique

    Merci SpaceFrog.

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

Discussions similaires

  1. Application de style dans une balise INPUT
    Par Zoro63 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 13/09/2008, 16h51
  2. Events onclick provoque scrolling top page
    Par speedev dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 12/12/2007, 12h32
  3. Ordre d'application de style CSS
    Par DanZzz dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 26/08/2006, 11h45
  4. [HTML][CSS] Comment empecher l'application des styles
    Par ardi dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 28/03/2006, 11h56
  5. render une application au style xp
    Par sofiane44 dans le forum Langage
    Réponses: 3
    Dernier message: 29/12/2005, 11h26

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