[JAVASCRIPT] Changer de feuille de style CSS

Fermé

GhostGrapher - 23 févr. 2008 à 17:29
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 !

A voir également:

Changer feuille de style css en javascript
Changer dns - Guide
Style word - Guide
Changer clavier qwerty en azerty - Guide
Feuille de score belote excel - Forum Excel
Feuille de pointage excel - Télécharger - Tableur

3 réponses

Réponse 1 / 3

Enax Messages postés 203 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 16 mars 2010 145
23 févr. 2008 à 20:58

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
23 févr. 2008 à 22:35

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 lundi 11 février 2008 Statut Membre Dernière intervention 16 mars 2010 145
23 févr. 2008 à 23:50

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
3 mars 2008 à 23:51

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

Javascript : Changer style css

masquer/afficher Div avec CSS sans JS

compteur de visites en html...

html Afficher/cacher une DIV sur clique <a>

Barre de recherche en html externe

Changement image OnClick javascript