Posted By

sandel on 10/25/08


Tagged

dropdownbox


Versions (?)

Discuz Select box


 / Published in: ASP
 

URL: http://www.discuz.net/post.php?action=newthread&fid=2&infloat=yes&handlekey=newthread&inajax=1&ajaxtarget=floatwin_newthread&cedit=yes

in form elements,select unit make user more choice and flexiable. if can seal all the code in a function, that will be helpful for the coder

  1. <style>
  2. .float_typeid {
  3. float:left;
  4. margin-right:6px;
  5. }
  6. .float_typeid select {
  7. float:left;
  8. height:20px;
  9. }
  10. .float_typeid a {
  11. background:#FFFFFF url(../../images/default/newarow.gif) no-repeat scroll 100% 0pt;
  12. border-color:#999999 rgb(204, 204, 204) rgb(204, 204, 204) rgb(153, 153, 153);
  13. border-style:solid;
  14. border-width:1px;
  15. color:#444444 !important;
  16. display:block;
  17. height:20px;
  18. overflow:hidden;
  19. padding-right:17px;
  20. text-decoration:none !important;
  21. text-indent:4px;
  22. width:77px;
  23. }
  24. .float_typeid a:hover {
  25. background-position:100% -20px;
  26. border:1px solid #009B97;
  27. text-decoration:none;
  28. }
  29. </style>
  30. <div class="float_typeid">
  31. <select style="width: 94px; display: none;" selecti="2" name="typeid" id="typeid">
  32. <option value="17"></option>
  33. </select>
  34. <a tabindex="1"
  35. onclick="loadselect_viewmenu(this, 'typeid', 0, 'floatlayout_newthread');doane(event)"
  36. onkeyup="loadselect_key(this, event, 'typeid', 'floatlayout_newthread')" onmouseout="this.blur()"
  37. onmouseover="this.focus()"
  38. onblur="loadselect_keyinit(event, 2)"
  39. onfocus="loadselect_keyinit(event, 1)" id="typeid_selectinput" class="loadselect" href="javascript:;">�¦ï¿½�°�¦ï¿½�®</a>
  40. <ul style="z-index: 999; position: absolute; width: 94px; display: none;" id="typeid_selectmenu" class="newselect" onblur="loadselect_keyinit(event, 2)" onfocus="loadselect_keyinit(event, 1)">
  41. <li onclick="loadselect_liset('typeid', 0, 'typeid','15',this.innerHTML, 0)" k_value="15" k_id="typeid" class="">item1</li>
  42. <li onclick="loadselect_liset('typeid', 0, 'typeid','16',this.innerHTML, 1)" k_value="16" k_id="typeid">item2</li>
  43. <li onclick="loadselect_liset('typeid', 0, 'typeid','17',this.innerHTML, 2)" k_value="17" k_id="typeid" class="current">item3</li>
  44. <li onclick="loadselect_liset('typeid', 0, 'typeid','25',this.innerHTML, 3)" k_value="25" k_id="typeid">item4</li>
  45. <li onclick="loadselect_liset('typeid', 0, 'typeid','19',this.innerHTML, 4)" k_value="19" k_id="typeid">item5</li>
  46. <li onclick="loadselect_liset('typeid', 0, 'typeid','18',this.innerHTML, 5)" k_value="18" k_id="typeid">item6</li>
  47. </ul>
  48. </div>

Report this snippet  

You need to login to post a comment.