[Javascript]Basculer un ou plusieurs éléments
Fermé
hilfe
Messages postés
1
Date d'inscription
lundi 10 juillet 2006
Statut
Membre
Dernière intervention
10 juillet 2006
-
10 juil. 2006 à 13:31
JD - 26 août 2014 à 19:31
JD - 26 août 2014 à 19:31
A voir également:
- [Javascript]Basculer un ou plusieurs éléments
- Telecharger javascript - Télécharger - Langages
- Basculer clavier qwerty azerty - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Copier coller plusieurs éléments - Guide
- Basculer ecran pc - Guide
2 réponses
Utilisateur anonyme
18 juil. 2006 à 10:17
18 juil. 2006 à 10:17
Salut!
Une solution possible:
;-)
HackTrack
Une solution possible:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <!-- Author: HackTrack --> <head> <title></title> <style> body{ padding: 0 0 0 0; margin: 0 0 0 0; font-family: Verdana, Arial, Times; } table,tr{ background-color: #8888ff; } th{ background-color: #9999ff; color: #eeeeee; padding: 6 8 6 8; } td{ background-color: #aaaaff; padding: 4 8 4 8; } </style> <script language="javascript" type="text/javascript"> function moveSelectedOptions(from, to){ fromSelect = document.getElementsByName(from)[0]; selOpt = getSelectedOptions(fromSelect); var selValues = new Array(); if(selOpt.length>0){ selValues = getSelectedValues(fromSelect); toSelect=document.getElementsByName(to)[0]; for(i=0;i<selOpt.length;i++){ option = selOpt[i]; fromSelect.removeChild(option); toSelect.appendChild(option); } } return selValues; } function getSelectedValues (select) { var selValues = new Array(); for (j = 0; j < select.options.length; j++){ selValues[selValues.length] = select.options[j].value; } return selValues; } function getSelectedOptions (select) { var selOptions = new Array(); for (m = 0; m < select.options.length; m++){ if (select.options[m].selected) { selOptions[selOptions.length] = select.options[m]; } } return selOptions; } //Affichage des valeurs sélectionnées function displayOptionsList(list){ //Enlever les commentaires ci-dessous pour afficher la valeur des options sélectionnées /*var msg=""; for(n=0;n<list.length;n++){ option = list[n]; msg+="["+option.value+"]"; } alert(msg);*/ } </script> </head> <body> <table> <tr> <td> <select id="list1" multiple> <option value="1">Alain <option value="2">José <option value="3">Philippe </select> </td> <td> <table> <tr> <td><span onclick="list = moveSelectedOptions('list1','list2'); displayOptionsList(list);">></span></td> </tr> <tr> <td><span onclick="list = moveSelectedOptions('list2','list1'); displayOptionsList(list);"><</span></td> </tr> </table> </td> <td> <select id="list2" multiple> <option value="4">Jacques <option value="5">Paul <option value="6">Pierre </select> </td> </body> </html>
;-)
HackTrack
HackTrack ton script est correct a par une erreur.
Je post donc a nouveau ton code modifié qui fonctionne.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!--
Author: HackTrack
-->
<head>
<title></title>
<style>
body{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family: Verdana, Arial, Times;
}
table,tr{
background-color: #8888ff;
}
th{
background-color: #9999ff;
color: #eeeeee;
padding: 6 8 6 8;
}
td{
background-color: #aaaaff;
padding: 4 8 4 8;
}
</style>
<script language="javascript" type="text/javascript">
function moveSelectedOptions(from, to)
{
fromSelect = document.getElementsByName(from)[0];
selOpt = getSelectedOptions(fromSelect);
var selValues = new Array();
if(selOpt.length>0)
{
selValues = getSelectedValues(fromSelect);
toSelect=document.getElementsByName(to)[0];
for(i=0;i<selOpt.length;i++)
{
option = selOpt[i];
fromSelect.removeChild(option);
toSelect.appendChild(option);
}
}
return selValues;
}
function getSelectedValues (select) {
var selValues = new Array();
for (j = 0; j < select.options.length; j++){
selValues[selValues.length] = select.options[j].value;
}
return selValues;
}
function getSelectedOptions (select) {
var selOptions = new Array();
for (m = 0; m < select.options.length; m++){
if (select.options[m].selected) {
selOptions[selOptions.length] = select.options[m];
}
}
return selOptions;
}
//Affichage des valeurs sélectionnées
function displayOptionsList(list){
//Enlever les commentaires ci-dessous pour afficher la valeur des options sélectionnées
/*var msg="";
for(n=0;n<list.length;n++){
option = list[n];
msg+="["+option.value+"]";
}
alert(msg);*/
}
</script>
</head>
<body>
<table>
<form>
<tr>
<td>
<select name="list1" multiple>
<option value="1">Alain
<option value="2">José
<option value="3">Philippe
</select>
</td>
<td>
<table>
<tr>
<td><span onclick="list = moveSelectedOptions('list1','list2'); displayOptionsList(list);">></span></td>
</tr>
<tr>
<td><span onclick="list = moveSelectedOptions('list2','list1'); displayOptionsList(list);"><</span></td>
</tr>
</table>
</td>
<td>
<select name="list2" multiple>
<option value="4">Jacques
<option value="5">Paul
<option value="6">Pierre
</select>
</td>
</tr>
</form>
</table>
</body>
</html>
Je post donc a nouveau ton code modifié qui fonctionne.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!--
Author: HackTrack
-->
<head>
<title></title>
<style>
body{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-family: Verdana, Arial, Times;
}
table,tr{
background-color: #8888ff;
}
th{
background-color: #9999ff;
color: #eeeeee;
padding: 6 8 6 8;
}
td{
background-color: #aaaaff;
padding: 4 8 4 8;
}
</style>
<script language="javascript" type="text/javascript">
function moveSelectedOptions(from, to)
{
fromSelect = document.getElementsByName(from)[0];
selOpt = getSelectedOptions(fromSelect);
var selValues = new Array();
if(selOpt.length>0)
{
selValues = getSelectedValues(fromSelect);
toSelect=document.getElementsByName(to)[0];
for(i=0;i<selOpt.length;i++)
{
option = selOpt[i];
fromSelect.removeChild(option);
toSelect.appendChild(option);
}
}
return selValues;
}
function getSelectedValues (select) {
var selValues = new Array();
for (j = 0; j < select.options.length; j++){
selValues[selValues.length] = select.options[j].value;
}
return selValues;
}
function getSelectedOptions (select) {
var selOptions = new Array();
for (m = 0; m < select.options.length; m++){
if (select.options[m].selected) {
selOptions[selOptions.length] = select.options[m];
}
}
return selOptions;
}
//Affichage des valeurs sélectionnées
function displayOptionsList(list){
//Enlever les commentaires ci-dessous pour afficher la valeur des options sélectionnées
/*var msg="";
for(n=0;n<list.length;n++){
option = list[n];
msg+="["+option.value+"]";
}
alert(msg);*/
}
</script>
</head>
<body>
<table>
<form>
<tr>
<td>
<select name="list1" multiple>
<option value="1">Alain
<option value="2">José
<option value="3">Philippe
</select>
</td>
<td>
<table>
<tr>
<td><span onclick="list = moveSelectedOptions('list1','list2'); displayOptionsList(list);">></span></td>
</tr>
<tr>
<td><span onclick="list = moveSelectedOptions('list2','list1'); displayOptionsList(list);"><</span></td>
</tr>
</table>
</td>
<td>
<select name="list2" multiple>
<option value="4">Jacques
<option value="5">Paul
<option value="6">Pierre
</select>
</td>
</tr>
</form>
</table>
</body>
</html>