Javascript development

TooEditor

bit69

Fri 17 Mar 2006 01:03:27

พอมีตัวอย่าง TooEditor แบบง่ายๆ ดูแล้วพอศึกษาได้นะครับ คล้ายกับใน web นี้ที่นะครับ
รบกวนช่วยแนะนำหน่อยครับ
ขอบคุณครับ

Administrator
Fri 17 Mar 2006 03:56:54

ถ้าหมายถึง WYSIWYG ที่ใช้อยู่นี่ล่ะก็ของ http://www.kevinroth.com/rte/demo.htm ครับเป็นตัวที่เขียนเข้าใจง่ายที่สุดแล้วครับ เพราะที่มีลูกเล่นครบส่วนใหญ่จะเขียนเป็น class แกะยากมากครับ (ผมยังแกะไม่หมดสักตัว) ถ้าจะเริ่มผมแนะนำตัวที่ใช้อยู่นี่ง่ายที่สุดครับ

ส่วนถ้าต้องการของรายอื่นๆนั้น http://www.htmlarea.com/directory/Web_Software_Components/WYSIWYG_Editors/

Re: TooEditor

bit69

Thu 23 Mar 2006 01:58:31

ขอบคุณมากครับ

และผมมีอีกคำถามหนึ่งคือตอนนี้ผมทำคู่มือการใช้ระบบอยู่นะครับ ทำเป็น file.html นะครับผมลองเข้าไปดู help ของ windows แล้วที่เป็นรูปหนังสืออยู่ข้างหน้านะครับเวลาที่คลิกรูปหนังสือจะแสดงข้อมูลย่อยๆ ออกมา ไม่รู้เค้าใช้อะไรทำเหรอครับ เวลาที่คลิกแล้วรูปหนังสือและข้อมูลย่อยในหัวข้อนั้นแสดงออกมา ช่วยแนะนำหน่อยนะครับ ถ้ามีลองแสงดตัวอย่างให้ดูหน่อยนะครับ ของคุณครับ

Re: TooEditor

Administrator
Thu 23 Mar 2006 02:19:23

เขียนโดยใช้ Word ครับเสร็จแล้วทำการ Save เป็น .chm ครับ

Re: TooEditor

bit69

Thu 23 Mar 2006 16:45:38

ไม่ค่อยเข้าใจนะครับ ช่วยรบกวนอธิบายหรือยกตัวอย่างหน่อยจะได้มั้ยครับ

Re: TooEditor

Administrator
Thu 23 Mar 2006 22:32:59

โทษทีครับเข้าใจผิด
ลองใช้โปรแกรมนี้ดูครับ http://www.dawningsoft.com/products/powerchm.htm

Re: TooEditor

bit69

Thu 23 Mar 2006 23:16:30

ช่วยดูโค้ดให้ผมหน่อยนะครับ คือมีรูปหนังสืออยู่ 3 รูป คลิกรูปที่ 1-2 สามารถแสดงรายละเอียดได้แต่รูปที่ 3 ไม่เกิดอะไรขึ้นเลย สงสัยผิดตรง js นะครับ ช่วยดูให้หน่อยนะครับ

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
</head>
<script language="JavaScript">
function hide_menu(x)
{
if (document.getElementById(x).style.display == "")
{
document.getElementById(x).style.display = "none";
document.getElementById("Img"+x).src = "Image/closemenu.gif";
}

else if (document.getElementById(x).style.display == "")
{
document.getElementById(x).style.display = "";
document.getElementById("Img"+x).src = "Image/closemenu.gif";
}
else
{
document.getElementById(x).style.display = "";
document.getElementById("Img"+x).src = "Image/closemenu.gif";
}

}

</script>
<body>
<% y = 1%>
<table width="306" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td onClick="hide_menu(<%=y%> Wink ;"><font size="2"><img src="Image/closemenu.gif" width="17" height="17"> งานเปรียบเทียบปรับ</font></td>
</tr>
<tr id="1" style="display:none" name="1">
    <td><font size="2">
      <% for i = 1 to 5
   if i=1 then
   a="<a href=Addperson.asp>"&"เพิ่มข้อมูลใบสั่ง"&"<a>"
   else if i=2 then
   a="ค้นหาใบสั่ง"
   else if i=3 then
   a="แก้ไขใบสั่ง"
   else if i=4 then
   a="ตรวจสอบการออกใบเสร็จรับเงิน"
   else
   a="ออกใบเสร็จรับเงินค่าปรับ"
   end if
   end if
   end if
   end if
   %>
        <img src="Image/openmenu.gif" width="17" height="17"> 
      <%=a&"<br>"%>
      <% next %>
      </font></td>
</tr>
<% y = y+1 %>
<tr>
    <td onClick="hide_menu(<%=y%> Wink ;"><font size="2"><img src="Image/closemenu.gif" width="17" height="17"> ผู้กระทำความผิด</font></td>
</tr>
<tr id="2" style="display:none" name="2">
    <td><font size="2">
      <% for i = 6 to 10
   if i=6 then
   a="เพิ่มข้อมูลผู้กระทำความผิด"
   else if i=7 then
   a="ค้นหาข้อมูลผู้กระทำความผิด"
   else if i=8 then
   a="แก้ไขข้อมูลผู้่กระทำความผิด"
   else if i=9 then
   a="แสดงรายชื่อผู้กระทำความผิดทั้งหมด"
   else
   a="แสดงรายชื่อผู้กระทำความผิดที่ยังไม่เสียค่าปรับ"
   end if
   end if
   end if
   end if%>
        <img src="Image/openmenu.gif" width="17" height="17"> 
      <%=a&"<br>"%>
      <% next %>
      </font></td>
</tr>
    <% y = y+2 %>
<tr>
    <td onClick="hide_menu(<%=y%> Wink ;"><font size="2"><img src="Image/closemenu.gif" width="17" height="17"> ข้อหากระทำความผิด</font></td>
   </tr>
<tr >
    <td ><font size="2">
      <% for i = 11to 15%>
        <img src="Image/openmenu.gif" width="17" height="17"> 
      <%=i&"<br>"%>
      <% next %>
      </font></td>
</tr>
<tr id="2" style="display:none" name="2">
    <td> </td>
</tr>
<tr id="2" style="display:none" name="2">
    <td> </td>
</tr>
<tr id="2" style="display:none" name="2">
    <td> </td>
</tr>
<tr id="2" style="display:none" name="2">
    <td> </td>
</tr>
</table>

</body>
</html>

Re: TooEditor

Administrator
Fri 24 Mar 2006 00:36:46

เท่าที่ผมอ่านดูแล้วปัญหาที่เกิดขึ้นคือคุณใช้ id ของ tag <tr> มีค่าเป็น 2 ประมาณ 4 อัน
และส่วนของเมนูที่ 3 นั้นไม่มี tag <tr> ใดเลยครับที่มี id เป็น 3
และ Javascript ในส่วนของ else if นั้นมีการตรวจสอบเหมือนกับในส่วนของ if เหตุการณ์ใน else if จึงไม่มีทางเกิดขึ้นครับ

Re: TooEditor

bit69

Fri 24 Mar 2006 02:41:57

แก้ไขไม่ได้ครับ รบกวนขอความช่วยเหลือหน่อยครับ ยังเหมือนเดิมครับ

Re: TooEditor

Administrator
Fri 24 Mar 2006 10:49:21

<tr>
    <td onClick="hide_menu(3);"><font size="2"><img src="Image/closemenu.gif" width="17" height="17"> ข้อหากระทำความผิด</font></td>
   </tr>
<tr id="3">
    <td ><font size="2">
       .......
    </td>
</tr>

ลองตรวจสอบโดย View source ดูครับว่ามีตามที่ Hilight ไว้หรือไม่ครับ

Re: TooEditor

bit69

Sat 25 Mar 2006 00:47:19

ขอบคุณครับ