|
 |
| |
ขอถามเกี่ยวกับการทำเมนู css ครับ คือจะทำให้เมนูมัน current page ยังไงครับ ตามโค้ด ข้างล่างนะครับ จะเขียนเพิ่มหรือดัดแปลงยังไงครับ |
| |
 |
|
|
 |
 |
|
target="_self"
|
 |
 |
 |
 |
| Date :
2012-10-29 16:10:11 |
By :
sakuraei |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
target="_self" ไม่ได้เพราะสร้าง frame ไว้ครับ
|
| |
|
|
| |
| Date :
2012-10-29 16:14:23 |
By :
addy_it |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
งั้น current page คืออะไร ขยายความหน่อยครับ
|
| |
|
|
| |
| Date :
2012-10-29 16:15:52 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เฮ้อ..
|
| |
|
|
| |
| Date :
2012-10-29 16:21:00 |
By :
addy_it |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 
|
| |
|
|
| |
| Date :
2012-10-29 16:56:06 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ประมาณว่า ถ้าเราเข้าเมนูไหน ก็ให้เน้นที่เมนูนั้นๆหรือเปล่าหว่า ผมเข้าใจถูกไหม
|
| |
|
|
| |
| Date :
2012-10-29 17:03:34 |
By :
billbox |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ถูกครับคุณ bill
|
| |
|
|
| |
| Date :
2012-10-30 10:46:58 |
By :
addy_it |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมลองทำแบบคุณ jack แล้วก็ยังไม่ได้ครับ ผมก็เอาโค้ดนี้ไปแปะที่หน้า 3.php เลยครับ ไม่รู้ว่าผมเข้าใจถูกไหม
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('a[href="3.php"]').attr('class','current');
});
</script>
|
| |
|
|
| |
| Date :
2012-10-30 10:53:08 |
By :
addy_it |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมว่าคุณ jack ต้องเข้าใจผมผิดแน่ ๆ เลยครับ คือว่าผมต้องการแบบนี้ครับ คือถ้าเราคลิกที่ link หน้าไหน ก็ให้มัน hilight ที่ link นั้นอะครับ แต่ตาม วิธีที่คุณ jack ให้มา มันเป็นการให้ hiligth หน้าเดียวตลอดใช่ไหมครับ ถ้าใช่ ใช้ class=current ก็ได้ครับ
|
| |
|
|
| |
| Date :
2012-10-30 11:43:17 |
By :
addy_it |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เข้าใจไม่ผิดหรอกครับ
เพราะว่าเราทดสอบอยู่ที่ไฟล์เดียวกันตลอด ก็เลย highlight อยู่แค่เมนูเดียว
ลองดาวโหลดมาดูใหม่นะครับ ผมทำไฟล์ไว้ 4 อัน และเปลี่ยนนามสกุลเป็น .html จะได้ไม่ต้องรันบน server
http://www.mineinc.net/qa/file/2012/10/29/file1.html
|
ประวัติการแก้ไข
2012-10-30 13:51:33
| |
|
|
| |
| Date :
2012-10-30 12:58:37 |
By :
dreamlover |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองดูน่ะครับ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>https://www.thaicreate.com/php/forum/086015.html</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="Unidentifier">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
ul.menu > li {
width:150px;
display:inline-block;
text-align:center;
}
.highlight{
background-color:#ffff99;
}
</style>
</head>
<body>
<ul class="menu">
<li><a href="test1.html">ทดสอบ1</a></li>
<li><a href="test2.html">ทดสอบ2</a></li>
<li><a href="test3.html">ทดสอบ3</a></li>
<li><a href="test4.html">ทดสอบ4</a></li><br />
</ul>
<iframe id="frameTarget" src="blank.html" style="width:1000px;height:330px;"></iframe>
<script>
$("ul.menu a").click(function(event){
event.preventDefault();
var target = $(this).attr("href");
alert(target);
$("#frameTarget").attr("src",target);
$("ul.menu li").removeClass("highlight");
$(this).parent("li").addClass("highlight");
});
</script>
</body>
</html>
|
| |
|
|
| |
| Date :
2012-10-30 14:14:17 |
By :
sakuraei |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
