ThaiSEOBoard.com

$(document).ready(function(){

      $(".shared_box").click(function(){
                              
$("#post_view").hide();                              
$("#post_form").show();                                                         
});
});

มันเป็นการ แสดง รูปภาพก่อน พอคลิ๊กที่รูป จะกลายเป็น ช่องให้พิมพ์

firefox ผม กดที่รูปแล้ว ไม่มีการเปลี่ยนแปลงใดๆ เลย ช่องพิมพ์ไม่โผล่มา แต่ใน IE ปกติ

ตัวอย่างการทำงาน www.nuula.com (http://www.nuula.com) ครับ คลิ๊กตรง "คุณกำลังคิดอะไรอยู่"

ใครพอรู้บ้าง ต้องแก้ code ยังไงให้ รับรอง firefox ช่วยหน่อยนะครับ


ขอบคุณครับ

ช่วยดันครับ แก้ไม่เป็น ไม่ใช่โปรแกรมเมอร์

ผมกดที่รูป ใน firefox มันก็ปกตินะครับ

แต่ดูจากสภาพ แล้ว คิดว่า jquery มัน ตีกันอะครับ


http://www.jauhari.net/how-to-fix-jquery-conflict.jsp   <--- วิธีแก้ปัญหา การชน กันของ jquery


หรือลองเอาคำว่า jquery conflict ไป search ใน google ดุก็ได้ครับ

ปล. ช่วยได้เท่าเนี้ย เพราะเท่าที่รู้นะครับ แต่คิดว่า ถ้า Script เพียวๆ ตัวเดียวไปทดสอบแล้ว ไม่ขึ้น ก้แสดงว่า ปัญหาอยู่ที่ code อะครับ

ขอบคุณสำหรับข้อมูลครับ เด๊ยวลองไปศึกษาดูก่อน

บอลว่ามันเพราะโค้ดเค้าสั่ง hide() element ที่มันเป็นแท็ก <td> แล้วอันที่ขึ้นมาโชว์แทนก็เป็นแท็ก <tfoot> ปัญหานึงสำหรับการ hide <td> บางทีมันจะไม่หาย เรา้ตองสั่ง hide <tr> ที่เป็น parent ของมันด้วย แต่บอลว่าไม่น่าจะใช่ทางออก

ทางออกคือ เปลี่ยนจาก table ไปเป็น div แทน

<div id="post_view" class="shared_box"></div>
<div id="post_form">
<!-- ช่อง text area หรือพวกฟอร์ม ก็มาใส่ตรงนี้ -->
</div>

มันก็มีบ้างสคริปต์ที่ใช้งานบน firefoxไม่ได้นินะ

คือผใม่ค่อยได้ใช้พวกสำเร็จรูปแบบตัวอย่างของคุณเท่าไหร่อ่ะครับแต่หลักการมันเป็นอย่างนี้ครับ

สร้าง function ไว้ เมื่อถูก click รูป id อะไรก็แล้วแต่ให้ objของรูป.style.display="none";
แล้วใน function เดียวกัน id ของ box เป็นอะไรก็แล้วแต่ให้ objของbox.style.display="block";

เช่น

document.getElementById("idของรูป").onclick=function(){
    document.getElementById("idของรูป").style.display="none";
    document.getElementById("idของbox").style.display="display";
}

เชื่อผมนั่งเขียนเพียวๆไปเลยครับลำบากต่างกันไม่เท่าไหร่