[JAVASCRIPT] Changer de feuille de style CSS

GhostGrapher -
GhostGrapher - 3 mars 2008 à 23:51

Bonjour chers amis,

voici ma question qui me bloque depuis quelques temps :

je voudrai remplacer une image située au milieu de mon code HTML a l'aide de Javascript. Je voudrai que l'image qui porte l'ID "imgporte1" ne pointe plus vers le fichier "machin.png" mais vers "truc.png". Comment faire ? Je suppose qu'on doit passer par un

document.getElementById('imgporte1')

mais après je sais pas du tout comment faire...

Quelqu'un pourrait-il m'aider ?

Merci d'avance !

Afficher la suite

A voir également:

Changer feuille de style css en javascript
Changer dns - Guide
Style word - Guide
Feuille de score belote excel - Forum Excel
Changer clavier qwerty en azerty - Guide
Bruler feuille de laurier - Guide

3 réponses

Réponse 1 / 3

Enax Messages postés 203 Date d'inscription Statut Membre Dernière intervention 145

Ca dépend un peu de ce que tu veux faire. Par exemple, le code suivant changera l'image au passage de la souris et remettra la première image lorsqu'il la quittera.

<image src="image1.png" onMouseOver="this.src='image2.png';" onMouseOut="this.src='image1.png';" />

GhostGrapher

En fait, je voudrai que ce soit définitif jusqu'a ce que j'ai une seconde fonction qui vienne le remettre comme a l'origine. Ce que voudrai c'est que lorsque tu clique sur l'image, l'image devienne donc image2, et que quand tu clique sur un bouton du style reset qui lance une fonction untel() qui va remettre l'image comme a l'origine.

J'espère que je suis limpide... ^^

question : le code que tu viens de mettre, je dois le mettre entre balises <script></script> ? Parce que là actuellement mon code est entre balises <script></script> mais dans le head , et l'image que je souhaites changer est dans le body. En gros : ca marche le Javascript en dehors des balises <script></script> en le mettant directement dans le HTML ?

Réponse 2 / 3

Enax Messages postés 203 Date d'inscription Statut Membre Dernière intervention 145

Le JS, c'est un peu comme le CSS :
- Tu peux en mettre dans un fichier à part (avec l'extension .js). Tu appelles une seule fois ton fichier dans ta page, et toutes les fonctions du fichier seront accessibles sur l'ensemble de ta page,
- Tu peux en mettre entre <script type="text/javascript"></script>,
- Et enfin, en mettre directement dans tes balises en tant que valeur de certains attributs (onClick, onMouseOver, onKeyUp...)

Le code que je t'ai donné, c'est du HTML (me suis planté, fallait voir une balise <img /> et non <image />), donc la 3e méthode.

GhostGrapher

J'ai enfin trouvé comment faire. L'astuce consistait a mettre :

Document.GetElementById('imgporte1').src = 'frigo.png' ;

Merci tout de même pour votre aide!

Discussions similaires

masquer/afficher Div avec CSS sans JS

Javascript : Changer style css

compteur de visites en html...

html Afficher/cacher une DIV sur clique <a>

Barre de recherche en html externe

Compteur de visites SANS pub et gratuit ?

Votre réponse

Discussions similaires