comment changer la valeur de element.style

Question

bonjour a tous
j ai beau retourner le code dans tous les sens et n y connaissant rien en javascript je n arrive pas a modifier l 

element style voir image ci contre

j aimlerais lui affecter la valeur block au lieu de none

je joins les fichiers en css et javascript pour pouvoir m aider (j ai fait des leins car les codes sont long

d avance merci

http://www.hostingpics.net/viewer.php?id=708029ecran3.jpg

fichier css

http://cjoint.com/?CErnjg3Fo6U


fichier gallerificPlus.js

http://cjoint.com/?CErnlvCYR06


jquery-1.3.2.min.js

http://cjoint.com/?CErnmg9heEB




jquery-1.3.2.js

http://cjoint.com/?CErnlV5XIM7



html

http://cjoint.com/?CErnmzaYkyg

Pitet · Answer

Salut,

Pour changer la propriété css "display" en javascript, tu peux faire ceci :


document.getElementById('details').style.display = 'block';


Bonne journée

flexi2202 · Answer

bonjour
merci pour la reponse
mais je mets cela a quel endroit dans le code javascript et dans lequel

Pitet · Answer

Si tu veux faire simple, tu ajoute cette ligne dans une balise script à la fin de ta page html :

[...page html...]
<script type="text/javascript">
document.getElementById('details').style.display = 'block';
</script>
</body>
</html>

Ainsi ce code sera exécuté en dernier sur ta page, et ton éléments 'détails' ne sera donc pas modifié par un autre code javascript.

flexi2202 · Answer

merci pour l astuce mais cela ne fonctionne pas
j ai lu que les pages javascript prenaient le dessus par rapport au html

pourtant voici la fin du code html

	var gallery = $('#gallery').galleriffic('#navigation', {
		delay:                2000,
		numThumbs:            12,
		imageContainerSel:    '#slideshow',
		controlsContainerSel: '#controls',
		titleContainerSel:    '#image-title',
		descContainerSel:     '#image-desc',
		downloadLinkSel:      '#download-link',
		fixedNavigation:	   true,
		galleryKeyboardNav:	   true,
		autoPlay:			   false
	});
	
	gallery.onFadeOut = function() {
		$('#details').fadeOut('fast');
	};
	
	gallery.onFadeIn = function() {
		$('#details').fadeIn('fast');
	};
});
</script>
<script type="text/javascript">
document.getElementById('details').style.display = 'block';
</script>
</body>
</html>

Pitet · Answer

D'après l'impression d'écran de ton premier post, ton div 'details' est dans une iframe. As tu essayer de mettre le code javascript à la fin de l'iframe ? En reprenant le code de l'impression d'écran : [...]

[...]

flexi2202 · Answer

bonjour a tous

Merci pour la solution mais cela ne fonctionne pas non plus , je joins mon fichier html modifie + tous les autres fichiers
oui en effet je suis bien une iframe et c est vrai que div 'details' est bien dans le code html

fichier css

http://cjoint.com/?CEsiUnys1FJ

fichier gallerificPlus.js

http://cjoint.com/?CEsiU1VIuV3


jquery-1.3.2.min.js

http://cjoint.com/?CEsiVPCkscR


jquery-1.3.2.js
http://cjoint.com/?CEsiWBfzjdQ


html

http://cjoint.com/?CEsiTA4JKSG

Qui as une idee svp

d avance un tout grand merci

flexi2202 · Answer

bonsoir a tous

un petit up

Comment changer la valeur de element.style

7 réponses

Discussions similaires

Newsletters