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

nice !

merci bien Ryle.

et avec "[color=red][b]g[/b][/color]etElementById()" et pas "[color=red][b]G[/b][/color]etElementById()" :?:


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

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

Mais merci pour les propositions : )

sans trop de conviction, essaie d'enlever "javascript:" ici :
[code]<div onMouseOver="javascript:document.GetElementById('IMG<?php echo $i; ?>').src='graphs/news/pic_<?php echo $news_cat; ?>_over.jpg'">[/code]
(ce qui est dans onmouseover est forcement du javascript)

Meme chose avec les simple quotes : /

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

[code]<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" />
[/code]

Faut pas mettre des guillemets dans des guillemets :)

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

(Tu as bien ajouté id="IMGxx" dans ton image ?)

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

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

Et avec un GetElementById() ?
[code]document.GetElementById('id de ta table ou du bg de la table').src="";[/code]
@+

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]<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>[/code]

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é.