Discussion :

[pp_le_moko]

Bonsoir à tous et meilleurs vœux,

J'ai construit dans un "UL" une "merveilleuse" liste en LI issue d'une base de données.
A chaque enregistrement survolé s'affiche le DIV invisible dans lequel un élément de mon enregistrement est lié.
Je ne sais pas comment écrire le code qui me permettrait d'afficher le DIV invisible de chaque enregistrement.

Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<ul>
<!-- DEBUT DE LA LISTE-->
	<?php do { ?>
	  <li id="txt_img_fd" onMouseOver="div.show('zoom')" onMouseOut="div.hide('zoom')">
	    <a href="#"><span id="txt_img"><img src="images/entrees_froides/<?php echo $row_RsEntreesFroides['ImgVignette']; ?>"></span>
          <span id="txt">
	        <span id="txt_c12"><?php echo $row_RsEntreesFroides['NomFr']; ?></span><br>
	        <span id="txt_c10"><?php echo $row_RsEntreesFroides['DescriptionFr']; ?></span> </span>
          <span id="txt_fad">
          <span id="txt_euros"><?php echo $row_RsEntreesFroides['PrixEuro']; ?></span><span id="txt_centime">,<?php echo $row_RsEntreesFroides['PrixCent']; ?> &euro;</span></span><br>
          </a></li>
	  <?php } while ($row_RsEntreesFroides = mysql_fetch_assoc($RsEntreesFroides)); ?>
<!-- FIN DE LA LISTE -->
    </ul>
  </div>
 
<!-- DEBUT DU DIV INVISIBLE -->
  <div id="zoom">
  	<img src="images/entrees_froides/<?php echo $row_RsEntreesFroides['ImgZoom']; ?>" />
    <div id="zoom_txt"><span id="zoom_nom"><?php echo $row_RsEntreesFroides['NomFr']; ?></span><span id="zoom_prix"><span id="zoom_euro"><?php echo $row_RsEntreesFroides['PrixEuro']; ?></span><span id="zoom_cent">,<?php echo $row_RsEntreesFroides['PrixCent']; ?> &euro; </span></span><span id="zoom_annul"></span></div>
  </div>
<!-- FIN DU DIV INVISIBLE -->

Merci pour vos réponses

[gwinyam]

Tu t'es trompé de section, c'est pas avec PHP/MySQL que tu régleras le problème.

Plutôt avec Javascript et CSS.

Je te suggère de tester la propriété display de ta div, si elle est égale à 'none', tu la changes pour 'block' et inversement. Le tout via un évènement de survol de tes enregistrements.

N'importe quel framework javascript un minimum connu sait le gérer et te permettra de faire ça facilement.