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 :

Ouvrir une div sur click d'un lien précis


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 57
    Par défaut Ouvrir une div sur click d'un lien précis
    Bonsoir

    le javascript et moi.. on est pas tres copain

    j'ai un DIV qui slide lorsque je clique sur un lien... mais n'importe lequel

    le 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
    // When the DOM is ready, initialize the scripts.
    jQuery(function ($) {
        // Get a reference to the container.
        var container = $("#container");
        // Bind the link to toggle the slide.
        $("a").click(
        function (event) {
            // Prevent the default event.
            event.preventDefault();
            // Toggle the slide based on its current
            // visibility.
            if (container.is(":visible")) {
                // Hide - slide up.
                container.slideUp(400);
            } else {
                // Show - slide down.
                container.slideDown(400);
            }
        });
    });
    je voudrais juste en faire une fonction que je peux appeller n'importe qd.. onload.. onclick..

    Qq un peux m'aider ?

    Merci d'avance

    SebIV

  2. #2
    Membre Expert

    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2011
    Messages
    1 723
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 723
    Par défaut
    Créer en une fonction javascript que tu appeles quand tu le souhaites :

    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
        function maFunction(event) {
            // Prevent the default event.
            event.preventDefault();
     
            // Toggle the slide based on its current
            // visibility.
            if (container.is(":visible")) {
     
                // Hide - slide up.
                container.slideUp(400);
     
            } else {
     
                // Show - slide down.
                container.slideDown(400);
     
            }
        } // Bind the link to toggle the slide.
    $("a").click(maFonction(event));
    $("div").click(maFonction(event));

  3. #3
    Membre actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 57
    Par défaut
    Négatif
    Ca ne fonctionne pas..

    NB : j'ai modifié le petite erreur sur le nom de la fonction, je n'arrive pas à lancer cette ouverture de div

  4. #4
    Membre Expert

    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2011
    Messages
    1 723
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2011
    Messages : 1 723
    Par défaut
    Essaye :

    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
    function maFunction(event) {
            // Prevent the default event.
            event.preventDefault();
     
            // Toggle the slide based on its current
            // visibility.
            if (container.is(":visible")) {
     
                // Hide - slide up.
                container.slideUp(400);
     
            } else {
     
                // Show - slide down.
                container.slideDown(400);
     
            }
        } // Bind the link to toggle the slide.
    $("a").click(function(event) {
            maFonction(event);
    });
    $("div").click(function(event) {
               maFonction(event);
    });

  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 : 54
    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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    if (container.is(":visible")) {
        // Hide - slide up.
        container.slideUp(400);
    } else {
        // Show - slide down.
        container.slideDown(400);
    }
    Autant faire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    container.slideToggle(400);


    sebiv, ta demande est tout sauf précise, donc ne t'étonne pas de ne pas avoir de réponse précise !
    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
    Membre actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 57
    Par défaut
    idem
    je craque...

  7. #7
    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 : 54
    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
    Spartacusply
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("a").click(maFonction(event));

    C'est pas correct ça.
    Avec cette syntaxe, tu appelles au clic le résultat de l'exécution de la fonction, pas la fonction elle-même.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("a").click(maFonction);
    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

  8. #8
    Membre actif
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 57
    Par défaut
    Précision donc...
    je veux juste transformer le bout de code indiqué en fonction....
    de maniere à se que j'ouvre ou ferme ce div sur un click.. un onload.. et pas que sur tous les liens "<a"
    et je n'y parviens pas..
    je vous donne mon fichier test en PJ..
    Fichiers attachés Fichiers attachés

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

Discussions similaires

  1. [AC-2007] Lien hypertexte pour ouvrir une BDD sur un enregistrement précis
    Par Lincoln911 dans le forum VBA Access
    Réponses: 0
    Dernier message: 03/08/2010, 10h10
  2. Lien pour ouvrir une application sur pc
    Par debutantasp dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/01/2008, 13h55
  3. Position du curseur réinitialisée au survol d'une div (sur IE) :/
    Par Huntress dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 31/08/2006, 23h07
  4. [DIV][Javascript] créer une DIV sur onmouseover
    Par pmartin8 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 30/08/2006, 15h10
  5. Ouvrir une fenêtre sur un clic
    Par Johns dans le forum wxWidgets
    Réponses: 2
    Dernier message: 27/08/2006, 15h57

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