11550 sujets

JavaScript, DOM et API Web HTML5

bonjour tous le monde,

Je conviens que mon titre n'est pas des plus explicite, mais je vais essayer de vous illustrer mon problème :

En effet j'aimerais que lors du survol d'un même texte, celui-ci s'agrandisse mais également qu'une image s'affiche dans une div dédiée.

Concretement je ne sais pas comment associer ces 2 balises pour n'en faire qu'une seule :
<span onmouseover="bigger(this)" onmouseout="normal(this)"><a href="mars2010.html">blablabla</a></span>

et celle ci
<span onmouseover="div.show('div1')" onmouseout="div.hide('div1')">lien 1</span>


Je prends tout élément de réponse !

merci d'avance
Salut wallacebarth,

Et bien il suffit de mettre les deux appels JavaScript l'un à la suite si je dis pas de bêtise.


<span onmouseover="bigger(this);div.show('div1');" onmouseout="normal(this);div.hide('div1')";"><a href="mars2010.html">blablabla</a></span>


Il est possible de faire une infinité d'action sur un même évènement.
Pour plus de clarté, on utilise en général une fonction JavaScript.
donc après test j'ai un autre souci !

la solution donnée plus haut semble fonctionner tres bien, mais le code dans le header me pose un problème,
en effet il est senser caché le div des images, mais il me cache tout mes div !

<!--
	div = {
		show: function(elem) {
			document.getElementById(elem).style.visibility = 'visible';
		},
		hide: function(elem) {
			document.getElementById(elem).style.visibility = 'hidden';
		}
	}
-->


edit : c'est le code du style qui pose souci autant pour moi
<style type="text/css"><!--
	div {visibility:hidden}
--></style>

mais je suis pas plus avancé ...

Est-il possible de spécifier les div a masquer ainsi ?

Merci de votre aide
Modifié par wallacebarth (23 Dec 2010 - 11:18)
Yop !

Ben essaye de déboguer un petit peu ton code JavaScript?

As tu essayé de poser un 'alert(elem)' dans ta fonction, histoire de voir quel id était passé (id à cacher par ta fonction) ?

Ça te donnera déjà un élément de réponse pour trouver ce qui cloche.
Modifié par The_Moye (23 Dec 2010 - 12:36)