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

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

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

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

กระทู้: 166



ดูรายละเอียด เว็บไซต์
« เมื่อ: 16 พฤษภาคม 2012, 02:36:44 »

โค๊ด:
<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js "></script>
<script type="text/javascript">
 $(document).ready( function(){
   $('.roomNo').click(function(){
   var $roomNo = $(this).val();
   var $rmtype = $('.rmtype').val();
  alert('Room No ' $roomNo  ' Room Type : ' $rmtype);
  });
 });
</script>
</head>
<body>
<?php
for($a=1;$a<=5;$a  )
{

?>

<input type="checkbox" name="roomNo" class="roomNo" value="roomNo<?=$a?>"> roomNo<?=$a?>
<input type="hidden" name="roomtype" class="rmtype" value="rmtype<?=$a?>">
<?


}
?>

แสดงข้อมูลออกมาไม่ถูกต้อง
จาก Loop เมือคลิกที่ Room NO ต้องการให้ข้อมูลของ roomtype แสดงผลออกมา ต้อนนี้แสดงผลออกมาแล้วแต่
จะนำ loop ที่ 1 มาแสดง ผล rmtype1
ไม่รู้ว่าจะต้องแก้ปัญหายังไง

ดูรูปภาพประกอบความต้องการการ คลิกดูภาพประกอบคำถาม
« แก้ไขครั้งสุดท้าย: 20 พฤษภาคม 2012, 11:18:32 โดย deknakhon » บันทึกการเข้า

รับพัฒนาโปรแกรม PHP Mysql
รับออกแบบระบบโปรแกรม
รับวางระบบเครือข่ายคอมพิวเตอร์
MeenyFancy
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,270



ดูรายละเอียด
« ตอบ #1 เมื่อ: 16 พฤษภาคม 2012, 12:21:21 »

ดูอันนี้เป็นแนวทางครับ

http://www.thaiseoboard.com/in...p/topic,263324.msg3629303.html
บันทึกการเข้า

deknakhon
คนรักเสียว
*

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

กระทู้: 166



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 20 พฤษภาคม 2012, 11:01:51 »

ดูอันนี้เป็นแนวทางครับ

http://www.thaiseoboard.com/in...p/topic,263324.msg3629303.html


คนละความหมายกันนะครับ  ยังไงก็ขอบคุณครับ
บันทึกการเข้า

รับพัฒนาโปรแกรม PHP Mysql
รับออกแบบระบบโปรแกรม
รับวางระบบเครือข่ายคอมพิวเตอร์
bonshington
ก๊วนเสียว
*

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

กระทู้: 376



ดูรายละเอียด
« ตอบ #3 เมื่อ: 20 พฤษภาคม 2012, 23:26:52 »

ไปเรียนเขียน js เถอะคับ ผิดหมดซะขนาดนี้

 var $roomNo
js ไม่มี $ นำหน้าตัวแปร อันนั้นมัน jquery กับ php

alert('Room No ' $roomNo  ' Room Type : ' $rmtype);
ไม่ใส่เครื่องหมาย + หรอคับ? แล้ว string มันจะออกมาได้ไง?

$(".rmType")
code ก็ปิด มันจะดึงทุก class="rmType" ออกมา แล้วลง alert แบบนี้จะออกได้ไงอ่ะคับ

ไปตั้งใจเรียนเถอะคับ google ช่วยไม่ได้แน่นอน

ตย

$(function(){
  $(".a").change(function(){
    var li = $(this).parent();
    var node = {
      a: li.children(".a"),
      b: li.children(".b")
    };

    alert(a.val() + b.val());
  });
})
<ul>
<li><input class="a" /><input class="b"/></li>
<li><input class="a" /><input class="b"/></li>
</ul>



บันทึกการเข้า
sakang
สมุนแก๊งเสียว
*

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

กระทู้: 508



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 20 พฤษภาคม 2012, 23:39:02 »

ดูแรงไปนิดนะ

 wanwan004

อย่างที่บอกครับ ประกาศตัวแปรของ javascript ไม่ต้องพิมพ์ $

   var $roomNo = $(this).val();
   var $rmtype = $('.rmtype').val();

เป็น

   var roomNo = $(this).val();
   var rmtype = $('.rmtype').val();

แล้วทำไม $(this) ยังต้องใช้ $ อันนี้ผมไม่รู้ เขียนติดเป็นนิสัยที่ jquery กำหนดมา
ส่วน alert จะต่อข้อความก็ต้องใช้แบบนี้ครับ

alert('Room No ' $roomNo  ' Room Type : ' $rmtype);

เป็น

alert('Room No '+roomNo+' Room Type : '+rmtype);

อันนี้เป็นส่วน php

for($a=1;$a<=5;$a  )

ถ้าใส่แบบนี้จะไม่ถูกครับ ต้องใส่แบบนี้

for($a=1;$a<=5;$a++  )

loop 1 ครั้งจะเพิ่มค่า $a ครั้งละ 1 จนกว่าจะจบเงื่อนไข

ถ้าจะให้คลิกแล้วมี allert แนะนำให้ใช้ onClick ไม่ดีกว่าหรอครับ ง่ายกว่าเยอะนะ
บันทึกการเข้า
ossytong
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,151



ดูรายละเอียด
« ตอบ #5 เมื่อ: 20 พฤษภาคม 2012, 23:42:59 »

การพิมพ์ $ เป็นอีก หนึ่งเทคนิคที่ใช้ระบุว่า อันนี้เป็นตัวแปร การใส่ ใส่ได้ไม่มีปัญหา

ไม่ใช่เรื่องผิดอะไรเลย
บันทึกการเข้า
muay5157
คนรักเสียว
*

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

กระทู้: 176



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 21 พฤษภาคม 2012, 00:55:50 »

โค๊ด:
<html>
<title></title>
<head>
<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js "></script>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>-->
<script type="text/javascript">
 $(document).ready( function(){
   $('.roomNo').click(function(){
   var roomNo = $(this).val();
   var rmtype = $('.rmtype').val();
  alert('Room No ' roomNo ' Room Type : '   rmtype);
  });
 });
</script>
</head>
<body>
<?php
for($a=1;$a<=5;$a  )
{

?>

<input type="checkbox" name="roomNo" class="roomNo" value="roomNo<?=$a?>">roomNo<?=$a?>
<input type="hidden" name="roomtype" class="rmtype" value="rmtype<?=$a?>">
<?


}
?>
</body>
</html>


ผมล่ะงง ทำไม มันใส่เครื่องหมาย บวก  ใน thaiseo ไม่ได้ -_-  

ใส่ตรง นี้นะครับ alert('Room No ' บวก roomNo บวก ' Room Type : ' บวก rmtype);

ปล. ผมแก้ code ให้แล้ว ก๊อปไปได้เลย แล้วใส่ บวก เพิ่มตามที่ผมบอก

อ่อ แล้วก็ ตรงนี้ด้วย for($a=1;$a<=5;$aบวกบวก)

thaiseo พิมพ์ บวกไม่ได้แฮะ พึ่งรู้ 555
« แก้ไขครั้งสุดท้าย: 21 พฤษภาคม 2012, 01:00:04 โดย muay5157 » บันทึกการเข้า

mesati.com ประกาศงานศพออนไลน์ เว็บไซต์งานศพ และ
พวงหรีด ที่ไฮเทคที่สุดในประเทศ (รางวัลจาก TICTA AWARDS 2011)

|ตู้สาขาโทรศัพท์
|กล้องวงจรปิด
muay5157
คนรักเสียว
*

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

กระทู้: 176



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 21 พฤษภาคม 2012, 01:03:45 »

การพิมพ์ $ เป็นอีก หนึ่งเทคนิคที่ใช้ระบุว่า อันนี้เป็นตัวแปร การใส่ ใส่ได้ไม่มีปัญหา

ไม่ใช่เรื่องผิดอะไรเลย

มันใส่ไม่ได้ นะครับ ใน ตัวแปรของ javascript อ่ะ ยกเว้น javascript framework ที่ ขึ้นด้วย $('') อย่างนี้ถึงได้ -_-

แต่ถ้า ตัวแปรโดดๆ ใส่ $ ไม่ได้ครับ

รู้สึกว่า จะมีแต่ จะใส่ var หรือ ไม่ใส่ var นะครับ

หรือโลกมันพัฒนาไปไกลแล้ว Huh?Huh? 5555 ผมเขียนโปรแกรมมา 6 - 7 ปีและ อาจตามไม่ทัน  wanwan017
บันทึกการเข้า

mesati.com ประกาศงานศพออนไลน์ เว็บไซต์งานศพ และ
พวงหรีด ที่ไฮเทคที่สุดในประเทศ (รางวัลจาก TICTA AWARDS 2011)

|ตู้สาขาโทรศัพท์
|กล้องวงจรปิด
ossytong
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,151



ดูรายละเอียด
« ตอบ #8 เมื่อ: 21 พฤษภาคม 2012, 01:06:44 »

การพิมพ์ $ เป็นอีก หนึ่งเทคนิคที่ใช้ระบุว่า อันนี้เป็นตัวแปร การใส่ ใส่ได้ไม่มีปัญหา

ไม่ใช่เรื่องผิดอะไรเลย

มันใส่ไม่ได้ นะครับ ใน ตัวแปรของ javascript อ่ะ ยกเว้น javascript framework ที่ ขึ้นด้วย $('') อย่างนี้ถึงได้ -_-

แต่ถ้า ตัวแปรโดดๆ ใส่ $ ไม่ได้ครับ

รู้สึกว่า จะมีแต่ จะใส่ var หรือ ไม่ใส่ var นะครับ

หรือโลกมันพัฒนาไปไกลแล้ว Huh?Huh? 5555 ผมเขียนโปรแกรมมา 6 - 7 ปีและ อาจตามไม่ทัน  wanwan017

โค๊ด:
		<script type="text/javascript">
var $test = 'asdasd';
alert($test);
</script>
ใส่ได้ครับ ผมก็ใช้ประจำเหมือนกัน ใส่แทนให้รู้ว่า ตัวนั้นเป็นการเก็บ value
บันทึกการเข้า
muay5157
คนรักเสียว
*

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

กระทู้: 176



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 21 พฤษภาคม 2012, 01:16:50 »

การพิมพ์ $ เป็นอีก หนึ่งเทคนิคที่ใช้ระบุว่า อันนี้เป็นตัวแปร การใส่ ใส่ได้ไม่มีปัญหา

ไม่ใช่เรื่องผิดอะไรเลย

มันใส่ไม่ได้ นะครับ ใน ตัวแปรของ javascript อ่ะ ยกเว้น javascript framework ที่ ขึ้นด้วย $('') อย่างนี้ถึงได้ -_-

แต่ถ้า ตัวแปรโดดๆ ใส่ $ ไม่ได้ครับ

รู้สึกว่า จะมีแต่ จะใส่ var หรือ ไม่ใส่ var นะครับ

หรือโลกมันพัฒนาไปไกลแล้ว Huh?Huh? 5555 ผมเขียนโปรแกรมมา 6 - 7 ปีและ อาจตามไม่ทัน  wanwan017

โค๊ด:
		<script type="text/javascript">
var $test = 'asdasd';
alert($test);
</script>
ใส่ได้ครับ ผมก็ใช้ประจำเหมือนกัน ใส่แทนให้รู้ว่า ตัวนั้นเป็นการเก็บ value



โอ้ ดีจังครับ ขอบคุณครับ

สงสัยตำราสมัยผมเรียน มัน ไม่ใส่ เพื่อไม่ให้สับสน กับ PHP ล่ะมั้ง 555
บันทึกการเข้า

mesati.com ประกาศงานศพออนไลน์ เว็บไซต์งานศพ และ
พวงหรีด ที่ไฮเทคที่สุดในประเทศ (รางวัลจาก TICTA AWARDS 2011)

|ตู้สาขาโทรศัพท์
|กล้องวงจรปิด
deknakhon
คนรักเสียว
*

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

กระทู้: 166



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 21 พฤษภาคม 2012, 15:17:33 »

ดูแรงไปนิดนะ

 wanwan004

อย่างที่บอกครับ ประกาศตัวแปรของ javascript ไม่ต้องพิมพ์ $

   var $roomNo = $(this).val();
   var $rmtype = $('.rmtype').val();

เป็น

   var roomNo = $(this).val();
   var rmtype = $('.rmtype').val();

แล้วทำไม $(this) ยังต้องใช้ $ อันนี้ผมไม่รู้ เขียนติดเป็นนิสัยที่ jquery กำหนดมา
ส่วน alert จะต่อข้อความก็ต้องใช้แบบนี้ครับ

alert('Room No ' $roomNo  ' Room Type : ' $rmtype);

เป็น

alert('Room No '+roomNo+' Room Type : '+rmtype);

อันนี้เป็นส่วน php

for($a=1;$a<=5;$a  )

ถ้าใส่แบบนี้จะไม่ถูกครับ ต้องใส่แบบนี้

for($a=1;$a<=5;$a++  )

loop 1 ครั้งจะเพิ่มค่า $a ครั้งละ 1 จนกว่าจะจบเงื่อนไข

ถ้าจะให้คลิกแล้วมี allert แนะนำให้ใช้ onClick ไม่ดีกว่าหรอครับ ง่ายกว่าเยอะนะ

ยังไม่ได้ครับ  Room5 แต่ Type  ยังเป็น 1 อยู่ครับ
ขอบคุณครับ
บันทึกการเข้า

รับพัฒนาโปรแกรม PHP Mysql
รับออกแบบระบบโปรแกรม
รับวางระบบเครือข่ายคอมพิวเตอร์
konpunzaa
สมุนแก๊งเสียว
*

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

กระทู้: 569



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 21 พฤษภาคม 2012, 15:32:14 »

-*-
บันทึกการเข้า

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

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

กระทู้: 1,196



ดูรายละเอียด
« ตอบ #12 เมื่อ: 21 พฤษภาคม 2012, 15:39:10 »

ลองอันนี้ครับ
 var $rmtype = $(this).next('.rmtype').val();
บันทึกการเข้า

deknakhon
คนรักเสียว
*

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

กระทู้: 166



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 21 พฤษภาคม 2012, 17:32:52 »

ลองอันนี้ครับ
 var $rmtype = $(this).next('.rmtype').val();

ขอบคุณมากครับ
ได้แล้ว +1
บันทึกการเข้า

รับพัฒนาโปรแกรม PHP Mysql
รับออกแบบระบบโปรแกรม
รับวางระบบเครือข่ายคอมพิวเตอร์
deknakhon
คนรักเสียว
*

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

กระทู้: 166



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 21 พฤษภาคม 2012, 17:47:32 »

ช่วยแก้อีก Code ครับ
ความต้องการให้ Load เมือ  #ARRIVE และ #DEPART มีข้อมูล
ต้อนต้องมา คลิก #DEPART ก่อนถึงจะแสดงผลข้อมูล
โค๊ด:
<script type="text/javascript">
    $(document).ready(function(){
        //iterate through each textboxes and add keyup
        //handler to trigger sum event
        $("#DEPART").each(function()   {
//$(this).click(function(){
$(this).change(function(e){

var $arrive_date=$('#ARRIVE').val();
var $depart_date=$('#DEPART').val();
var $hotel_code=$('#Hotel_Code').val();

 var url="modules/reservation/roomlist.php?NewBooking";
  var dataPost={
arrive_date: $arrive_date,
     depart_date:$depart_date,
  hotel_code: $hotel_code
  }
  $.post(url,dataPost,function(data){

//alert("บันทึกข้อมูลเรียบร้อย"  data);

$("div#showRoomList").html(data); // ส่วนที่ 3 นำข้อมูลมาแสดง 

  });

            });

});
});
</script>

         
<div id="showRoomList">



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

รับพัฒนาโปรแกรม PHP Mysql
รับออกแบบระบบโปรแกรม
รับวางระบบเครือข่ายคอมพิวเตอร์
หน้า: [1]   ขึ้นบน
พิมพ์