8800 sujets

Développement web côté serveur, CMS

Bonjour,

J'ai une ligne de script en html, qui fait un rollover sur image. C'est à dire qu'il agrandi l'image en passant la souris dessus !
Je n'arrive pas à traduire cette ligne en php pour l'adapter à mon site.

Actuellement j'ai cela :

$str = '<tr>';
  $str.= '<td width="30%">'.($row['nom']).'&nbsp;'.($row['prenom']).'</td>';  
  $str.= '<td width="10%"><a href="#"><img src="../images/choristes/' . $row['photo'] . '"></a></td>';
  $str.= '</tr>'; 


et je voudrais remplacer le deuxième $str.= par cette ligne :

<a href="#"
onmouseover="showTooltip('<div class=\'info\'><strong>Logo de presentation</strong><br />ici la photo est la meme<br /><img id=\'big\' src=\'photo.JPG\' width=\'500\'></div>');" 
onmouseout="hideTooltip()"><img id="big" src="photo.JPG" width="200" onmouseout="hideTooltip()" /></a>


Mais je n'arrive pas à l'adapter en php à cause des ', " / et \ Smiley bawling

Merci pour votre aide
Modifié par t671 (13 Jul 2010 - 11:28)
Si j'ai bien compris ce que tu souhaite :
$str = '<a href="#" 
onmouseover="showTooltip(\'<div class="info"><strong>Logo de presentation</strong><br />ici la photo est la meme<br /><img id="big" src="photo.JPG" width="500"></div>\');"  
onmouseout="hideTooltip()"><img id="big" src="photo.JPG" width="200" onmouseout="hideTooltip()" /></a>';

Modifié par moust (13 Jul 2010 - 12:59)
Ainsi :

$str.= '<td><a href="#"  onmouseover="showTooltip(\'<div class="info"><strong>Logo de presentation</strong><br />ici la photo est la meme<br /><img id="big" src="../images/choristes/' . $row['photo'] . '" width="500"></div>\');"   onmouseout="hideTooltip()"><img id="big" src="../images/choristes/' . $row['photo'] . '" width="200" onmouseout="hideTooltip()" /></a><div id="bulle"></div></td>';


j'ai la photo de 500 qui s'affiche, puis dessous celle de 200 et en lien
');" onmouseout="hideTooltip()">.

En fait j'espérais afficher celle de 200, et en passant la souris dessus, afficher celle de 500 ! Smiley confused
J'ai pas bien compris quelle ligne tu voulais remplacer donc j'en ai juste rajouté une :

$str = "<tr>
"; 
$str.= '<td width="30%">'.($row['nom']).' '.($row['prenom']).'</td>
';   
$str.= '<td width="10%"><a href="#"><img src="../images/choristes/' . $row['photo'] . '"></a></td>
';
// Rajout :
$str.= "<td width='10%'><a href='#' 
onmouseover=\"showTooltip('<div class=\'info\'><strong>Logo de presentation</strong><br />ici la photo est la meme<br /><img id=\'big\' src=\'photo.JPG\' width=\'500\'></div>');\"  
onmouseout='hideTooltip();'><img id='big' src='photo.JPG' width='200' /></a></td>
";
$str.= '</tr>';
Dans ces cas là moi je ne me complique pas !

$str .= <<<HTML
<!-- ici tu peux écrire du HTML sans te prendre la tête avec les antislash -->
<a href="#" 
onmouseover="showTooltip('<div class=\'info\'><strong>Logo de presentation</strong><br />ici la photo est la meme<br /><img id=\'big\' src=\'photo.JPG\' width=\'500\'></div>');"  
onmouseout="hideTooltip()"><img id="big" src="{$row['photo']}" width="200" onmouseout="hideTooltip()" /></a> 
HTML;


notes les accolades pour place des variables de type array avec un [ index ]
Modifié par niahoo (19 Jul 2010 - 16:57)