Discussion :

[sebiv]

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

[Spartacusply]

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));

[sebiv]

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

[Spartacusply]

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);
});

[Bovino]

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 !

[sebiv]

idem
je craque...

[Bovino]

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);

[sebiv]

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..

[tigunn]

Salut,

Je ne suis pas sûr de comprendre ce tu souhaite faire;
alors voilà ce que j'ai compris :
Tu voudrais afficher et masquer une div lors d'un clic n'importe où sur la page !?

Si c'est le cas, voici une piste:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
// remplace:
$("a").click(....
// par :
$(document).click(

Si cela a put aider, tant mieux; sinon .... réexplique

[sebiv]

je veux juste transformé cette partie de code en function() de maniere à l’appeler sur un evènement.. un onclick.. onload.. onmouseover...

[SpaceFrog]

tu ne connais pas .trigger('click') ?

[sebiv]

non.. désolé

[SpaceFrog]

Et donc ? que dirais tu de te renseigner dessus ???

[Bovino]

sebiv, tu ne te rends pas compte que personne ne comprends ce que tu veux exactement ?
On a beau te demander des explications, tu t'entêtes à répéter les mêmes choses...
Tu veux "transformé cette partie de code en function()" (sic), certes, on t'a déjà montré comment faire (d'autant que c'est pas réellement sorcier...)
Tu veux "appeler sur un evènement", ça, tu le fais déjà...

Donc que veux-tu réellement ?

[sebiv]

vous avez vu mon code.. ci-joint

Actuellement... le div s'ouvre sur n'importe quel lien..

je souhaiterais que le div s'affiche sur certes, un click (mais PAS sur n'importe lequel) ou un onload par exemple..

Mon probleme.. c'est que je ne SAIS pas transformer ce code en une fonction (fonction qui ouvre mon div ou le ferme) que je puisse appeler par un
<a href="#" onclick="javascript:MaFonction();return false;">Ouvre ou Ferme mon div</a>

[sebiv]

pour :

Tu veux "transformé cette partie de code en function()" (sic), certes, on t'a déjà montré comment faire (d'autant que c'est pas réellement sorcier...)

aucune solution proposée n'a fonctionné
Certes ce n'est peut être pas réellement sorcier.. mais je suis bloqué

[SpaceFrog]

Certes ce n'est peut être pas réellement sorcier..

c'est rien de le dire ...
Surtout avec tous les éléments de réponses donnés ci dessus

http://jsfiddle.net/YcR6H/4/

le javascript et moi.. on est pas tres copain

Faut peut être songer à un divorce et une reconversion ? Epépineur de groseilles, la au moins y' a pas de javascript

[sebiv]

Merci !

mais avec mon pauvre code.. je suis paumé qd meme !
je cherche

[sebiv]

Enfin...

Voila c'est bon.. je cherchais en fait trop compliqué sur les liens.. (fichier ci-joint)

Par contre.. si je souhaite le lancé sur un onload ?

Seb

[SpaceFrog]

Là ce n'est pas possible ??? tu en fais exprès ???

lance un trigger sur le load http://jsfiddle.net/YcR6H/5/