Web-Coder

เนื่องจากปัญหา Ajax Hijack ที่คิดว่าไม่สามารถป้องกันได้ ผมเลยตัดสินใจเอามันฝากไว้กับ Exteen นี่แหละ X)
ส่วนลิงค์เข้าใช้งานปะอยู่ด้านล่างของบล๊อก คลิ๊กตรง Html Editor เพื่อเข้าใช้นะครับ (เป็นป๊อปอัพนะครับ)

What's new ?
คลิ๊กอ่านได้ที่นี่ครับ

How to use ?
วิธีใช้งานนั้นไม่ต่างจากตัว Editor ในคอมเม้นของ Webbord ทั่วไปครับ ที่จะช่วยพิมพ์แท็คต่างๆให้เพียงแค่กดปุ่มคำสั่ง เช่น ผมต้องการสร้างปุ่ม Hello ก็เพียงแต่พิมพ์ Hello ไป แล้วคลุมดำคำดังกล่าวจากนั้นก็กดปุ่ม Button ในกลุ่ม Control ก็จะได้ปุ่มกดที่มีข้อความว่า Hello แล้วครับ หรือจะทำการกดปุ่ม Button สร้างแท็กเปล่าขึ้นมาก่อนแล้วพิมพ์ข้อความ Hello ไว้ภายในแท็กนั้นภายหลังก็ได้ครับ

Tip
  • กด F1 เพื่อสลับหน้า Editor ระหว่าง Html และ Css
  • กด F2 - F10 เพื่อเปลี่ยนกลุ่มคำสั่ง เช่น กด F3 เพื่อดูคำสั่งในกลุ่ม Container เป็นต้น
  • กดปุ่ม Auto update เพื่อปิดการอัพเดตอัตโนมัติ และกด Ctrl + Enter เพื่ออัพเดตเอง (สามารถกดได้เช่นกันหากตัวอัพเดตไม่ทำงาน)
  • การตกแต่งด้วย Css ควรกระทำภายใต้ #previewer นะครับเช่น #previewer button เป็นต้นเพื่อไม่ให้กระทบถึงตัว Editor ด้วย

ท่านใดมีข้อเสนอแนะใดๆ สามารถแนะนำเข้ามาได้นะครับ

Rollback admin bar

posted on 21 Jan 2012 04:38 by inet03 in Web-Coder directory Tech
สำหรับคนที่ไม่ชอบ Admin bar อันใหม่หรือมีปัญหา Css โดนเขียนทับนะครับ เอาสคริปนี้ไปแปะยัง Custom script ของท่านได้เลย ควรแปะไว้ที่ Topmenu โดยรันเป็นสคริปแรกเพื่อป้องกันการถอดสคริปอื่นที่ไม่เกี่ยวข้องครับ
 var Datas = document.all;
 if (Datas.length > 0)     
     for (var i = 0; i < Datas.length; i++) {
         if (Datas[i].tagName == "HEAD") {
             var Head = Datas[i].children;
             var tN = "";
             var DelList = [];
             for (var ii = 0; ii < Head.length; ii++)
             {
                 tN = Head[ii].tagName;
                 if (tN == "SCRIPT" || tN == "STYLE" || tN == "LINK")DelList.push(Head[ii]);
             }
             for (var ItemD in DelList) Datas[i].removeChild(DelList[ItemD]);
             var AddCss = function (Href) {
                 var mCss = document.createElement("link");
                 mCss.setAttribute("rel", "stylesheet");
                 mCss.setAttribute("type", "text/css");
                 mCss.setAttribute("href", Href);
                 Datas[i].appendChild(mCss);
             }
             AddCss("http://g.exteen.com/s/blogglobal.css");
             //AddCss("ที่อยู่บล๊อกท่าน/style.css");

             document.body.removeChild(adminbar);

             var mS = document.createElement("script");
             mS.setAttribute("src", "http://g.exteen.com/j/adminbar.js");
             document.body.appendChild(mS);
         }
     };
 Datas = document.body.getElementsByTagName("script");
 for (var i = 0; i < Datas.length; i++) {
     if (Datas[i].src.indexOf("http://www.exteen.com/js/adminbar.php") > -1) document.body.removeChild(Datas[i]);
     break;
 }
*ตรง //AddCss("ที่อยู่บล๊อกท่าน/style.css"); ให้แก้เป็นที่อยู่บล๊อกเช่นของผม AddCss("http://inet03.exteen.com/style.css"); แก้

สำหรับนักวาดทุกท่านที่ปวดเศียรเวียนเกล้ากับเหล่า Thief ทั้งหลายที่ชอบจิ๊กภาพที่อุตสาห์วาดไปอย่างง่ายได้ วันนี้ทีวีไดเรคท์ขอเสนอ การแปลงภาพเป็นข้อความ Base64 (ฐาน64 นั่นเอง) ที่จะทำให้คนที่จะก๊อปภาพนั้นต้องเหนื่อยยิ่งขึ้น (ก่อกำแพงเสริมรั้วลวดหนามเพิ่มฮาๆ) ขั้นตอนการสร้าง

  • เปิด Notepad ขึ้นมา
  • ทำการวางโค๊ดด้านล่างนี้ลงไป
    <!DOCTYPE html><head><title>Image to Data(Base 64) by inet03.exteen.com</title></head><body><img id="F" onload="C.value = getBase64Image(F); E.src = C.value;"/>>>>>>>>> Test Image >>>>>>>>><img id="E"/><br /><input id="D" style="width:50%;" /><button onclick="F.src = D.value;">Get data</button><input value="jpeg" type="radio" name="G" checked>JPEG</input><input value="png" type="radio" name="G">PNG</input><textarea id="C" style="white-space:pre-wrap;width:80%; height:360px;"></textarea><script>function getBase64Image(B){ var A = document.createElement("canvas"); A.width = B.width; A.height = B.height; A.getContext("2d").drawImage(B, 0, 0); try{ return A.toDataURL("image/" + G.item().value); } catch (Ex){ alert("ไฟล์ภาพจะต้องอยู่ไดรฟ์เดียวกับไฟล์ Html นี้ครับ"); C.value = Ex.message; return "";} }</script></body></html>
  • แล้วก็ Save As แบบภาพด่านล่างนี้ได้เลยครับ

ขั้นตอนการติดตั้ง

  • จากนั้นก๊อปไฟล์ที่ได้ไปวางไดรฟ์เดียวกับภาพ หรือที่โฟลเดอร์ภาพเลยก็ได้ครับ
  • เรียบร้อยแล้วเปิดไฟล์ของเราด้วย IE9 (ถ้าใครลงหมาไฟหรืออื่นเป็นตัวหลักให้คลิ๊กขวาแล้ว Open with เลื่อก Internet Explorer เอานะครับ)
  • กดปุ่ม Allow blocked content เพื่ออนุญาตการใช้งานสคริป