Bonjour,
Je cherche a faire une liste a choix multiple et que chaque fois que je selectionne un item j'ai sa taille et la possibilite de le changer.
J'ai rassembler des morceaux de codes et j'ai réaliser tout il me reste juste comment remplacer l'item selectionne dans la liste par celui dans le texte field c'est a dire celui qu'on veux le changer.
voici mon code :
<html>
<script>
function getValue(textb,listd, calql) { // Affecte la valeur de la liste choisie dans la zone de texte
textb.value=listd.item(listd.selectedIndex).text;
// textb.value=listd.item(listd.selectedIndex).value; si on veut la valeur dans le code et pas dans la liste
calql.style.visibility = 'hidden';
textb.focus();
textb.select();
}
function display_liste(calqt, calql) { // Affiche le calque de la liste
calql.style.visibility = 'visible';
calql.style.top = calqt.style.top;
//calql.style.top = calqt.style.top + 40;
calql.style.left = calqt.style.left;
}
function replace_new(textb, listd){
replace(listd,textb);
alert("item remplace!");
}
function afficher(value) {
alert(value.length)
}
function text_match(textb, listd) { // regarde si le texte existe en entier
if (textb.value != "") {
for (i=0; i<listd.length; i++) {
if (textb.value.toLowerCase() == listd[i].text.toLowerCase()) {
return i;
}
}
}
return -1;
}
function hide_liste(calqt, calql) { // Affiche ou masque le calque de la liste suivant son dernier état
if (calql.style.visibility == 'visible') {
calql.style.visibility = 'hidden';
}
else {
display_liste(calqt, calql);
}
}
function liste_lostfocus(textb, listd, calql) { // Masque le calque si le texte et la liste n'ont pas le focus
if ( (self.document.activeElement.name != textb) && (self.document.activeElement.name != listd) ) {
calql.style.visibility = 'hidden';
}
}
</script>
<body>
<form method="post" name="formulaire">
<div id="texte1" nowrap STYLE="border-width:2;border-style:inset;border-color:white;width:0;display:inline;visibility:visible;">
<input type="text" name="texteb" value='' style="border-width:0;font-size:14;" size="25">
<input type="button" name="bouton" value="6" style="line-height:0;height:18;font-family:webdings;font-size:10;" onClick="hide_liste(document.getElementById('texte1'), document.getElementById('liste1'));" onblur="liste_lostfocus('texteb', 'listed', document.getElementById('liste1'));">
</div>
  <input type=button style="font-family:arial;" value="Add to list" onclick="replace_new(document.getElementById('texteb'), document.getElementById('listed'));">
<div id="liste1" STYLE="postion:absolute;">
<select name="listed" id="formulaire" size="10" OnChange="javascript:afficher(formulaire.options[listed.selectedIndex].value);"onClick="getValue(document.getElementById('texteb'), document.getElementById('listed'), document.getElementById('liste1'));">
<option VALUE="Item1">Item1-2</option >
<option VALUE="Item2">Item2</option>
<option VALUE="Item3">Item3</option>
</select>
</div>
</form>
<br><br><br>
</body>
</html>
Merci de me repondre c'est tres urgent.