Réponse acceptée !
A force de chercher, j'ai fini par trouver, en faisant comme ceci :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="prototype.js"></script>
<script language="JavaScript">
function affichage(eltAafficher, eltAcacher)
{
var eltAfficher = document.getElementById(eltAafficher);
eltAfficher.style.visibility="visible";
var eltAcacher = document.getElementById(eltAcacher);
eltAcacher.style.visibility="hidden";
}
</script>
<body onload="javascript:affichage('titre','courant')">
<form id="form1" name="form1" method="post" action="procedures2.php">
<label>
<div align="center">
<p>
<input name="search" type="text" id="search" size="50" maxlength="50" />
<br><INPUT TYPE="radio" NAME="CHOX" VALUE="Global" onclick="affichage('titre','courant'); checked"> Global
<INPUT TYPE="radio" NAME="CHOX" VALUE="bycat" onclick="affichage('courant','titre');"> Par catégorie
<span id="courant" class="focus" ; position:absolute; visibility:hidden;">
<?php
$query = mysql_query("SELECT * FROM categorie order by cat_nom;") or die (mysql_error());
if ($query) {
echo '<select name="selectcat" >';
while ($array = mysql_fetch_assoc($query)) {
if ($selectcat == $array["cat_nom"]) {
echo '<option value="' . $array['cat_nom'] . '" selected>' . $array['cat_nom'] . '</option>';
} else {
echo '<option value="'.$array['cat_nom'] . '">' . $array['cat_nom'] . '</option>';
}
}
echo '</select>';
}
?></div>
<center><input type="submit" name="OK" id="OK" value="Recherche" /> </center>
</div>
</p>
</body>
</div>
</center>
</html>
<div id="titre" class="cache" ; position:absolute; visibility:hidden;">
</div>
Merci à tous pour votre aide.
Cordialement,
Paul