1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Lorem ipsum dolor sit amet</title>
<script>
function populateselect(){
pickedOptions=document.getElementById('popdata').innerHTML.split(" ");
pickedOptions=pickedOptions.sort()
for (i=0;i<pickedOptions.length;i++){
newoption=document.createElement('option')
if (pickedOptions[i]==(""|" ")){i++;}
newoption.innerText=pickedOptions[i]
document.getElementById('alpha').appendChild(newoption)
}
}
function startingwith(){
document.getElementById('alpha').options.length=0
pickedOptions=document.getElementById('popdata').innerHTML.split(" ");
pickedOptions=pickedOptions.sort()
for (i=0;i<pickedOptions.length;i++){
var firstletter=document.getElementById('sortindex').value
if(firstletter==''){alert('indicate first letter!');
return false;
}
if (pickedOptions[i].substr(0,1)==firstletter){
newoption=document.createElement('option')
newoption.innerText=pickedOptions[i]
document.getElementById('alpha').appendChild(newoption)
}
if(i==pickedOptions.length-1 && document.getElementById('alpha').options.length==0){alert('rien dans la liste');
populateselect()
return false;
}
}
}
</script>
</head>
<body onload="populateselect()">
<div id="popdata" style="display:none;">a aa abcd b bb bbdb bbbrbtb bebe brbtb c cc ccc cghhc cacac caccccce d ded ezraz eraze fff fafao afaza tt ptpdppf pept lkj li lnnn lnlghllhg d f dfdf ffds sdfsd qdfqs qdq f qsdf s df sd
</div>
<select id="alpha">
<select/>
</select>
<input type="text" id="sortindex" MaxLength=1 />
<input type="button" onclick="startingwith()" />
</body>
</html> |
Partager