เอา java มาช่วย โดยตัด code ข้างบนออกเป็นหลายๆส่วนโดยที่ไม่ให้อยู่ในรูปแบบของ tag HTML เช่น <iframe ก็ตัดเป็น ‘<‘ , ‘fra’ , ‘ame’ แล้วค่อยเอามาต่อกันและแสดงผลด้วย java
ต้นฉบับ
<IFRAME ALLOWTRANSPARENCY=FALSE FRAMEBORDER=0 HSPACE=0 VSPACE=0 MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING=NO WIDTH=300 HEIGHT=250 SRC="http://www.vir9.com"></IFRAME>
ตัวอย่างแสดงผลด้วย java script
<script type="text/javascript"> var html=''; html=html '<'; html=html 'IFR'; html=html 'AME ALLOWTRANSPARENCY'; html=html '=FALSE FRAMEBORDE'; html=html 'R=0 HSP'; html=html 'ACE'; html=html ' VSPACE'; html=html '=0 MARGINWIDTH'; html=html '=0 MARGINHEIGHT'; html=html '=0 SCROLLING'; html=html '=NO WIDTH'; html=html '=300 HEIGHT'; html=html '=250 SRC'; html=html '="http://www.vir9.com"></'; html=html 'I'; html=html 'FRAME>'; document.write(html); </script>
อีกวิธีที่ง่ายกว่าคือ เก็บไว้ในไฟล์ .js เลย แล้วค่อยเรียกออกมาใช้งาน เช่น
iframe.js
function show_iframe(id){ if(id==1){ html='<IFRAME WIDTH=300 HEIGHT=250 SRC="http://www.vir9.com"></IFRAME>'; } if(id==2){ html='<IFRAME WIDTH=300 HEIGHT=250 SRC="http://www.vir9.com"></IFRAME>'; } document.write(html); }
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript" src="iframe.js"></script> </HEAD> <BODY> <script type="text/javascript">show_iframe(1);</script> </BODY> </HTML>
หรือ
1. สร้างไฟล์ .js ขึ้นมา
function show_iframe(id){ if(id==1){ html=' code Iframe'; } if(id==2){ html='color=red] code Iframe[[/color]'; } if(id==3){ html=' codeIframe'; } document.write(html); }
2. หน้าที่เราจะใช้ iframe ระหว่าง <head> ใส่ <script type=”text/javascript” src=”iframe.js ชื่อไฟล์ที่สร้างเมื่อกี๊”></script>
3. เราจะใช้ iframe ตรงไหนในหน้านั้นก็แค่ใส่
<script type=”text/javascript”>show_iframe(1);</script>
<script type=”text/javascript”>show_iframe(2);</script>
<script type=”text/javascript”>show_iframe(3);</script>