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

jQuery Discussion :

slideToggle Remonte la page automatiquement


Sujet :

jQuery

  1. #1
    Membre confirmé
    Homme Profil pro
    Tehnicien Tests Logiciels
    Inscrit en
    Avril 2011
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Tehnicien Tests Logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 54
    Par défaut slideToggle Remonte la page automatiquement
    Bonjour à tous,
    Voila j'ai un petit soucis j'utilise ce code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    $(document).ready(function(){
    		$(".tab").hide();
    		$(".affichTab").click(function(){ 
    			$(this).parent().next("table").slideToggle("slow"); 
    		}); 
    	});
    pour afficher des tableaux par contre lorsque je déroule mon tableaux tout va bien, mais lorsque je le cache il me remonte la page tout en haut, j'aimerai qu'il me laisse la ou je me trouve dans la page..

    merci pour votre aide

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    39
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 39
    Par défaut
    Ton script est correcte, pas possible de t'aider plus avec ce que tu donnes.

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonsoir,
    il y a lourd à parier que les actions sont réalisées à partir de balises A, si c'est le cas il te faut annihiler l'action par défaut des liens.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $(document).ready(function(){
        $(".tab").hide();
        $(".affichTab").click(function(){ 
            event.preventDefault();
            $(this).parent().next("table").slideToggle("slow"); 
     
        }); 
    });
    l'autre solution étant d'utiliser des BUTTON qui sont après tout fait pour cela, et avec un peu de CSS le tour est joué, mais je m'avance peut être

  4. #4
    Membre confirmé
    Homme Profil pro
    Tehnicien Tests Logiciels
    Inscrit en
    Avril 2011
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Tehnicien Tests Logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 54
    Par défaut
    Effectivement j'utilise des lien A imbriqué dans une div

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" class="affichTab">Expériences professionnelles</a>
    Comment je pourrai désactiver l'action du lien ?

    En utilisant des "button" je n'aurai pas le mm rendu...

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Ben avant tout, une balise <a>, c'est pour un lien, si tu ne veux pas de lien, tu n'as aucune raison d'utiliser cette balise !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    En utilisant des "button" je n'aurai pas le mm rendu...
    avec du CSS c'est jouable.

    Sinon relis ma réponse et notamment l'apparition de event.preventDefault() dans le code.

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    39
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 39
    Par défaut
    Citation Envoyé par NoSmoking Voir le message
    avec du CSS c'est jouable.

    Sinon relis ma réponse et notamment l'apparition de event.preventDefault() dans le code.
    Correction

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $(document).ready(function(){
        $(".tab").hide();
        $(".affichTab").click(function(event){ 
            event.preventDefault();
            $(this).parent().next("table").slideToggle("slow"); 
     
        }); 
    });

  8. #8
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    $(".affichTab").click(function(){ 
            $(this).parent().next("table").slideToggle("slow"); 
            return false;
        });
    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 !

  9. #9
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333

  10. #10
    Membre confirmé
    Homme Profil pro
    Tehnicien Tests Logiciels
    Inscrit en
    Avril 2011
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Tehnicien Tests Logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 54
    Par défaut
    GENIAL MERCI !!!! pour le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    event.preventDefault();
    ça fonctionne nickel

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

Discussions similaires

  1. Mise en page automatique avant impression
    Par jbenz dans le forum ASP
    Réponses: 13
    Dernier message: 26/05/2007, 17h02
  2. prob de pop up centrée qui fait remonter la page
    Par guy2004 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/12/2006, 15h50
  3. Problème saut de page automatique du "chapter"
    Par polomim dans le forum Mise en forme
    Réponses: 2
    Dernier message: 10/11/2006, 13h30
  4. actualisation d'une page automatiquement
    Par jack_1981 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 22/05/2006, 13h28
  5. mise en page automatique
    Par kayser dans le forum ASP
    Réponses: 6
    Dernier message: 16/11/2004, 09h43

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