free web
free web
free web
[ Tin mới · Thành viên · Nội quy · Tìm kiếm · RSS ]
  • Page 1 of 1
  • 1
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Code menu thả xuống cho tìm kiếm nhãn và danh mục
Code menu thả xuống cho tìm kiếm nhãn và danh mục
Admin-8x Date: Thứ tư, 07.Dec.2016, 2:41 PM | Message # 1
Offline
Avatar
Cấp độ: ₷oáiҪa
Bài viết: 36
Các bạn coppy đoạn code, sau đó sửa lại theo ý của các bạn và dán vào web

Code
<script type="text/javascript">function filtch1(lst,cu,seo,fnum){if(!(seo&&seo=='1')) {window.location.href='http://ibox.ucoz.net/'+lst.options[lst.selectedIndex].value+'';}else{var uu=cu;var sort=false;var filter1=false;var filter2=false;var filter3=false;var pageX=false;if(fnum=='1'){filter1=lst.options[lst.selectedIndex].value;}else if(fnum=='2'){filter2=lst.options[lst.selectedIndex].value;}else if(fnum=='3'){filter3=lst.options[lst.selectedIndex].value;}tmp=[];var items=location.search.substr(1).split("&");for(var index=0;index<items.length;index++){tmp=items[index].split("=");if(tmp[0]&&tmp[1]&&(tmp[0]=='sort')){sort=tmp[1];}if(tmp[0]&&tmp[1]&&(tmp[0]=='filter1')&&!filter1){filter1=tmp[1];}if(tmp[0]&&tmp[1]&&(tmp[0]=='filter2')&&!filter2){filter2=tmp[1];}if(tmp[0]&&tmp[1]&&(tmp[0]=='filter3')&&!filter3){filter3=tmp[1];}if(tmp[0]&&!tmp[1]){if(tmp[0].match(/page/)){pageX=tmp[0];}}}uu='?sort='+(sort?sort:2);if(filter1){uu+='&filter1='+filter1;}if(filter2){uu+='&filter2='+filter2;}if(filter3){uu+='&filter3='+filter3;}if(pageX){uu+='&'+pageX;}document.location.href=uu;}}</script>

<select name="filter1" onchange="filtch1(this,'');" style="width: 300px;border: 1px solid #03A9F4;padding: 2px;">
<option value="" style="color:#A3A3A3;">- Chọn danh mục bạn muốn xem -</option>
<option value="/home" style="color:#EEEEEE;">Tên danh mục 1</option>
<option value="/blog" style="color:#EEEEEE;">Tên danh mục 2</option>
<option value="/forum" style="color:#EEEEEE;">Tên danh mục 3</option>
<option value="/video" style="color:#EEEEEE;">Tên danh mục 4</option>
<option value="/game" style="color:#EEEEEE;">Tên danh mục 5</option>
<option value="/download" style="color:#EEEEEE;">Tên danh mục 6</option>
</select>

Các bạn chỉnh sửa tại những chỗ được bôi màu cho phù hợp với trang của bạn

Hình DEMO
Hoặc code 2:

Code
<!-- Menu -->
<form name="navigation" style="margin:0px">
<table class="navigationTbl" border="0" cellspacing="0" cellpadding="0">
<tbody><tr class="navigationRow1">
<td class="fFastNavTd navigationCl11" style="padding-top:5px;padding-bottom:5px;">
<select class="fastNav" name="fastnav">
<option class="fastNavCatA" value="" selected="">Chọn danh mục bạn muốn tìm</option>
<option class="fastNavCat" value="/am-thuc">Ẩm thực dân gian tự tay nấu món ngon</option>
<option class="fastNavForum" value="/am-thuc/01"> - Tổng hợp ẩm thực dân gian mỗi ngày một món ngon</option>
<option class="fastNavCat" value="1">Giao lưu chia sẻ kinh nghiệm về website</option>
<option class="fastNavForum" value="4"> - Cộng đồng uCoz Việt Nam</option>
<option class="fastNavForum" value="5"> - Cộng đồng Xenforo Việt Nam</option>
<option class="fastNavForum" value="6"> - Tổng hợp code và javascript</option>
<option class="fastNavForum" value="7"> - Các vấn đề khác liên quan tới web</option>
<option class="fastNavCat" value="3">Quảng cáo marketing online</option>
<option class="fastNavForum" value="20"> - Quảng cáo lĩnh vực bảo hiểm và ngân hàng</option>
<option class="fastNavForum" value="11"> - Quảng cáo kinh doanh bất động sản</option>
<option class="fastNavForum" value="12"> - Quảng cáo kinh doanh lĩnh vực website</option>
<option class="fastNavForum" value="13"> - Rao vặt điện tử điện lạnh</option>
<option class="fastNavForum" value="14"> - Quảng cáo thương hiệu thời trang shop online</option>
<option class="fastNavForum" value="15"> - Thị trường rao vặt các loại phương tiện</option>
<option class="fastNavForum" value="16"> - Thế giới làm đẹp, quảng cáo mỹ phẩm</option>
<option class="fastNavForum" value="26"> Quảng cáo chuyên mục khác tổng hợp</option>
<option class="fastNavCat" value="21">Gửi bài viết tổng hợp cho admin</option>
<option class="fastNavForum" value="22"> - Kênh share bài viết hay đăng lên ibox</option>
<option class="fastNavForum" value="23"> - Tổng hợp tám chuyện đời thường</option>
<option class="fastNavCat" value="24">Box chứa bài viết spam</option>
<option class="fastNavForum" value="25"> - Thùng Rác</option>
</select>
<input class="fastNav" type="button" value="Ok" onclick="window.top.location.href='http://ibox.ucoz.net/'+(document.navigation.fastnav.value!='0'?document.navigation.fastnav.value:'');">
</td></tr></tbody></table></form></td>
<!--</menu>--->

Chú ý:
- Thay link http://ibox.ucoz.net/ thành link danh mục trang của bạn nhé
- Ví dụ: Có thể chuyển thành link http://trangchu.com hoặc http://trangchu.com/muc-con/
- Các bạn có thể điền ID trang đích thay vì điền danh mục trang đích ví dụ value="/am-thuc" và ID của trang chủ là 01 thì các bạn có thể thay bằng value="01"

Bài viết tham khảo cho các bạn mới tập làm, có chỗ nào sai xin chỉ giáo mình sẽ ghi nhận lời góp ý, ai biết rồi xin đừng ném gạch nha...!
Chúc các bạn thành công, đừng quên like trang nha...!
Files đính kèm: 2380692.jpg(49.3 Kb)


Sống với niềm tin và đam mê sẽ sớm có được thành công,
Không hoang tưởng cũng không kiêu ngạo, thành công sẽ vững bền.
 
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Code menu thả xuống cho tìm kiếm nhãn và danh mục
  • Page 1 of 1
  • 1
Search: