Le code :
Entre <HEAD> et </HEAD> :
- Code: Tout sélectionner
<script language="Javascript">
// Script réalisé par Eric Marcus - 2005
function TriListe(idNomListe,sens)
{ var objListe = document.getElementById(idNomListe);
if (objListe.options.selectedIndex<0) return false;
var objLigneADĂ©placer = new Option(objListe.options[objListe.options.selectedIndex].text, objListe.options[objListe.options.selectedIndex].value);
var iPositionAvant = objListe.options.selectedIndex;
var iPositionApres=(sens=="+")?iPositionAvant+1:iPositionAvant-1;
if ((iPositionApres>=objListe.length)||(iPositionApres<0)) return false;
var objLigneAChanger = new Option(objListe.options[iPositionApres].text, objListe.options[iPositionApres].value);
objListe.options[iPositionAvant] = objLigneAChanger;
objListe.options[iPositionApres] = objLigneADĂ©placer;
objListe.options[iPositionApres].selected=true;
objListe.focus();
}
</script>
Entre <BODY> et </BODY> :
- Code: Tout sélectionner
<select id="la_liste" size="5">
<option value="1">Ligne 1</option>
<option value="2">Ligne 2</option>
<option value="3">Ligne 3</option>
<option value="4">Ligne 4</option>
<option value="5">Ligne 5</option>
</select>
<br /><br />
<input type="button" value="Monter" onClick="TriListe('la_liste','-')">
<input type="button" value="Descendre" onClick="TriListe('la_liste','+')">
