อยากให้เวลาคลิกลิงค์ไหน ให้มีพื้นหลังแสดงด้วย เค้าทำกันยังไงหรอครับ (มีตัวอย่าง)

[yoyokung]

UPDATE ไฟล์ให้แล้วนะครับ ที่ทำเป็น css+jquery

แต่ถ้าคุณ fogza จะทำแบบเว็บตัวอย่าง ใช้ php ครับ

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



        $current_page = array(
            "" => "Home",
            "html" => "HTML",
            "php" => "PHP",
            "java" => "JAVA"
        );
        foreach( $current_page as $link => $title ) {
            $active = $_GET['page'] == $link
                ? ' class="active"'
                : '';
            echo '<li class="item"><a href="/'. $link .'"'. $active .'>'. $title .'</a></li>';
        }

   

อย่างลืม แต่ง css ให้เห็นความต่างด้วยนะครับ

[Queue]

เค้าใช้ php กับ css ร่วมกัน

ถ้าอยู่หน้าไหน ให้ แสดง css ต่างจากชาวบ้านครับ

[saikanojo]

ไม้ต้องใช้ PHP ให้มันยุ่งยากก็ได้ครับ อันนั้นมันภาษาฝั่ง Server Side ใช้เยอะๆก็อืดได้ครับ

ใช้ Jquery นี่แหละครับ addClass ที่ระบุพื้นหลังเข้าไป

พอคลิ๊กอันอื่นให้  remove ออกแล้ว addClass เดิม เข้าไปใหม่

งง ไหมครับ อิ อิ

งั้นจัด หลักสูตรเร่งรัดให้ครับ

http://jqueryui.com/demos/selectable/

จบแน่นอนครับ

[yoyokung]

ไม้ต้องใช้ PHP ให้มันยุ่งยากก็ได้ครับ อันนั้นมันภาษาฝั่ง Server Side ใช้เยอะๆก็อืดได้ครับ

ใช้ Jquery นี่แหละครับ addClass ที่ระบุพื้นหลังเข้าไป

พอคลิ๊กอันอื่นให้  remove ออกแล้ว addClass เดิม เข้าไปใหม่

งง ไหมครับ อิ อิ

งั้นจัด หลักสูตรเร่งรัดให้ครับ

http://jqueryui.com/demos/selectable/

จบแน่นอนครับ

Jquery มันเปลี่ยนหน้าแล้วมันจะอยู่ยังไงอ่ะครับ

[jim_no1]

ไม่เข้าใจคำถามน่ะ

ตามเว็บตัวอย่างนะครับ เวลาคลิกเมนูด้านบน เมนูไหนที่ถูกคลิก จะมีพื้นหลังสีขาวนะครับ พอจะเข้าใจไหมเอ่ย 

เวปนี้เห็นแล้ว น่าจะเขียนด้วยมือมากกว่า แต่ถ้าไม่ใช่ก็น่าจะเป็น phpbb
ถ้าเขียนมือนะ ก็ต่องใช้ลูกเล่นที่เรียกว่า Swap Image แต่ก่อนอื่นนั้น เราต่องกำหนดชื่อตำแหน่งนั้นก่อนครับ
หลังจากนั้น เราค่อยเอาลูกเล่นนี้มาใช้งาน
ก็อย่างเวปผม ก็ยังเอามาใช้งานเลยครับที่นี่ http://www.jimmodify.com/design/Plate_car/home_car.php
ตำแหน่งที่ผมใช้งานนั้นก็คือ ช่องตรงด้านขวามือสุดนั้นไง เมื่อคลิ๊กที่ภาพป้ายทะเบียนรถยนต์ จะยังไม่มีอะไร แต่เมื่อปล่อยเมาล์เมื่อไหร่ ตรงช่องขวาสุด จะมีภาพโชว์ออกมา แล้วก็ยังทำเป็น link ได้อีกด้วย
ส่วนคำถามที่คุณตั่งมานั้นน่ะ เพียงแค่ปรับขนาดภาพให้เล็กลง แล้วเอามาเล่นคู่กับภาพพื้นหลังเท่านั้นน่ะครับ

[TAXZe]

..
..
<div class="section_menu">
<a title="หมวดหมู่ HTML" href="index.php?sections=HTML&amp;sec_id=5">HTML</a>
</div>
<div class="section_menu" style="background-color: white; border-bottom: 0px;">
<a title="หมวดหมู่ CSS" href="index.php?sections=CSS&amp;sec_id=10">CSS</a>
</div>
<div class="section_menu">
<a title="หมวดหมู่ XML" href="index.php?sections=XML&amp;sec_id=4">XML</a>
</div>
..
..

ทำแดงให้แล้ว เทียบกับโค้ดข้างๆดูครับ น่าจะเข้าใจ ป่ะครับ

[fogza]

UPDATE ไฟล์ให้แล้วนะครับ ที่ทำเป็น css+jquery

แต่ถ้าคุณ fogza จะทำแบบเว็บตัวอย่าง ใช้ php ครับ

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



       $current_page = array(
           "" => "Home",
           "html" => "HTML",
           "php" => "PHP",
           "java" => "JAVA"
       );
       foreach( $current_page as $link => $title ) {
           $active = $_GET['page'] == $link
               ? ' class="active"'
               : '';
           echo '<li class="item"><a href="/'. $link .'"'. $active .'>'. $title .'</a></li>';
       }

   

อย่างลืม แต่ง css ให้เห็นความต่างด้วยนะครับ

+1 ขอบคุณสำหรับแนวทางครับ

ไม้ต้องใช้ PHP ให้มันยุ่งยากก็ได้ครับ อันนั้นมันภาษาฝั่ง Server Side ใช้เยอะๆก็อืดได้ครับ

ใช้ Jquery นี่แหละครับ addClass ที่ระบุพื้นหลังเข้าไป

พอคลิ๊กอันอื่นให้  remove ออกแล้ว addClass เดิม เข้าไปใหม่

งง ไหมครับ อิ อิ

งั้นจัด หลักสูตรเร่งรัดให้ครับ

http://jqueryui.com/demos/selectable/

จบแน่นอนครับ

Jquery มันเปลี่ยนหน้าแล้วมันจะอยู่ยังไงอ่ะครับ

ต้องโหลดปลั๊กอินมาใช้ใช่ไหมครับ แล้วก็ทำงานแค่เฉพาะหน้านั้นๆ เหมือนที่ด้านบนกล่าวมาหรือปล่าวครับ?
ถ้าใช่ มีแบบที่ต้องสร้างขึ้นมาเองไหม๋ครับ อยากจะรู้การทำงานนะครับ
=====
ขอบคุณทุกๆ ท่านมากครับ ได้ความรู้ใหม่ๆ อีกแล้ว
ขอตัวไปนั่งมั่วโค้ดต่อละครับ  

[saikanojo]

UPDATE ไฟล์ให้แล้วนะครับ ที่ทำเป็น css+jquery

แต่ถ้าคุณ fogza จะทำแบบเว็บตัวอย่าง ใช้ php ครับ

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



        $current_page = array(
            "" => "Home",
            "html" => "HTML",
            "php" => "PHP",
            "java" => "JAVA"
        );
        foreach( $current_page as $link => $title ) {
            $active = $_GET['page'] == $link
                ? ' class="active"'
                : '';
            echo '<li class="item"><a href="/'. $link .'"'. $active .'>'. $title .'</a></li>';
        }

   

อย่างลืม แต่ง css ให้เห็นความต่างด้วยนะครับ

+1 ขอบคุณสำหรับแนวทางครับ

ไม้ต้องใช้ PHP ให้มันยุ่งยากก็ได้ครับ อันนั้นมันภาษาฝั่ง Server Side ใช้เยอะๆก็อืดได้ครับ

ใช้ Jquery นี่แหละครับ addClass ที่ระบุพื้นหลังเข้าไป

พอคลิ๊กอันอื่นให้  remove ออกแล้ว addClass เดิม เข้าไปใหม่

งง ไหมครับ อิ อิ

งั้นจัด หลักสูตรเร่งรัดให้ครับ

http://jqueryui.com/demos/selectable/

จบแน่นอนครับ

Jquery มันเปลี่ยนหน้าแล้วมันจะอยู่ยังไงอ่ะครับ

ต้องโหลดปลั๊กอินมาใช้ใช่ไหมครับ แล้วก็ทำงานแค่เฉพาะหน้านั้นๆ เหมือนที่ด้านบนกล่าวมาหรือปล่าวครับ?
ถ้าใช่ มีแบบที่ต้องสร้างขึ้นมาเองไหม๋ครับ อยากจะรู้การทำงานนะครับ
=====
ขอบคุณทุกๆ ท่านมากครับ ได้ความรู้ใหม่ๆ อีกแล้ว
ขอตัวไปนั่งมั่วโค้ดต่อละครับ  

ผมลืมคิดไปครับเรื่องการเปลี่ยนหน้า ผมทำแต่ UI แล้วส่ง Dev เลยไม่ได้คิดถึงตรงนี้ แต่จริงๆแล้วให้มันอยู่ก็ได้ครับ แต่ผมไม่ทราบวิธีที่เขาใช้กัน

งั้นใช้ PHP ไปก็ได้ครับ แก้ขัดไปพลางๆ เพราะถ้าเน้นผลลัพธ์ ก็ให้คำตอบได้เหมือนกัน