rss
Options Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

[JAVASCRIPT] Changer de feuille de style CSS

GhostGrapher, le samedi 23 février 2008 à 17:29:37
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 !
Configuration: Windows Vista
Firefox 2.0.0.11
Répondre à GhostGrapher  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
GhostGrapher, le samedi 23 février 2008 à 17:30:30
Mince, j'me suis planté dans le titre... désolé
   
Répondre à GhostGrapher

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Enax, le samedi 23 février 2008 à 20:58:12
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';" />
   
Répondre à Enax

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
GhostGrapher, le samedi 23 février 2008 à 22:35:28
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épondre à GhostGrapher

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Enax, le samedi 23 février 2008 à 23:50:46
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.
   
Répondre à Enax

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 GhostGrapher, le lundi 3 mars 2008 à 23:51:17
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!
   
Répondre à GhostGrapher
Posez votre question Répondre
Héberger site avec feuille style css gratuit (Résolu)Bonjour, Je cherche un hébergeur de site gratuit où les feuilles de styles css (j'utilise dreamweaver cs3) sont supportées. Après de longues recherchez sur le web, je n'ai pas trouvé, certains, sont gratuits au début mais à la fin sont... www.commentcamarche.net/forum/affich-6990754-heberger-site-avec-feuille-style-css-gratuit
[JAVASCRIPT-DOM] propriété classe CSS (Résolu)bonjour, je dois recuperer la propriété de style d'un élément html, cette propriété est contenue dans une feuille de style .css qui est contenu dans une classe css. si la propriété est declarée dans la balise avec l'attribut... www.commentcamarche.net/forum/affich-1620003-javascript-dom-propriete-classe-css
Impossible ouvrir fichiers styles =.css= (Résolu)Bonjour Je n'arrive plus à ouvrir comme auparavant mes fichiers de style .css Je viens d'installer : - Windows 98 seconde édition - office 2000 premium et je suis allé sur le site d'IE et j'ai aussi télécharger Internet Explorer... www.commentcamarche.net/forum/affich-19789-impossible-ouvrir-fichiers-styles-css
Effets pour vos imagesAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus... www.commentcamarche.net/faq/sujet-9314-effets-pour-vos-images
Changer l'aspect du curseur en CSSLa propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Le client affichera automatiquement le curseur de son ordinateur qui correspond au type de curseur que vous aurez choisi. Exemples Liste des attributs... www.commentcamarche.net/faq/sujet-9119-changer-l-aspect-du-curseur-en-css
Différence entre display:none et visibility:hiddenLes deux attributs CSS display:none et visibility:hidden permettent tous deux de masquer l'affichage d'un élément en CSS dans le navigateur. Néanmoins, il existe une subtile nuance : visibility: hidden rend le bloc concerné invisible.... www.commentcamarche.net/faq/sujet-7908-difference-entre-display-none-et-visibility-hidden
Site référencent les styles CSS (Résolu)Bonjour, Config : Win XP SP2, Nvu Créateur de site Web Je suis en train de me lancer dans la création de site Web mais pour le moment je débute en HTML, et je recherche un site qui référence les code de style css qui ressemblerait à un index comme il... www.commentcamarche.net/forum/affich-1725357-site-referencent-les-styles-css
Modifier la feuille style CSS (Résolu)Bonjour à tous, Voici ma feuille CSS: /* style du blog -------------------------------------------------------- */ body{ margin:0; padding:0; font-size:80%; } html>body{ background-position:65em 0; } p{ margin:1em 0; line-height:1.5em; }... www.commentcamarche.net/forum/affich-2509465-modifier-la-feuille-style-css
Liens en css (Résolu)Bonjour, Je suis en train de concevoir un site internet en utilisant une feuille de style CSS J'ai un petit pb concernant les liens. En effet, j'ai deux barres de navigations : - l'une est horizontale : les liens sont en blancs ; -... www.commentcamarche.net/forum/affich-2985927-liens-en-css
Epson Epson Stylus C40 : cartouche d'encre PB240F Papier photo brillant 10x15 240g 50 feuilles CompEpson Epson Stylus C40 : cartouche d'encre PB240F Papier photo brillant 10x15 240g 50 feuilles Compatible,C 40 240 F 240F 240F ,Les cartouches toner compatibles TONER SERVICES bénéficient quant à elles d'une garantie commerciale de deux ans. PB240F www.commentcamarche.net/guide-achat/epson-epson-stylus-c40-cartouche-d-encre-pb240f-papier-photo-brillant-10x15-240g-50-feuilles-compatible-506377149-fiche-technique
Epson Epson Stylus C3650 : cartouche d'encre P120PX1 Papier photo mat A4 120g 50 feuilles CompatiblEpson Epson Stylus C3650 : cartouche d'encre P120PX1 Papier photo mat A4 120g 50 feuilles Compatible,C 3650 120 PX 120PX 120PX ,Les cartouches toner compatibles TONER SERVICES bénéficient quant à elles d'une garantie commerciale de deux ans. P120PX1 www.commentcamarche.net/guide-achat/epson-epson-stylus-c3650-cartouche-d-encre-p120px1-papier-photo-mat-a4-120g-50-feuilles-compatible-506384249-fiche-technique
Epson Epson Stylus DX8400 : cartouche d'encre P120PX1 Papier photo mat A4 120g 50 feuilles CompatibEpson Epson Stylus DX8400 : cartouche d'encre P120PX1 Papier photo mat A4 120g 50 feuilles Compatible,DX 8400 120 PX 120PX 120PX ,Les cartouches toner compatibles TONER SERVICES bénéficient quant à elles d'une garantie commerciale de deux ans. P120P www.commentcamarche.net/guide-achat/epson-epson-stylus-dx8400-cartouche-d-encre-p120px1-papier-photo-mat-a4-120g-50-feuilles-compatible-506384630-fiche-technique
HTML 4.0 - Liste des propriétés Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de polices. Si plusieurs polices sont définies, la première... www.commentcamarche.net/css/cssproperty.php3
Feuilles de style - Introduction Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des feuilles de style consiste à regrouper dans... www.commentcamarche.net/css/cssintro.php3
CSS - Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec des éléments indiquant d'une part le... www.commentcamarche.net/css/cssimplant.php3
Toutes les réponses pour « [JAVASCRIPT] Changer de feuille de style CSS »