Forum d'entraide PHPFrance

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

Et avec un GetElementById() ?

Code : Tout sélectionner

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

@+

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'">

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 ?)

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" />

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)

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

Mais merci pour les propositions : )

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'">

nice !

merci bien Ryle.

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

Forum d'entraide PHPFrance

Changement de src en JS ?

Changement de src en JS ?