Comment changer la valeur de element.style

Fermé
flexi2202 - 17 mai 2013 à 13:23
 flexi2202 - 18 mai 2013 à 23:00
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
A voir également:

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
0
bonjour
merci pour la reponse
mais je mets cela a quel endroit dans le code javascript et dans lequel
0
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.
0
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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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>
[...]
0
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
0
bonsoir a tous

un petit up
0