Réorganiser options dans un select avec la souris
SammyWarez007
Messages postés
1
Date d'inscription
dimanche 30 novembre 2003
Statut
Membre
Dernière intervention
24 août 2005
-
24 août 2005 à 18:57
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 - 25 août 2005 à 06:56
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 - 25 août 2005 à 06:56
A voir également:
- Réorganiser options dans un select avec la souris
- Select sum ✓ - Forum SQL
- Select * from select - Forum SQL
- Select sum sur plusieurs tables ✓ - Forum SQL
- Linq select - Forum C# / .NET
- Dessin de souris ✓ - Forum Delphi / Pascal
1 réponse
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
25 août 2005 à 06:56
25 août 2005 à 06:56
bonjour,
pas sûr que l'on puisse traiter,
en javascript, sur un select, l'appui
et le relachement de la souris.
proposition d'une autre solution ?
1er click => mémoriser,
2ème click => échanger
un ch'tit exemple ?
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
option { background-color:#FFCC99; }
</style>
<script type="text/javascript">
var mem=-1;
function mm(sel)
{
if ( mem<0 )
{ mem=sel.selectedIndex;
sel[sel.selectedIndex].style.backgroundColor="#FF6A22";
sel.selectedIndex=-1; }
else { var t=sel[sel.selectedIndex].text
sel[sel.selectedIndex].text=sel[mem].text;
sel[mem].style.backgroundColor="#FFCC99";
sel[mem].text=t;
mem=-1; }
}
</script>
</HEAD>
<select name="Liste"
size=5
onchange="mm(this);">
<optgroup label="Exemple">
<option>un</option>
<option>deux</option>
<option>trois</option>
<option>quatre</option>
</optgroup>
</HTML>
pas sûr que l'on puisse traiter,
en javascript, sur un select, l'appui
et le relachement de la souris.
proposition d'une autre solution ?
1er click => mémoriser,
2ème click => échanger
un ch'tit exemple ?
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
option { background-color:#FFCC99; }
</style>
<script type="text/javascript">
var mem=-1;
function mm(sel)
{
if ( mem<0 )
{ mem=sel.selectedIndex;
sel[sel.selectedIndex].style.backgroundColor="#FF6A22";
sel.selectedIndex=-1; }
else { var t=sel[sel.selectedIndex].text
sel[sel.selectedIndex].text=sel[mem].text;
sel[mem].style.backgroundColor="#FFCC99";
sel[mem].text=t;
mem=-1; }
}
</script>
</HEAD>
<select name="Liste"
size=5
onchange="mm(this);">
<optgroup label="Exemple">
<option>un</option>
<option>deux</option>
<option>trois</option>
<option>quatre</option>
</optgroup>
</HTML>
