Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > เปลี่ยน id ของ MODAL BOOTSTRAP ให้สามารถแสดงข้อมูลที่ต่างกันยังไงครับ เมื่อใช้ในหน้าเดียวกัน

เปลี่ยน id ของ MODAL BOOTSTRAP ให้สามารถแสดงข้อมูลที่ต่างกันยังไงครับ เมื่อใช้ในหน้าเดียวกัน

เริ่มหัวข้อใหม่

tetete123

โพสกระทู้ ( 53 )
บทความ ( 0 )

ผมใช้ MODAL BOOTSTRAP ครับ แต่เอามาใช้ในหน้าเดียวกันโดยแบ่งการใส่ข้อมูลที่ต่างกัน
มันติดปัญหาตรงที เมื่อเปลี่ยนข้อมูลเป็นอีกข้อมูลที่ต่างกัน มันจะแสดงข้อมูลของอันแรก ผมเลยเปลี่ยน ID="EXAMPLEMODAL" เป็นชื่ออื่น
มันไม่ทำงาน เหมือนมันกำหนดว่าต้องเป็น ID="EXAMPLEMODAL" นี้อย่างเดียว ตรงนี้ผมต้องทำยังไงเพื่อให้มันแยกข้อมูลกันอะครับ

Code (PHP)

<DIV CLASS="MODAL FADE" ID="EXAMPLEMODAL" TABINDEX="-1" ROLE="DIALOG" 
     ARIA-LABELLEDBY="EXAMPLEMODALLABEL" ARIA-HIDDEN="TRUE">
      <DIV CLASS="MODAL-DIALOG" ROLE="DOCUMENT">
        <DIV CLASS="MODAL-CONTENT">
          <DIV CLASS="MODAL-HEADER">
            <H5 CLASS="MODAL-TITLE" ID="EXAMPLEMODALLABEL">กำหนดที่ 1</H5>
            <BUTTON TYPE="BUTTON" CLASS="CLOSE" DATA-DISMISS="MODAL" ARIA-LABEL="CLOSE">
              <SPAN ARIA-HIDDEN="TRUE">&TIMES;</SPAN>
            </BUTTON>
          </DIV>
          <DIV CLASS="MODAL-BODY" STYLE="WIDTH:400PX;">
            HELLO EVERYBODY
          </DIV>
          <DIV CLASS="MODAL-FOOTER">
            <BUTTON TYPE="BUTTON" CLASS="BTN BTN-PRIMARY">ตกลง</BUTTON>
            <BUTTON TYPE="BUTTON" CLASS="BTN BTN-SECONDARY" DATA-DISMISS="MODAL">
               ปิด
            </BUTTON>
          </DIV>
        </DIV>
      </DIV>
    </DIV>

<DIV CLASS="MODAL FADE" ID="EXAMPLEMODAL" TABINDEX="-1" ROLE="DIALOG" 
     ARIA-LABELLEDBY="EXAMPLEMODALLABEL" ARIA-HIDDEN="TRUE">
      <DIV CLASS="MODAL-DIALOG" ROLE="DOCUMENT">
        <DIV CLASS="MODAL-CONTENT">
          <DIV CLASS="MODAL-HEADER">
            <H5 CLASS="MODAL-TITLE" ID="EXAMPLEMODALLABEL">กำหนดที่ 2</H5>
            <BUTTON TYPE="BUTTON" CLASS="CLOSE" DATA-DISMISS="MODAL" ARIA-LABEL="CLOSE">
              <SPAN ARIA-HIDDEN="TRUE">&TIMES;</SPAN>
            </BUTTON>
          </DIV>
          <DIV CLASS="MODAL-BODY" STYLE="WIDTH:400PX;">
            HELLO EVERYBODY
          </DIV>
          <DIV CLASS="MODAL-FOOTER">
            <BUTTON TYPE="BUTTON" CLASS="BTN BTN-PRIMARY">ตกลง</BUTTON>
            <BUTTON TYPE="BUTTON" CLASS="BTN BTN-SECONDARY" DATA-DISMISS="MODAL">
               ปิด
            </BUTTON>
          </DIV>
        </DIV>
      </DIV>
    </DIV>

อย่างเช่น ผมกำหนด <H5 CLASS="MODAL-TITLE" ID="EXAMPLEMODALLABEL">กำหนดที่ 1</H5>
พอใช้กับแบบที่ 2 <H5 CLASS="MODAL-TITLE" ID="EXAMPLEMODALLABEL">กำหนดที่ 2</H5>
มันจะแสดงแต่แบบที่ 1 ตลอด

Tag : PHP

Date : 2018-06-17 13:40:29

By : Chachrist

View : 1929

Reply : 2

No. 1

Chaidhanan

โพสกระทู้ ( 9,559 )
บทความ ( 2 )

เปลี่ยน id น่ะถูกแล้วครับ
แต่ตัวที่กำหนดให้ fade น่ะเขียนไว้ยังไง

Code (PHP)

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal1">
   Show 1
</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal2">
   Show 2
</button>

ประวัติการแก้ไข
2018-06-17 15:08:32

Date : 2018-06-17 15:07:19

By : Chaidhanan

No. 2

tetete123

โพสกระทู้ ( 53 )
บทความ ( 0 )

แหะๆ ลืมดูใน data-target ที่ใช้กดเลยครับ เขียนจนเบลอ ขอบคุณมากครับ

Date : 2018-06-17 15:40:20

By : Chachrist

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : เปลี่ยน id ของ MODAL BOOTSTRAP ให้สามารถแสดงข้อมูลที่ต่างกันยังไงครับ เมื่อใช้ในหน้าเดียวกัน

รายละเอียด

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

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05