มีใครใช้ JQuery Plugin มั่งมั้ยครับ ช่วยทีครับ

[knickth]

มีใครใช้ JQuery Plugin มั่งมั้ยครับ ช่วยทีครับ
เฉพาะที่เป็นสีแดงนะครับ ไม่รู้ว่าทำไมใส่แล้วถึงไม่เกิดอะไรขึ้นเลย ไม่ทราบต้องมีอะไรเพิ่มอีกมั้ยครับ


   <script type="text/javascript" src="jquery.dropshadow.js"></script>   
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
   
   <script type="text/javascript">
   
      $(document).ready(function() {
   
         $("#nav").load("../share/menubar.html");
         
         $("div.shadow").dropShadow({left: 8, top: 10, opacity: 0.8, blur: 4});

      });
      
   </script>


นี่เป็น div ปลายทางครับ


<div id="wrap" class="shadow">
xxx
</div>

[Pipo]

ทำงานกับ javascript ต้องมีตัวช่วยครับจะทำงานได้เร็วขึ้นมาก

อันนี้เป็น plugin ของ FireFox นะครับ
http://getfirebug.com/

download ที่นี่
https://addons.mozilla.org/firefox/addon/1843

ถ้ายังไม่มี firefox ก็ download ที่นี่
http://getfirefox.com

[ball6847]

มีใครใช้ JQuery Plugin มั่งมั้ยครับ ช่วยทีครับ
เฉพาะที่เป็นสีแดงนะครับ ไม่รู้ว่าทำไมใส่แล้วถึงไม่เกิดอะไรขึ้นเลย ไม่ทราบต้องมีอะไรเพิ่มอีกมั้ยครับ


   <script type="text/javascript" src="jquery.dropshadow.js"></script>   
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
   
   <script type="text/javascript">
   
      $(document).ready(function() {
   
         $("#nav").load("../share/menubar.html");
         
         $("div.shadow").dropShadow({left: 8, top: 10, opacity: 0.8, blur: 4});

      });
      
   </script>


นี่เป็น div ปลายทางครับ


<div id="wrap" class="shadow">
xxx
</div>

โค้ด เลือก ขยาย

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="jquery.dropshadow.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#nav").load("../share/menubar.html");
$("div.shadow").dropShadow({left: 8, top: 10, opacity: 0.8, blur: 4});
});
</script>

jquery ต้องถูกเรียกขึ้นมาก่อนทุก plugin หรือทุกโค้ดที่ใช้ jquery นะคับ

[knickth]

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="jquery.dropshadow.js"></script>
<script type="text/javascript">
$(document).ready(function() {
   $("#nav").load("../share/menubar.html");
   $("div.shadow").dropShadow({left: 8, top: 10, opacity: 0.8, blur: 4});
});   
</script>

โอ้ สุดๆไปเลยครับ ทำได้แล้วครับ ขอบคุณคุณ ball6847 เป็นอย่างสูงเลยนะครับ

ทำงานกับ javascript ต้องมีตัวช่วยครับจะทำงานได้เร็วขึ้นมาก

อันนี้เป็น plugin ของ FireFox นะครับ
http://getfirebug.com/

download ที่นี่
https://addons.mozilla.org/firefox/addon/1843

ถ้ายังไม่มี firefox ก็ download ที่นี่
http://getfirefox.com

ผมยังไม่ได้ลองเหมือนกัน แต่ขอบคุณคุณ Pipo มากครับ คือไม่รู้ว่าใช้ Forefox แล้วคนที่ใช้ IE มาเปิดเวบผมจะมีปัญหาหรือเปล่าครับ 

[knickth]

มีปัญหาสงสัยอีกนึดนึงครับ คือว่าส่วนบนสุดของ page ผมมีการ load div menubar มา ส่วนเงานี่ผมใส่ให้กับ div ด้านล่างครับ
ซึ่งดูเหมือนว่า plugin จะไปคำนวนเงาก่อนที่จะโหลด div บนครับ ทำให้ div ล่างเกิดการเลื่อนจากตัวเงาลงมาครับ ไม่ทราบทำไงดีครับ

[เป็นติ่งไรเนี่ย]

 
เยี่ยมอะคับ ขอคาราวะ

[Pipo]

ผมยังไม่ได้ลองเหมือนกัน แต่ขอบคุณคุณ Pipo มากครับ คือไม่รู้ว่าใช้ Forefox แล้วคนที่ใช้ IE มาเปิดเวบผมจะมีปัญหาหรือเปล่าครับ 

เอาไว้ debug ตอนเขียนโปรแกรมกับ javascript เผื่อเจอ error จะแก้ได้ไวกว่าครับ
ส่วนตอน test งานก็ test ทั้ง IE, FireFox ครับ