Comment cet effet en javascript fonctionne-t-il ? [Résolu]

[Emmanuel Lecoester]

Bonjour,

Je suis débutant en JS / CSS et tout autre chose liée à Internet. J'y vais donc petit à petit .

Sur ce site : http://sgdf-boissy-limeil.fr/, il y a un effet sur le haut de la page : quand on clique sur Espace membre.

D'après mes investigations cela est bien du Javascript (au début je pensée à un effet CSS mais le CSS ne gère pas le clic souris si j'ai bien tout compris.).

Comment faire pour trouver le comment ?

Merci beaucoup pour votre aide

[SpaceFrog]

Code :

  <script type="text/javascript" src="/media/system/js/mootools.js"></script>

a première vue je dirais que les effets de cette page sont programmés à l'aide de la librairie motools ...

Mais egalement réalisbales avec d'autres librairies (scriptaculous, jQuery ...)

ça reste bien entendu du javascript

[RomainVALERI]

Il y a à la fois Mootools et jQuery sur leur site (entre autres comme "JCaption", "Ultimate Fade-in", etc. .... un grand patchwork extrêmement... )

Si tu découvres le métier, ne suis surtout pas cet anti-pattern du web consistant à empiler des libs différentes par paquets de 8 pour la moindre nouvelle fonctionnalité...

[Emmanuel Lecoester]

Merci SpaceFrog, j'avais trouvé que c'était dans ce fichier que cela se passait mais ce que je voudrai c'est comprendre le où ?

Sinon RomainVALERI je ne veux surtout pas découvrir le métier C'est juste que je voudrais faire ce petit effet sur notre site en joomla :-)

[NoSmoking]

Bonjour,
pour le principe ce n'est qu'une DIV dont on mets le margin-top en négatif et au clic on le repasse à 0, donc peut être pas la peine d'embarquer des biblis si il n'y a que cela à faire dans la page.

[Emmanuel Lecoester]

il n'y a pas que cela mais autant faire le plus simple possible. Je commence à regarder des petits script tout fait

[Emmanuel Lecoester]

et bien merci à tous, je me suis basé sur un petit script trouvé sur le net que j'ai adapté comme un gros bourrin (et oui çà marche comme çà )

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
	if (document.getElementById('top-tab-lib').className=='tab-text tab-text-up')
	{
		targetElement.style.display = "" ;
		targetElement.style.marginTop ='0px';
		document.getElementById('top-tab-lib').className='tab-text tab-text-down';
	} else {
		targetElement.style.display = "none" ;
		targetElement.style.marginTop ='-49px';
		document.getElementById('top-tab-lib').className='tab-text tab-text-up';
	}	
}

[RomainVALERI]

Envoyé par Emmanuel Lecoester

(et oui çà marche comme çà )

Nan nan

(mais ma première intuition était la bonne : hou attention... "windev" dans une signature == danger )