การใช้งาน Javascript file ภายนอก ที่อยู่บน Google Drive

-
บางครั้ง เราต้องการแยก Javascript ออกเป็นไฟล์ภายนอก และในหลายกรณีที่ Web Host ไม่อนุญาตให้ Upload ไฟล์ไปไว้บน Server ทำให้ Google Drive กลายเป็นตัวเลือกสำคัญในการวางไฟล์ Javascript

ขั้นตอนการนำไฟล์ *.js ไปไว้บน Google Drive และการเรียกใช้งาน

  1. เข้าไปที่ Google Drive และ  Upload ไฟล์

  2. สร้างและคัดลอก URL สำหรับแขร์ไฟล์ เลือกการแชร์แบบ สาธารณะ หรือ Public on the web
  3. นำ URL ไปแปลงเป็น Direct Link สำหรับ Google Drive โดยใช้ Direct Link Generator เช่น https://syncwithtech.blogspot.com/p/direct-download-link-generator.html หรือ https://sites.google.com/site/gdocs2direct/ 
  4. นำ Direct Link ไปใช้ในไฟล์ Html เช่น

    <!DOCTYPE html>
    <head>
    <script type="text/javascript" src="https://drive.google.com/uc?export=download&id=1u13xlRD97baNrgrC0S6vHvRQTGrx5x7w"></script>
     </head>
     <html>
    <body>
     <h1>The onclick Event</h1>
     <p>The onclick event is used to trigger a function when an element is clicked on.
    </p> <p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>
     <button onclick="myFunction()">Click me</button>
     <p id="demo"></p>
     </body>
    </html>

ตัวอย่าง

The onclick Event

The onclick event is used to trigger a function when an element is clicked on.

Click the button to trigger a function that will output "Hello World" in a p element with id="demo".

ความคิดเห็น

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

โพสต์ยอดนิยมจากบล็อกนี้

อุปมา อุปไมย สำนวนการเปรียบเทียบ ของไทย

-
รูปภาพ
การเตรียมสอบ ก.พ. ภาค ก. เพื่อสอบบรรจุเข้ารับราชการ มีการทดสอบความสามารถทั่วไป มักจะมี ข้อสอบที่เกี่ยวกับอุปมาอุปไมย  ข้อสอบมีลักษณะ ให้หาตัวเลือกที่มีความหมาย ความสัมพันธ์คล้ายคลึง หรือเหมือนกับที่โจทย์กำหนดให้มา  หรือเติมข้อความที่มีความหมายสอดคล้องกับคำอุปมาอุปไมยที่ยกมาให้ เป็นต้น ดังนั้น การเข้าใจความหมายของคำอุปมาอุปไมย จึงช่วยให้ทำข้อสอบได้ดียิ่งขึ้น คำอุปมาอุปไมย หมายถึง ถ้อยคำที่เป็นสำนวนพวกหนึ่ง กล่าวทำนองเปรียบเทียบ ให้เห็นจริง เข้าใจแจ่มแจ้งชัดเจน และสละสลวยน่าฟังมากขึ้น การพูดหรือการเขียน นิยมหาคำอุปมาอุปไมยมาเติมให้ได้ความชัดเจนเกิดภาพพจน์ เข้าใจง่าย เช่น คนดุ หากต้องการให้ความหมายชัดเจน น่าฟัง และเกิดภาพพจน์ชัดเจนก็ต้องอุปมาอุปไมยว่า “ดุ เหมือน เสือ” ขรุขระมาก การสื่อความยังไม่ชัดเจนไม่เห็นภาพ ต้องอุปมาอุปไมยว่า “ขรุขระเหมือนผิวมะกรูด” หรือ “ขรุขระเหมือนผิวพระจันทร์” ก็จะทำให้เข้าใจ ความหมายในรูปธรรมชัดเจนมากยิ่งขึ้น ดาวน์โหลด App สอบ ก.พ. สำหรับ Android ฟรี ที่ Play Store ตามหลักสูตร ก.พ. ใหม่ มีแนวข้อสอบ มากกว่า 1,000 ข้อ มีเฉลยอย่างละเอี...
อ่านเพิ่มเติม

ความสามารถทั่วไปด้านเหตุผล การหาความสัมพันธ์จาก ภาพ สัญลักษณ์

-
รูปภาพ
ข้อสอบ ก.พ. ภาค ก. ความสามารถทั่วไปด้านเหตุผล เป็นการทดสอบความสามารถ ในการคิด หาความสัมพันธ์เชื่อมโยงของคำ ข้อความ หรือรูปภาพ การหาข้อยุติ หรือ ข้อสรุป อย่างสมเหตุสมผล จากข้อความ สัญลักษณ์ สถานการณ์หรือแบบจำลองต่างๆ ในตัวอย่างข้อสอบต่อไปนี้ เป็นการหาความสัมพันธ์ของสัญลักษณ์ ภาพ Abstract หรือ มิติสัมพันธ์ ในลักษณะต่าง ๆ เพื่อฝึกเพิ่มพูนทักษะการมองความสัมพันธ์ของภาพ คำสั่ง: ให้ท่านหาภาพถัดไป ที่มีความสัมพันธ์กับภาพที่กำหนดให้ ข้อ 1.   1. 2. 3. 4.   dummy text รูปเหลี่ยมเคลื่อนที่ตามทะแยงมุม หรือ มีรูปแบบ pattern เป็น ดำ(เปียกปูน)-ดำ-ขาว-ว่าง ตามลำดับ เส้น หมุนเข็มนาฬิกา เป็นระยะทางครั้งละครึ่งหนึ่งของด้านสี่เหลี่ยมนอก
อ่านเพิ่มเติม

แนวข้อสอบ เงื่อนไขสัญลักษณ์

-
รูปภาพ
ครั้งที่แล้ว ได้แนะนำหลักการทำ ข้อสอบ ก.พ. ภาค ก. ความสามารถทั่วไป เงื่อนไขสัญลักษณ์ มา แล้ว ถ้าใครยังไม่ได้อ่าน ก็คลิกกลับไปอ่านได้ ความจริง ข้อสอบเงื่อนไขสัญลักษณ์ เป็นข้อสอบไม่ยาก ถ้าเข้าใจหลักการ และมีทักษะความชำนาญ ใจเย็น ๆ อย่าตื่นเต้น โดยเฉพาะการดูเครื่องหมายต่าง ๆ อย่าดูผิด เช่น เครื่องหมายมากกว่า (>) น้อยกว่า (<) เป็นต้น เพราะการแก้ปัญหาโจทย์เงื่อนไขสัญลักษณ์ หรือ inequality ก็คล้ายกับการแก้ปัญหาสมการโดยทั่วไป นั่นเอง คือ สามารถบวก ลบ คูณ หาร ด้วยจำนวนที่เท่ากัน ทั้งสองข้างของเครื่องหมายได้ กลับเศษเป็นส่วนได้ แต่ก็มีบางเรื่อง บางรายละเอียดที่แตกต่างกันบ้าง ซึ่งอ่านได้จาก ข้อสอบ ก.พ. ภาค ก. ความสามารถทั่วไป เงื่อนไขสัญลักษณ์ นะครับ ครั้งนี้ จึงเป็นการนำแนวข้อสอบ เงื่อนไขสัญลักษณ์ เพื่อนำมาฝึกทำให้เกิดทักษะความชำนาญ เพื่อจะได้ทำข้อสอบได้รวดเร็วขึ้น เพราะในห้องสอบ เวลาจัดได้ว่ามีค่ามาก ยิ่งทำเร็วและถูกต้อง ยิ่งดี ดาวน์โหลด App สอบ ก.พ. สำหรับ Android ฟรี ที่ Play Store ตามหลักสูตร ก.พ. ใหม่ มีแนวข้อสอบ มากกว่า 1,000 ข้อ มีเฉลยอย่างละเอียด มีคำอธิบ...
อ่านเพิ่มเติม