Forum Alsacréations : CSS et Standards Web

<dl id="menu">

<?php

$req = mysql_query("SELECT categorie.id AS cat, categorie.nom, count(article.id) as total FROM categorie LEFT JOIN article ON categorie.id=article.categorie AND article.sous_categorie = '0' GROUP BY categorie.nom ORDER BY categorie.nom ASC") or die(mysql_error());

while($res = mysql_fetch_assoc($req)){

?>

<dt onmouseover="montre('smenu<?php echo $res['cat']; ?>');"><a href="../accueil/recherche.php?cat=<?php echo $res['cat']; ?>&sous_cat=0"><?php echo $res['nom']; ?></a></dt>

<?php

echo'<dd id="smenu'.$res['cat'].'">';

echo'<ul>';

	  $req1 = mysql_query("SELECT sous_categorie.nom, sous_categorie.id AS sous_cat, count(article.id) as total FROM sous_categorie LEFT JOIN article ON sous_categorie.id=article.sous_categorie WHERE sous_categorie.id_parent='".$res['cat']."' GROUP BY sous_categorie.nom  ORDER BY sous_categorie.nom ASC") or die(mysql_error());

	  while($res1 = mysql_fetch_assoc($req1)){

	  echo'<li><img src="../images/puce_.png" alt="" />&nbsp;<a href="../accueil/recherche.php?cat='.$res['cat'].'&sous_cat='.$res1['sous_cat'].'">'.$res1['nom'].'</a></li>';

	  }

echo'</ul>';

echo'</dd>';

}

</dl>

<script type="text/javascript">

<!--

window.onload=montre;

function montre(id) {

var d = document.getElementById(id);

	for (var i = 1; i<=30; i++) {

		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}

	}

if (d) {d.style.display='block';}

}

//-->

</script>

Préambule : ce tutoriel est estampillé "délicat"; Il ne doit pas être considéré comme une référence en la matière car il comporte certains problèmes intrinsèques

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />