Discussion :

[Décibel]

Bonjour,

Pas très doué dans l'écriture de code en javascript...
Je voudrais rajouter la fonction slideToggle('fast') à ce code tout simple qui permet d'afficher un div au survole d'un autre div...

Code :

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

1
2
3
4
5
function show(id,haut) {;
	document.getElementById(id).slideToggle('fast')
	style.visibility = "visible"; 
    document.getElementById(id).style.height = haut+"px";
  }

Mais je ne sais pas comment faire...

[SylvainPV]

slideToggle ne fait pas partie des API JS standard, c'est une méthode jQuery. Si tu utilises jQuery, il faut appeler cette méthode depuis un objet jQuery : jQuery(document.getElementById(id))

[Décibel]

Oui, pardon j'aurai du dire que Jquery est déjà dans ma page...
Et le code que j'ai mis était un essai...
Voila le code qui tourne sur ma page

Code :

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

1
2
3
4
5
6
7
  function show(id,haut) {;
	document.getElementById(id).style.visibility = "visible"; 
    document.getElementById(id).style.height = haut+"px";
  }
  function hide(id) {
    document.getElementById(id).style.visibility = "hidden";
  }

Et j'aimerais rajouter la focntion .slideToggle('fast') quand le div qui devient visible, avec le code de dessus.
Comment écrire la chose...

[sekaijin]

comme l'a dit sylvain

Code :

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

 jQuery('#'+id).slideToggle('fast')

[AntiStatic]

Salut à tous,

t'as même pas besoin de javascript pour faire ca, et encore moins de JQuery ... pour rappel JQuery est plus lent que du code javascript natif.

T'as juste besoin de CSS. Par exemple regardes ca :
> http://www.css3create.com/Menu-avec-...fet-transition

L'idée c'est d'utiliser les transitions CSS3 ... donc sinon cherches dans google un truc de genre :
> CSS3 transition menu slide

Au moins tu pourras avoir l'effet que tu veux ... il y en a un paquet

[Décibel]

Merci à vous tous !!
Avec le CSS, c'est une bonne idée, merci !

[Décibel]

Encore une petite question...

SI je souhaite remplacer le slidetoggle par un fade, pour afficher le div dans une idée de fondue / enchainée, ce serait quoi le code...

Merci !

[NoSmoking]

Bonjour,
je pense qu'il devient INDISPENSABLE que tu regardes la documentation officielle

[Décibel]

Merci, même si c'est tout en anglais avec très peu d'explication...
Alors mon problème est d'arriver à mettre cela en application dans mon petit code...