Changement de src en JS ?

VaN
Mammouth du PHP | 1107 Messages

21 juil. 2006, 11:18

Bonjour, voilà la page sur laquelle je travaille :

http://www.goodgame.fr/index_test.php

Lorsque l'on passe sur l'image de chaque news, à gauche, celle ci change de source.
Ce que j'aimerais, c'est que cette image change de source, meme lorsque la souris passe dessus le reste de la news.
Mais je ne sais pas comment faire.
Autre problème, mais qui est un peu lié, je voudrais que toute la table soit cliquable. Comment faire ?

Code : Tout sélectionner

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="<?php echo $bg; ?>"> <tr> <td width="44" height="96" rowspan="3"><img src="graphs/news/pic_<?php echo $news_cat; ?>.jpg" alt="<?php echo $data['rub_tit']; ?>" onMouseOver="this.src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'" onMouseOut="this.src='graphs/news/pic_<?php echo $news_cat; ?>.jpg'" /></td> <td height="20" align="left" style="color:#c6585b;font-size:14px; font-weight:bold;padding:5px;"> <?php echo $data['titre']; ?> </td> <td align="right" style="color:#c6585b;font-size:12px;padding:5px;"> <?php echo $date." - ".$data['pseudo']; ?> </td> </tr> <tr> <td colspan="2" style="font-size:12px; text-align:justify;padding:5px; font-weight:normal;" valign="top"> <?php echo $data['intro']; ?> </td> </tr> <tr> <td height="20" align="left" style="padding:5px;"> <a href="<?php $_SERVER['PHP_SELF']; ?>?cat=actu&id=<?php echo $data['id']; ?>" style="color:#808080;font-size:11px; font-weight:bold; text-decoration:underline;"> Lire la suite.. </a> </td> <td align="right" style="padding:5px;"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?cat=comment&c=n&t=<?php echo $data['news_id']; ?>" style="color:#808080;font-size:11px; font-weight:bold; text-decoration:underline;"> Commentez cette atualité (<?php echo $data['cmt_nb']; ?>) </a> </td> </tr> </table>
J'avais fait un test en mettant une ID sur l'image, et en faisant quelques chose du genre onMouseOver="javascript:elements.id_img.src='nouvelleSRC'" mais ça n'as pas marché.

Mammouth du PHP | 1511 Messages

21 juil. 2006, 12:42

Et avec un GetElementById() ?

Code : Tout sélectionner

document.GetElementById('id de ta table ou du bg de la table').src="";
@+

VaN
Mammouth du PHP | 1107 Messages

21 juil. 2006, 14:23

j'ai placé un <div>, qui contient ma table, mais ça n'a pas l'air de mieux marcher : /

Code : Tout sélectionner

<div style="border:1px solid black;" onMouseOver="javascript:document.GetElementById("IMG<?php echo $i; ?>").src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'">

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

21 juil. 2006, 14:44

Faut pas mettre des guillemets dans des guillemets :)
<div style="border:1px solid black;" onMouseOver="javascript:document.GetElementById('IMG<?php echo $i; ?>').src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'">
(Tu as bien ajouté id="IMGxx" dans ton image ?)

VaN
Mammouth du PHP | 1107 Messages

21 juil. 2006, 16:58

Meme chose avec les simple quotes : /

Oui, mon id d'img est bien incrementé par la meme variable, $i.

Code : Tout sélectionner

<div onMouseOver="javascript:document.GetElementById('IMG<?php echo $i; ?>').src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'"> ... <img id="IMG<?php echo $i; ?>" src="graphs/news/pic_<?php echo $news_cat; ?>.jpg" alt="<?php echo $data['rub_tit']; ?>" onMouseOver="this.src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'" onMouseOut="this.src='graphs/news/pic_<?php echo $news_cat; ?>.jpg'" border="0" />

Eléphant du PHP | 377 Messages

21 juil. 2006, 17:27

sans trop de conviction, essaie d'enlever "javascript:" ici :

Code : Tout sélectionner

<div onMouseOver="javascript:document.GetElementById('IMG<?php echo $i; ?>').src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'">
(ce qui est dans onmouseover est forcement du javascript)
Petit scarabée deviendra grand

VaN
Mammouth du PHP | 1107 Messages

21 juil. 2006, 18:20

j'avais essayé sans a l'origine, et ça ne marchait pas non plus.

Mais merci pour les propositions : )

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

21 juil. 2006, 21:35

et avec "getElementById()" et pas "GetElementById()" :?:

Code : Tout sélectionner

<div style="border:1px solid black;" onMouseOver="javascript:document.getElementById('IMG<?php echo $i; ?>').src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'">

VaN
Mammouth du PHP | 1107 Messages

24 juil. 2006, 10:40

nice !

merci bien Ryle.

Mammouth du PHP | 1511 Messages

24 juil. 2006, 12:24

I'm just a boulet...
Just a boulet...
@+ :gla: