Chủ đề tổng hợp

header ads

Tạo Drop menu đơn giản (chèn vào tiện ích Htlm)

<!--Example drop down menu 1-->
<form name="form1">
<select name="select1" size="1" style="background-color:#FFFFD7" onchange="displaydesc(document.form1.select1, thetext1, 'textcontainer1')">
<!--Flickr-->
<option selected value="https://www.flickr.com/photos/seowood" />Flickr - Seowood
<option value="https://www.flickr.com/photos/sotay" />Flickr - Sotay
<!--Facebook -->
<option value="https://www.facebook.com/vanghepnamtrung" target="newwin" />Facebook - <br/> vanghepnamtrung
<option value="https://www.facebook.com/vansangotunhiengocaosu" target="newwin" />Facebook - vansangotunhiengocaosu

<!--Twitter -->
<option value="https://twitter.com/goxesay" />Twitter - goxesay
<!--Tumblr -->
<option value="http://marketsupplies.tumblr.com" />Tumblr - marketsupplies
<!--Wordpress -->
<option value="https://1phut30giay.wordpress.com" target="newwin" />Wordpress.com - 1phut30giay
<!--Ten mien tieng viet -->
<option value="http://www.b-lốc.vn" target="newwin" />b-lốc.vn
<option value="http://www.codingforums.com" target="newwin" />Coding Forums
<!--Trang ban hang-->
<option value="http://goox.ecwid.com" target="newwin" />ecwid.com - vuthanhtrungyh
<option value="http://page.zaloapp.com/ntwood" target="newwin" />page.zaloapp.com - 0968970650
<option value="http://shopee.vn/marketsupplies" target="newwin" />shopee.vn
<option value="http://sendo.vn/shop/marketsupplies" target="newwin" />sendo.vn


<!--Khác-->
<option value="http://yume.vn/jesujuda/article" target="newwin" />Yume.vn - jesujuda/article

<!--Nhắn Tin Đăng quảng cáo search từ khóa Jesujuda-->
<option value="https://five.vn/trang-tri-noi-that/cong-ty-co-phan-van-ghep-nam-trung
" target="newwin" />five.vn - Nam Trung JSC
<option value="http://128.199.220.184/nam-trung-jsc-chuyen-cung-cap-van-ghep-van-op-tuon-raovat-652460.html
" target="newwin" />128.199.220.184 - Nam Trung JSC
<option value="http://vanghepnamtrung.weebly.com" target="newwin" />weebly.com - Nam Trung JSC

<!--
http://www.luudiachiweb.com
http://www.giaiphapexcel.com
http://diendan.gamethu.net
https://forum.hoiquanso.com
http://sms.vn
http://hochiminh.kvn.vn/jesujuda
http://chophien.com/id/jesujuda
http://danketoan.com
http://chutin.vn/rao-vat/1130001-Cong-ty-TNHH-SX-TM-DV-Bon-Phuong.aspx
http://shop.raovat.vn/nam-trung-jsc-chuyen-cung-cap-van-ghep-van-op-tuon-raovat-652460.html
http://www.giaxaydung.vn
http://www.shopee.vn
http://www.sendo.vn
http://www.ecwid.com

-->

</select>
<input type="button" value="Go"
onclick="jumptolink(document.form1.select1)" /><br />
<span id="textcontainer1" align="left" style="font:italic 13px Arial">
</span>
</form>
<!--Example drop down menu 2-->
<!--
<form name="form2">
<select name="select2" size="1" style="background-color:#E3FFDF" onchange="displaydesc(document.form2.select2, thetext2, 'textcontainer2')">
<option selected value="http://www.cnn.com" />CNN
<option value="http://www.msnbc.com" />MSNBC
<option value="http://news.bbc.co.uk" />BBC News
<option value="http://www.theregister.com/" />The Register
</select>
<input type="button" value="Go"
onclick="jumptolink(document.form2.select2)" /><br />
<span id="textcontainer2" align="left" style="font:italic 13px Arial">
</span>
</form>
-->

<!--IMPORTANT: Below script should always follow all of your HTML codes above, and never proceed them-->
<!--To be safe, just add below script at the end of your page-->
<script type="text/javascript">
/***********************************************
* Drop down menu w/ description- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//1) CUSTOMIZE TEXT DESCRIPTIONS FOR LINKS ABOVE
var thetext1=new Array()
thetext1[0]="Flickr Seowood"
thetext1[1]="Flickr Sotay"
thetext1[2]="Link"
thetext1[3]="Link"
thetext1[4]="Link"
thetext1[5]="Link"

/// You may define additional text arrays if you have multiple drop downs:
var thetext2=new Array()
thetext2[0]="CNN- US and World News."
thetext2[1]="MSNBC- NBC News online."
thetext2[2]="BBC News- Updated every minute of every day."
thetext2[3]="TheRegister- Daily IT news."
// Now, see 2) below for final customization step
function displaydesc(which, descriptionarray, container){
if (document.getElementById)
document.getElementById(container).innerHTML=descriptionarray[which.selectedIndex]
}
function jumptolink(what){
var selectedopt=what.options[what.selectedIndex]
if (document.getElementById && selectedopt.getAttribute("target")=="newwin")
window.open(selectedopt.value)
else
window.location=selectedopt.value
}
//2) Call function displaydesc() for each drop down menu you have on the page
// This function displays the initial description for the selected menu item
// displaydesc(name of select menu, name of corresponding text array, ID of SPAN container tag):
// Important: Remove the calls not in use (ie: 2nd line below if there's only 1 menu on your page)
displaydesc(document.form1.select1, thetext1, 'textcontainer1')
displaydesc(document.form2.select2, thetext2, 'textcontainer2')
</script>

Đăng nhận xét

0 Nhận xét