Preload then compress into a dropdown.
Hello, The code below needs to be preload before its compress into the dropdown below. I never used jquery before so any help would be much appreciated.
- <style type="text/css">
- .styled select {
- background: transparent;
- width: 236px;
- font-size: 16px;
- border: 1px solid #ccc;
- height: 34px;
- }
- .styled{
- margin: 0px;
- width: 236px;
- height: 34px;
- border: 1px solid #111;
- border-radius: 3px;
- overflow: hidden;
- background: url(http://rgn.community/fastdl/arrowdown3.png) 99% / 7% no-repeat #ddd;
- }
- </style>
-
- <form action="#">
- <div class="styled">
- <select onchange="if(selectedIndex!=0)document.getElementById('serveradmins').innerHTML=options[selectedIndex].value;">
- <option value="">< Select a Server ></option>
- <option value="
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <img src=http://rgn.community/fastdl/white-line.png>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- ">Jailbreak Admins</option>
- <option value="
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <img src=http://rgn.community/fastdl/white-line.png>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- ">CSS Minigames</option>
- <option value="
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <img src=http://rgn.community/fastdl/white-line.png>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- <div class=steamprofile style=padding-left:-10px title=removed></div>
- ">Surf Deathmath</option>
- </select>
- </div>
- </form>
- <div id="serveradmins"></div>