Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre questionfunction tamingselect() { if(!document.getElementById && !document.createTextNode){return;} // Classes for the link and the visible dropdown var ts_selectclass='turnintodropdown'; // class to identify selects var ts_listclass='turnintoselect'; // class to identify ULs var ts_boxclass='dropcontainer'; // parent element var ts_triggeron='activetrigger'; // class for the active trigger link var ts_triggeroff='trigger'; // class for the inactive trigger link var ts_dropdownclosed='dropdownhidden'; // closed dropdown var ts_dropdownopen='dropdownvisible'; // open dropdown /* Turn all selects into DOM dropdowns */ var count=0; var toreplace=new Array(); var sels=document.getElementsByTagName('select'); for(var i=0;i<sels.length;i++){ if (ts_check(sels[i],ts_selectclass)) { var hiddenfield=document.createElement('input'); hiddenfield.name=sels[i].name; hiddenfield.type='hidden'; hiddenfield.id=sels[i].id; hiddenfield.value=sels[i].options[0].value; sels[i].parentNode.insertBefore(hiddenfield,sels[i]) var trigger=document.createElement('a'); ts_addclass(trigger,ts_triggeroff); trigger.href='#'; trigger.onclick=function(){ ts_swapclass(this,ts_triggeroff,ts_triggeron) ts_swapclass(this.parentNode.getElementsByTagName('ul')[0],ts_dropdownclosed,ts_dropdownopen); return false; } var arrow=document.createElement('div'); arrow.className = "arrow"; trigger.appendChild(arrow); trigger.appendChild(document.createTextNode(sels[i].options[0].text)); sels[i].parentNode.insertBefore(trigger,sels[i]); var replaceUL=document.createElement('ul'); for(var j=0;j<sels[i].getElementsByTagName('option').length;j++) { var newli=document.createElement('li'); var newa=document.createElement('a'); newli.v=sels[i].getElementsByTagName('option')[j].value; newli.elm=hiddenfield; newli.istrigger=trigger; newa.href='#'; newa.appendChild(document.createTextNode( sels[i].getElementsByTagName('option')[j].text)); newli.onclick=function(){ this.elm.value=this.v; ts_swapclass(this.istrigger,ts_triggeron,ts_triggeroff); ts_swapclass(this.parentNode,ts_dropdownopen,ts_dropdownclosed) this.istrigger.lastChild.nodeValue=this.firstChild.firstChild.nodeValue; return false; } newli.appendChild(newa); if(sels[i].getElementsByTagName('option')[j].selected) { newli.elm.value=newli.v; trigger.lastChild.nodeValue=newli.firstChild.firstChild.nodeValue; } replaceUL.appendChild(newli); } ts_addclass(replaceUL,ts_dropdownclosed); var div=document.createElement('div'); div.appendChild(replaceUL); ts_addclass(div,ts_boxclass); sels[i].parentNode.insertBefore(div,sels[i]) toreplace[count]=sels[i]; count++; } } /* Turn all ULs with the class defined above into dropdown navigations */ var uls=document.getElementsByTagName('ul'); for(var i=0;i</script> <script type="text/javascript" src="listed.js"></script>
<script type="text/javascript" src="listed.js"></script> <script type="text/javascript" src="onglet.js"></script>