Comment changer la valeur de element.style
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
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
7 réponses
-
Salut,
Pour changer la propriété css "display" en javascript, tu peux faire ceci :
document.getElementById('details').style.display = 'block';
Bonne journée -
bonjour
merci pour la reponse
mais je mets cela a quel endroit dans le code javascript et dans lequel -
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. -
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 htmlvar 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> -
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 :[...] <div id="details">[...]</div> <div id="navigation">[...]</div> <script type="text/javascript">[...]</script> <script type="text/javascript"> document.getElementById('details').style.display = 'block'; </script> </body> </html> </iframe> [...] -
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 -
bonsoir a tous
un petit up
