appliquer un style à la fonction toggle(affichage ou non d'un bloc)

salut
j'ai dans ma page web divers blocs à afficher
pour cela,j'ai utiliser la fonction JS toggle qui permet d'afficher ou non afficher un bloc
la fonction marche bien mais je voudrait appliquer un style à la fonction
(par example je veut que le bloc se ferme du coin bas à droite vers le coin haut à gauche)

Pour commence togglke n'est pas une fonction JS, tu dois sasn doute utiliser une librairie ...

appliquer un style à la fonction ???

Tu parles plutot d'effet.
Peut être ta librairie contient-elle des effets paramètrables ...

Sinon passe par Jquery ou scriptaculous

Citation:

---

Envoyé par SpaceFrog

Pour commence togglke n'est pas une fonction JS, tu dois sasn doute utiliser une librairie ...

appliquer un style à la fonction ???

Tu parles plutot d'effet.
Peut être ta librairie contient-elle des effets paramètrables ...

Sinon passe par Jquery ou scriptaculous

---

bonjours SpaceFrog,
merci pour votre reponse,
c'est juste je parle d'effet
voici mon code js:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function toggle(obj) { var el = document.getElementById(obj); if ( el.style.display != 'none' ) { el.style.display = 'none'; Effect.Shrink(obj); } else { el.style.display = ''; Effect.Grow(obj); }   }

---

mais les deux fonctions Effect.Shrink et Effect.Grow n'ont pas marché

Effect ? shrink ? ça sort d'ou ???
Utilises tu une librairie ???

Citation:

---

Envoyé par SpaceFrog

Effect ? shrink ? ça sort d'ou ???
Utilises tu une librairie ???

---

j'ai trouves ces deux effets dans une application dans la fonction toggle ,
j'ai pensé alors qu'ils font partir des fonctions predefinis pour javascript

Se sont deux fonctions qui font parties du framework scriptaculous de prototype, si tu les spécifies pas à ta page, ces fonctions resteront inconnues au bataillon et ton script continuera à planter ;).

Pour le lien : http://script.aculo.us/downloads

Le zip contient les deux biblio, bon courage ;)

Encore une fois la fonction toggle n'est pas une fonction native de javascript ...
Si tu ne nous dis pas quelle librairie tu utilises ...

pour le moment ta fonction toggle se limite à ça :

Code:

---

1 2 3 4 5 6 7 8 9 10

function toggle(obj) { var el = document.getElementById(obj); if ( el.style.display != 'none' ) { el.style.display = 'none'; } else { el.style.display = ''; }   }

---

Citation:

---

Envoyé par DiDieuh

Se sont deux fonctions qui font parties du framework scriptaculous de prototype, si tu les spécifies pas à ta page, ces fonctions resteront inconnues au bataillon et ton script continuera à planter ;).

Pour le lien : http://script.aculo.us/downloads

Le zip contient les deux biblio, bon courage ;)

---

merci infiniment pour la reponse
je veut voir ce framework et eassayer de faire fonctionner mon objectif
thanks

Heu oui utiliser une librairie impose d'avoir les scripts dans ton arborescence et de lier les fichiers de la librairie à la page qui doit les utiliser ...

No problemo. Pour la petite histoire, scriptaculous est un framework facilitant tout ce qui concerne les effets sur ta page, il reste assez lourd, mais permet de faire facilement des trucs "jolis". Celui-ci s'appuie sur Prototype, tu peux aussi lire leur doc pour comprendre certaines syntaxe q'utilise scriptaculous,
comme par exemple $('madiv') au lieu de document.getElementById('madiv').

Bonne lecture.

Concernant les effets de script.aculo.us, tu as ce tuto ;)