function SpanShow(varSpanID,varForm) { var sNum="000"+parseFloat(varSpanID).tostring; var SpanName="span"+sNum.substr(sNum.length-2); alert("SpanShow:: "+varStepID); if (varForm === undefined) { var objSpan = document.getElementById(SpanName); } else { var myForm=document.getElementById(varForm); var objSpan=myForm.elements[SpanName]; } if (objSpan != undefined) { objSpan.style.display="inline"; } } function SpanClear(varSpanID,varForm) { var iRunID=parseFloat(varSpanID); var sNum,objSpan,myForm,bForm; alert("SpanClear:: "+varStepID); if (varForm != undefined) { bForm=false; myForm=document.getElementById(varForm); if (myForm != undefined) { bForm=true; } } do { sNum="000"+iRunID.tostring; SpanName="span"+sNum.substr(sNum.length-2); if (bForm) { objSpan=myForm.elements[SpanName]; } else { objSpan = document.getElementById(SpanName); } if (objSpan != undefined) { objSpan.style.display="none"; } iRunID=iRunID+1; } while (objSpan != undefined); } function StepChange(varStep,varForm) { alert("StepChange:: "+varStep); if (varStep != 0) { SpanShow(parseFloat(varStep),varForm); SpanClear(parseFloat(varStep)+1,varForm); } }
<html> <script language="javascript" src="test.js"></script> <body> <span id="span01" name="span01" onMouseOver="stepChange(1);"> step1 </span> <span id="span02" name="span02" style="display:none;" onMouseOver="stepChange(2);"> step2 </span> <span id="span03" name="span03" style="display:none;" onMouseOver="stepChange(3);"> step3 </span> <span id="span04" name="span04" style="display:none;" onMouseOver="stepChange(4);"> step4 </span> <span id="span05" name="span05" style="display:none;" onMouseOver="stepChange(5);"> step5 </span> <span id="span06" name="span06" style="display:none;" onMouseOver="stepChange(6);"> step6 </span> <span id="span07" name="span07" style="display:none;" onMouseOver="stepChange(7);"> step7 </span> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Test</title> </head> <body> <script language="text/javascript"> function RunShow(id) { var iRunID=1; var sNum="000"+iRunID.tostring; var SpanName="span"+sNum.substr(sNum.length-2); var objSpan = document.getElementById(SpanName); do { if (id > iRunID) { objSpan.style.display="none"; } else { objSpan.style.display="inline"; } iRunID=iRunID+1; sNum="000"+iRunID.tostring; SpanName="span"+sNum.substr(sNum.length-2); objSpan = document.getElementById(SpanName); } while (objSpan != 'undefined'); } </script> <span id="span01" name="span01" onMouseOver="RunShow(1);"> <select name="sel01" id="sel01"><option value="....">........</option></select> </span> <span id="span02" name="span02" style="display:none" onMouseOver="RunShow(2);"> <select name="sel02" id="sel02"><option value="....">........</option></select> </span>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Test</title> <script language="javascript"> function RunShow(id) { var iRunID=1; var sNum="000"+iRunID; var SpanName="span"+sNum.substr(sNum.length-2); var objSpan = document.getElementById(SpanName); var display="none"; do { if (iRunID > id) { objSpan.style.display="none"; display="none"; } else { objSpan.style.display="inline"; display="inline"; } iRunID=iRunID+1; sNum="000"+iRunID; SpanName="span"+sNum.substr(sNum.length-2); objSpan = document.getElementById(SpanName); } while (objSpan != 'undefined'); } </script> </head> <body> <??> <span id="span01" name="span01" onMouseOver="RunShow(2);">Hello World <!-- <select name="sel01" id="sel01"><option value="....">........</option></select> --> </span> <span id="span02" name="span02" style="display:none" onMouseOver="RunShow(3);"> Hello World 2 <!-- <select name="sel02" id="sel02"><option value="....">........</option></select> --> </span> <span id="span03" name="span03" style="display:none" onMouseOver="RunShow(4);"> <select name="sel03" id="sel03"><option value="....">........</option></select> </span> <span id="span04" name="span04" style="display:none" onMouseOver="RunShow(5);"> <select name="sel04" id="sel04"><option value="....">........</option></select> </span> <span id="span05" name="span05" style="display:none" onMouseOver="RunShow(6);"> <select name="sel05" id="sel05"><option value="....">........</option></select> </span> <span id="span06" name="span06" style="display:none" onMouseOver="RunShow(7);"> <select name="sel06" id="sel06"><option value="....">........</option></select> </span> <span id="span07" name="span07" style="display:none" onMouseOver="RunShow(1);"> <select name="sel07" id="sel07"><option value="....">........</option></select> </span> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง