SELECTIONNEUR DE MOT
DEMONSTRATION
Desque tu commences a taper le mot la liste complete viendra et en suite tu selectionnes celle que tu veux avec la mousse.
Comme exemple les Etats d'Amerique.(exple. taper n dans la boite)
Choose State...
Alabama
Alaska
Arizona
Arkansas
California
Colorado
Connecticut
Delaware
Florida
Georgia
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Ohio
Oklahoma
Oregon
Pennsylvania
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virginia
Washington
West Virginia
Wisconsin
Wyoming
LE CODE JAVA : SELECTIONNEUR DE MOT
Accueil
NAVIGATION
HTML
<!-- UNE ETAPE D'INSTALLER SELECTIONNEUR DE MOT: --> <!-- ETAPE 1 : Placez le code entre les balises <BODY> du document --> <BODY> <script language="JavaScript"> <!-- Ce script et d'autres sont sur le code java Gratuit --> <!-- Le code java - http://www.lecodejava.com --> function filltxt(v){ document.getElementById('txtname').value = v; rdiv.innerHTML = ""; } function changeselect(txt){ txt = txt.toLowerCase(); var results = 0; rdiv.innerHTML = ""; if(txt != ""){ var newList = "<table cellpadding=2 cellspacing=0 style='border:1px solid #000000' bgcolor='#ffffff' width=100%>"; for(i=0;i<inpName.length;i++){ var strpart = inpName.options[i].value.substr(0, txt.length) strpart = strpart.toLowerCase(); if(strpart == txt){ results = results + 1; var cellColor = " onmouseover=\"this.style.background='#eeeeee'\" onmouseout=\"this.style.background='#ffffff'\""; var cellClick = " onclick=\"filltxt('" + inpName.options[i].value + "')\""; newList += "<tr><td" + cellColor + cellClick + " style='cursor:pointer'>" + inpName.options[i].value + "</td></tr>"; } } newList += "</table>"; if(results == 0){ document.getElementById('txtname').style.background = "#ffaaaa"; } else{ document.getElementById('txtname').style.background = "#ffffff"; rdiv.innerHTML = newList; } } } </script> <br><br>Des que tu commences a taper le mot la liste complete viendra et en suite tu selectionnes celle que tu veux avec la mousse.<br> Comme exemple les Etats d'Amerique.(exple. taper n dans la boite)<br><br> <input type="text" id="txtname" onkeyup="changeselect(this.value)"><br> <div id="divresults" style="position:absolute"></div> <select id="lstname" style="display:none"> <option value="">Choose State...</option> <option value="Alabama">Alabama</option> <option value="Alaska">Alaska</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="Delaware">Delaware</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> <option value="Hawaii">Hawaii</option> <option value="Idaho">Idaho</option> <option value="Illinois">Illinois</option> <option value="Indiana">Indiana</option> <option value="Iowa">Iowa</option> <option value="Kansas">Kansas</option> <option value="Kentucky">Kentucky</option> <option value="Louisiana">Louisiana</option> <option value="Maine">Maine</option> <option value="Maryland">Maryland</option> <option value="Massachusetts">Massachusetts</option> <option value="Michigan">Michigan</option> <option value="Minnesota">Minnesota</option> <option value="Mississippi">Mississippi</option> <option value="Missouri">Missouri</option> <option value="Montana">Montana</option> <option value="Nebraska">Nebraska</option> <option value="Nevada">Nevada</option> <option value="New Hampshire">New Hampshire</option> <option value="New Jersey">New Jersey</option> <option value="New Mexico">New Mexico</option> <option value="New York">New York</option> <option value="North Carolina">North Carolina</option> <option value="North Dakota">North Dakota</option> <option value="Ohio">Ohio</option> <option value="Oklahoma">Oklahoma</option> <option value="Oregon">Oregon</option> <option value="Pennsylvania">Pennsylvania</option> <option value="Rhode Island">Rhode Island</option> <option value="South Carolina">South Carolina</option> <option value="South Dakota">South Dakota</option> <option value="Tennessee">Tennessee</option> <option value="Texas">Texas</option> <option value="Utah">Utah</option> <option value="Vermont">Vermont</option> <option value="Virginia">Virginia</option> <option value="Washington">Washington</option> <option value="West Virginia">West Virginia</option> <option value="Wisconsin">Wisconsin</option> <option value="Wyoming">Wyoming</option> </select> <script language="JavaScript"> var inpName = document.getElementById('lstname'); var rdiv = document.getElementById('divresults'); obj = document.getElementById('txtname'); if(obj.offsetParent){ x = obj.offsetLeft; y = obj.offsetTop; h = obj.offsetHeight; w = obj.offsetWidth; while(obj = obj.offsetParent){ x += obj.offsetLeft; y += obj.offsetTop; } } document.getElementById('divresults').style.left = x; document.getElementById('divresults').style.top = y + h; document.getElementById('divresults').style.width = w; </script>
Accueil