Javascript - Forums CustomXP

		Forums CustomXP > Informatique - General > Informatique et internet
Javascript

Informatique et internet

un probleme de pc ? windows plante inexorablement ? comment installer un logiciel ? configurer une connexion internet, etc... ce forum est dedie a tous les petits soucis quotidien de l'informatique

Modes d'affichage clear

Rechercher clear

Outils de la discussion clear

21/03/2006, 22h12

Javascript

greguy

Revenant

Premium

Date d'inscription : septembre 2003

Messages : 507

Bonjoiur à tous

Je croise un problème avec javascript que je ne parviens pas à résoudre :
sur un site internet, je voudrais changer l'image de fond d'une case de tableau au passage de la souris sur une image située autre part.

Pour se faire j'utilise ce code :
function rollover_back(nom,nouvelle_image) {
document.getElementById(nom).style.background=nouv elle_image;
}

Seulement voilà : quand le nouvelle_image est une couleur (#ffffff par exemple) tout se passe bien, mais dès que ce même src est le chemin d'une image, rien ne se passe

Merci d'avance pour votre aide...

21/03/2006, 22h21

Lefreut

Team CustomXP.net

Date d'inscription : août 2003

Messages : 5 816

Pas besoin de Javascript pour changer une image lors du passage de la souris, c'est faisable en CSS

fichier html :

Code:

<div id="image_change"></div>

fichier css :

Code:

.image_change
{
background–image: url("img1");
}

.image_change:hover
{
background–image: url("img2");
}

Si tu veux vraiment le code en js, tu peux faire comme ça :

Code:

<img src="img1" onmouseover="this.src='img2'" onmouseout="this.src='img1'"/>

21/03/2006, 22h28

greguy Revenant Premium Date d'inscription : septembre 2003 Messages : 507	Merci Lefreut, je connais les méthodes que tu détailles au dessus, mais mon problème est différent pour deux raisons : C'est le background d'un <td>, et pas l'attribut src d'une balise <img>. ET le rollover est déclenché par le passage sur une tout autre image, je ne peux donc pas utiliser "this"... une idée ?

21/03/2006, 22h37

Lefreut - Team CustomXP.net Date d'inscription : août 2003 Messages : 5 816	Il faudrait pas rajouter url(...) autour du chemin de ton image? Code: function rollover_back(nom, nouvelle_image) { document.getElementById(nom).style.background=url(nouvelle_image); }

21/03/2006, 22h43

greguy Revenant Premium Date d'inscription : septembre 2003 Messages : 507	Non, ça non plus ça ne lui fait ni chaud ni froid Après de nombreux tests, ce qui pose problème est réellement de mettre une image... un code couleur marche toujours très bien, mais l'image refue systématiquement de s'affciher :'(... HELP
	Dernière modification par greguy ; 21/03/2006 à 23h44.

01/05/2006, 12h31

GBS

Basic

Date d'inscription : mai 2006

Messages : 1

Salut à tous,,

greguy,,
Tu peux essayer un truc du style:

Code:

document.getElementById('testing').style. backgroundImage = 'url(pic/example.gif)';

& tu peux aussi inclure des variables avec la fonction eval():

Code:

<script>
var ton_url = "pic/example.gif";
eval("document.getElementById('testing').style. backgroundImage = 'url("+ton_url+")'");
<script>

nb:
y pas d'espace après 'style',, utilise: > style.backgroundImage < ,,... le formatage,...

Hoping it helps,,
@+,,

Dernière modification par GBS ; 01/05/2006 à 12h34.

« Discussion précédente | Discussion suivante »

Utilisateurs regardant la discussion actuelle : 1 (0 membre(s) et 1 invité(s))

Règles de messages

Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non

Règles du forum

Identifiant		Se souvenir de moi ?
Mot de passe