Javascript - padajući meni uvek na vrhu

Javascript koji prikazuje padajući meni koji se pozicionira u gornjem desnom uglu ekrana, ma gde kopirali kod u body sekciji. U koliko srol-ujete mišem stranicu, položaj menija se ne menja, uvek stoji una istom mestu.

Primer: kod je implantiran u stranicu, pogledajte gore!

probajte da scrool-ujete mišem!

Upotreba: kod ispod kopirajte u head i body sekciju Vaše stranice.

Head kod:

<style type="text/css">

#visiblecombo{
position: fixed;
visibility: hidden;
}

* html #visiblecombo{ /* Hide combo box from legacy browsers such as IE5-6? */
display: none;
}

#visiblecombo select{
background-color: lightyellow;
}

#visiblecombo .gobutton{
font-weight: bold;
padding: 0 3px;
text-decoration: none;
}

#visiblecombo .gobutton:hover{
background-color: #FFE242;
}
}

</style>

<script type="text/javascript">

/***********************************************
* Always Visible Combo Box- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Edited by www.sajt-dizajn.rs
***********************************************/

var alwayscombo={
	location: ["top", "right"], //Position of com box from window edge ["top|bottom", "left|right"]
	addoffset: [10, 15], //Additional offset from specified location above [vertical_offset, horizontal offset]
	comboid: "visiblecombo", //ID of div containing floating combo

////////Stop editing past here///////////////////

	navigate:function(){
	var selectobj=this.comboref.getElementsByTagName("select")[0]
	if (selectobj.options[selectobj.selectedIndex].value!="default")
		window.location=selectobj.options[selectobj.selectedIndex].value
	},

	floatcombo:function(){
	var docElement=(document.compatMode=='CSS1Compat')? document.documentElement: document.body
	if (this.location[0]=="top")
		this.comboref.style.top=0+this.addoffset[0]+"px"
	else if (this.location[0]=="bottom")
		this.comboref.style.bottom=0+this.addoffset[0]+"px"
	if (this.location[1]=="left")
		this.comboref.style.left=0+this.addoffset[1]+"px"
	else if (this.location[1]=="right")
		this.comboref.style.right=0+this.addoffset[1]+"px"
	},

	init:function(){
	this.comboref=document.getElementById(this.comboid)
	this.comboref.style.visibility="visible"
	this.floatcombo()
	}
}


if (window.addEventListener)
window.addEventListener("load", function(){alwayscombo.init()}, false)
else if (window.attachEvent)
window.attachEvent("onload", function(){alwayscombo.init()})

</script>

Body kod:

<form>
<div id="visiblecombo">
<select size="1" onChange="alwayscombo.navigate()">
<option value="default" selected="true" style="background-color: #532900; color: white;">--SELECT AN OPTION--</option>
<option value="http://www.javascriptkit.com">JavaScript Kit</option>
<option value="http://www.sajt-dizajn.rs">sajt-dizajn</option>
<option value="http://www.sajt-dizajn.rs/download-alati-za-webmastere.html">Alati za webmastere</option>
<option value="http://www.sajt-dizajn.rs/seo-optimizacija-pretrazivaca.html">SEO</option>
<option value="http://www.sajt-dizajn.rs/direktorijum-sajtova-katalog-linkova.html">Direktorijum</option>
<option value="http://www.sajt-dizajn.rs/nasi-klijenti.html">Nasi klijenti</option>
</select>
 <a href="#" onClick="alwayscombo.navigate(); return false" class="gobutton">Go</a>
</div>
</form>

Novosti:

Partner sajta iz nagradne igre :

početna > Download > javascript-padajući meni koji je uvek na vrhu

Design by sajt-dizajn grupa