کد انتخاب اتفاقی در دو باکس لینک

این کد ها با زدن دکمه زیر آنها یک انتخاب اتفاقی انجام می دهد. ای باکس به دو صورت برای شما آماده شده است که می توانید هر دو را باهم نیز استفاده کنید.

این کد را در head صفحه قرار دهید:

<script> var animatedList={ navigate:function(selectId){ this.selectObj=document.getElementById(selectId) window.location=this.selectObj[this.selectObj.selectedIndex].value }, randomizeInit:function(selectId){ this.selectObj=document.getElementById(selectId) this.curframe=0 this.optionscount=this.selectObj.options.length //calculate number of frames to animate (cycle through options before settling on one) this.maxframes=Math.floor(Math.random()*this.optionscount)+Math.floor(Math.random()*this.optionscount) this.randomize() }, randomize:function(){ if (this.curframe<this.maxframes) this.selectObj.selectedIndex=this.settledIndex=(this.curframe<this.optionscount)? this.curframe : this.curframe-this.optionscount else{ //settle on and select this option this.selectObj.selectedIndex=(this.selectObj.selectedIndex==-1)? this.settledIndex : -1 } this.curframe++ if (this.curframe<this.maxframes+4) //Keep running this function until "maxframes" cycle plus 4 (4 being cycle for highlighting selected option) setTimeout("animatedList.randomize()", 100) else window.location=this.selectObj[this.selectObj.selectedIndex].value } } </script>

باکس نوع اول در قسمت body صفحه:

<form> <select id="newslinks" size="1" onChange="animatedList.navigate('newslinks')"> <option value="http://www.moisrex.rozblog.com/">rozblog.com</option> <option value="http://www.moisrex.r98.ir/">r98.ir</option> <option value="http://www.moisrex.rozfa.com/">rozfa.com</option> <option value="http://www.moisrex.rozfa.ir/">rozfa.ir</option> <option value="http://www.moisrex.rzb.ir">rzb.ir</option> </select> <input type="button" onClick="animatedList.navigate('newslinks')" value="Go" /> <input type="button" onClick="animatedList.randomizeInit('newslinks')" value="Random" /> </form> <a style="display:none" href="http://moisrex.rozblog.com/">کد لینک باکس</a>

باکس نوع دوم در body صفحه :

<form> <select id="webdevlinks" size="6" onChange="animatedList.navigate('webdevlinks')"> <option value="http://www.moisrex.rozblog.com/">rozblog.com</option> <option value="http://www.moisrex.r98.ir/">r98.ir</option> <option value="http://www.moisrex.rozfa.com/">rozfa.com</option> <option value="http://www.moisrex.rozfa.ir/">rozfa.ir</option> <option value="http://www.moisrex.rzb.ir">rzb.ir</option> </select><br /> <input type="button" onClick="animatedList.randomizeInit('webdevlinks')" value="Random Link!" /> </form> <a style="display:none" href="http://moisrex.rozblog.com/">کد لینک باکس</a>