ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingอยากให้เวลาคลิกลิงค์ไหน ให้มีพื้นหลังแสดงด้วย เค้าทำกันยังไงหรอครับ (มีตัวอย่าง)
หน้า: 1 [2]  ทั้งหมด   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: อยากให้เวลาคลิกลิงค์ไหน ให้มีพื้นหลังแสดงด้วย เค้าทำกันยังไงหรอครับ (มีตัวอย่าง)  (อ่าน 3506 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
yoyokung
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 143
ออฟไลน์ ออฟไลน์

กระทู้: 1,794



ดูรายละเอียด เว็บไซต์
« ตอบ #20 เมื่อ: 06 เมษายน 2012, 03:11:59 »

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 ให้เห็นความต่างด้วยนะครับ
บันทึกการเข้า

ขาย ฐานข้อมูล Flash Game กว่า 25,000 เกมส์ 5,000 บาท

ฉันรักเธอ เที่ยวไทย

สอนดึงเว็บ 30 ชั่วโมง / 5,000 บาท สุดยอดมาก
สอนดูดเว็บ 30 ชั่วโมง / HTML , CSS , jQuery , PHP
Queue
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 106
ออฟไลน์ ออฟไลน์

กระทู้: 4,295



ดูรายละเอียด เว็บไซต์
« ตอบ #21 เมื่อ: 06 เมษายน 2012, 03:17:38 »

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

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

saikanojo
ก๊วนเสียว
*

พลังน้ำใจ: 27
ออฟไลน์ ออฟไลน์

กระทู้: 283



ดูรายละเอียด
« ตอบ #22 เมื่อ: 06 เมษายน 2012, 06:02:11 »

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

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

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

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

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

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

จบแน่นอนครับ
« แก้ไขครั้งสุดท้าย: 06 เมษายน 2012, 06:03:08 โดย saikanojo » บันทึกการเข้า
yoyokung
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 143
ออฟไลน์ ออฟไลน์

กระทู้: 1,794



ดูรายละเอียด เว็บไซต์
« ตอบ #23 เมื่อ: 06 เมษายน 2012, 06:06:09 »

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

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

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

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

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

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

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


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

ขาย ฐานข้อมูล Flash Game กว่า 25,000 เกมส์ 5,000 บาท

ฉันรักเธอ เที่ยวไทย

สอนดึงเว็บ 30 ชั่วโมง / 5,000 บาท สุดยอดมาก
สอนดูดเว็บ 30 ชั่วโมง / HTML , CSS , jQuery , PHP
jim_no1
สมุนแก๊งเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 857



ดูรายละเอียด เว็บไซต์
« ตอบ #24 เมื่อ: 06 เมษายน 2012, 13:08:23 »

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

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

TAXZe
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 446
ออฟไลน์ ออฟไลน์

กระทู้: 4,005



ดูรายละเอียด เว็บไซต์
« ตอบ #25 เมื่อ: 06 เมษายน 2012, 13:28:10 »

อ้างถึง
..
..
<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>
..
..

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

 Tongue
บันทึกการเข้า

fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #26 เมื่อ: 06 เมษายน 2012, 14:29:27 »

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 มันเปลี่ยนหน้าแล้วมันจะอยู่ยังไงอ่ะครับ

ต้องโหลดปลั๊กอินมาใช้ใช่ไหมครับ แล้วก็ทำงานแค่เฉพาะหน้านั้นๆ เหมือนที่ด้านบนกล่าวมาหรือปล่าวครับ?
ถ้าใช่ มีแบบที่ต้องสร้างขึ้นมาเองไหม๋ครับ อยากจะรู้การทำงานนะครับ
=====
ขอบคุณทุกๆ ท่านมากครับ ได้ความรู้ใหม่ๆ อีกแล้ว
ขอตัวไปนั่งมั่วโค้ดต่อละครับ wanwan017  wanwan026
« แก้ไขครั้งสุดท้าย: 06 เมษายน 2012, 14:33:11 โดย fogza » บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
saikanojo
ก๊วนเสียว
*

พลังน้ำใจ: 27
ออฟไลน์ ออฟไลน์

กระทู้: 283



ดูรายละเอียด
« ตอบ #27 เมื่อ: 06 เมษายน 2012, 18:23:27 »

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 มันเปลี่ยนหน้าแล้วมันจะอยู่ยังไงอ่ะครับ

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


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

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