โปรแกรมเขียนเว็บ openelement
แนะนำ Openelement

[wiki + download]
Openelement คือ ซอฟต์แวร์ประเภท Web Authoring และเป็น HTML Editors ออกแบบให้รองรับเทคโนโลยีใหม่ อาทิ HTML5, CSS3, jQuery, responsive design ทำงานได้บนระบบปฏิบัติการ Windows (ยังไม่มีรุ่นบน Linux) ใช้งานได้ฟรี และไม่มีข้อจำกัดการใช้งาน รุ่นล่าสุด คือ 1.57 R9 (62 Mb | XP, Vista, 7, 8, 10) เผยแพร่ที่ techadvisor.co.uk เมื่อ 17 พฤษภาคม 2560 โดย Mike Williams
Editor features : WYSIWYG, FTP Upload, Server-side scripting, Spell checking, Templates, Page preview, Form handler
Web Technology support : CSS2, Frames, Java, Javascript, Xhtml, RSS, HTML5
openelement OpenElement is Web authoring software
เล่าเรื่อง oe1 : มีเพียง Single-Line Text
บทเรียนที่ 1 สำรวจระบบแฟ้มที่สร้างด้วย Open Element
ด้วยการพิมพ์ Hello world ผ่าน Object : Single-Line Text
แล้วเลือก Project, Export to Folder
ซึ่งโฟรเดอร์ของงานก่อน upload 
อยู่ที่ C:\Users\LAB\Documents\openElement\oe1
มี 74 Files และ 42 Folders ขนาด 1.14 MB
ส่วนโฟรเดอร์ที่พร้อมสำหรับการนำไปใช้งาน (upload)
อยู่ที่ C:\Users\LAB\Documents\openElement\oe1_Upload
มี 47 Files และ 30 Folders ขนาด 627 KB
ใน root ที่พร้อมอัพโหลด หรือนำไปใช้ได้ มี 5 แฟ้ม 
- .htaccess
- index.css
- index.htm
- robots.txt
- sitemap.xml
พบว่ามี form และ div เป็น 2 tag หลัก
และตำแหน่งของ single-line text ที่สร้างขึ้น
กำหนดเป็น id ชื่อ WEf92da79e37 เก็บไว้ใน index.css
ซึ่ง root มีโฟรเดอร์หลัก 6 โฟรเดอร์
1. Backup
2. Common
3. Data
4. Files
5. Templates
6. WEFiles
เล่าเรื่อง oe2 : form submit
บทเรียนที่ 2
คัดลอก folder แล้วเปลี่ยนชื่อ folder เป็น oe2
เปิด project ตาม folder ชื่อ oe2
เข้า preferences, general ของ project
เปลี่ยน website name จาก oe1 เป็น oe2
จากนั้นใน Tab : elements, form group
นำ element เข้าไปวางในพื้นที่ทำงาน
- Checkbox
- Option List
- Submit Form ไม่พบอะไรบนพื้นที่ทำงาน
แต่พบในส่วนของ Header นอกพื้นที่ 
สำหรับการเข้า Configure Form submission
ต้องกำหนด Destination Url จึงระบุว่า index.htm
และ Elements included คือ Checkbox กับ Option List
- เพิ่มใหม่ Form button 
ชื่อ My button อยู่นอก Submit Form
- เพิ่ม Text input Field เข้าไปใน Submit form 
พบว่าเพิ่มเข้าไปเป็นรายการที่ 3 ได้
- ใน Form button กำหนดได้ว่า
Submit button คือ Form button
- ถ้าเปลี่ยน Destination Url 
เป็น http://www.uky.edu/AS/PoliSci/Peffley/wp/phpinfo.php
หรือ http://leserged.free.fr/phpinfo.php
หรือ http://eagle.cs.kent.edu/WME/kimpton/assessment_2.0/phpinfo.php
หรือ http://pertimm.dsi.cnrs.fr/data/phpinfo.php
หรือ http://worldhamgolfclub.co.uk/phpinfo.php
หรือ https://www.romanticmura.com/test/phpinfo.php 
หรือ http://calendar-service.net/phpinfo.php 
หรือ http://www.cpttg.com/phpinfo.php 
หากเปิดใน browser แล้วกด submit
จะพบค่าใน PHP Variables
_REQUEST["WE11b081f925"]	Field value
_REQUEST["WE2ec0962431"]	abc
_REQUEST["WE8994394103"]	Field value
ที่ส่งออกไปจาก form ทั้ง 3 ค่า

การผูก submit button เข้ากับ form (Var OEConfWESendForm)
พบว่า 1. index(var).js 
กำหนดให้ "ButtonSubmitID":"WEf4c2141c41"
และที่กำหนดว่าส่ง element อะไรบ้างก็อยู่ในแฟ้มนี้
พบว่า 2. WEFiles/Client/WESendForm-v210.js
ทำการส่งข้อมูล เริ่มต้นด้วย $(document).ready(function() และอีกยาว ...
openelement : myinsert_do.php