HTML Extras
 
วิธีใส่ JavaScript ลงในเพจ:

็การใส่ java script ลงไปในเพจไม่ยากเลย โดยปกติ applets, หรือ scripts, ที่คุณพบจะมา พร้อมกับโค๊ตที่จำเป็นต้องใช้ด้วยเสมอ และจะอธิบายหรือแสดงวิธีใช้ให้ด้วย เช่นกัน. ประมาณว่าอัตราความน่าจะเป็น 7 ครั้งจาก 100 ครั้งของโค๊ตนั้นมักจะอยู่ในระหว่างแทก &lthead> </head>. นอกเหนือไปกว่านั้นคือการใส่ลงในเพจที่ต้องการให้ applet แสดงผล นั้นเอง. เราจะใช้ trick เก่าๆ ในลิงก์นี้ Java Ticker Tape Script ในการยกตัวอย่างประกอบ.

1. เปิดเพจ HTML editor ของคุณขึ้นแล้วเปิดเพจที่คุณต้องการ ใส่ script ลงไปขึ้นมา. ถ้าคุณเขียนเพจธรรมดาๆ, มันควรจะออกมาคล้ายๆ แบบนี้:

           &lthtml>
           &lthead>&lttitle&gtYour Page Title</title>
           </head>

           &ltbody>


           </body>
           </html>


2.ตอนนี้, เราต้องการจะใสีโค๊ตลงไปละหว่างแทก &lthead> tags ทั้งสอง. ดังนั้น หลังจากแทก< title></title>, ทำการ copy โค๊ตจากลิงก์นี้ script แล้วไปใส่ จะได้ผลลัพธ์เหมือนข้างล่าง:


&lthtml>
&lthead>&lttitle&gtYour Page Title</title>
     
&ltSCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript Applet -------------------

/* Copyright (C)1996 Web Integration Systems, Inc. DBA Websys, Inc.
   All Rights Reserved.
   This applet can be re-used or modified, if credit is given in 
   the source code.

   We will not be held responsible for any unwanted effects due to the 
   usage of this applet or any derivative.  No warrantees for usability 
   for any specific application are given or implied.

   Chris Skinner, January 30th, 1996.
*/

function scrollit_r2l(seed)
{
        var m1  = "one ";
        var m2  = "two ";
        var m3  = "three ";
        var m4  = "";

        var msg=m1+m2+m3+m4;
        var out = " ";
        var c   = 1;

        if (seed > 100) {
                seed--;
                var cmd="scrollit_r2l(" + seed + ")";
                timerTwo=window.setTimeout(cmd,100);
        }
        else if (seed <= 100 && seed > 0) {
                for (c=0 ; c < seed ; c++) {
                        out+=" ";
                }
                out+=msg;
                seed--;
                var cmd="scrollit_r2l(" + seed + ")";
                    window.status=out;
                timerTwo=window.setTimeout(cmd,100);
        }
        else if (seed <= 0) {
                if (-seed < msg.length) {
                        out+=msg.substring(-seed,msg.length);
                        seed--;
                        var cmd="scrollit_r2l(" + seed + ")";
                        window.status=out;
                        timerTwo=window.setTimeout(cmd,100);
                }
                else {
                        window.status=" ";
                        timerTwo=window.setTimeout("scrollit_r2l(100)",75);
                }
        }
}
// -- End of JavaScript code -------------- -->
</SCRIPT>

</head>    

&ltBODY onLoad="timerONE=window.setTimeout('scrollit_r2l(100)',500);">

3.ทำการ ไฟล์ของคุณหลังจากใส่โค๊ตลงไปแล้ว.

4. ปิดเบลาเซอร์ที่สามารถแสองผล javaของคุณขึ้นมา(Netscape 2.0+ หรือ Microsoft Internet Explorer 3.0+) แล้วลอง view เพจของคุณดู. ตอนนี้คุณควรจะสามารถเห็น ตัวหนัวสือเลือนจากขวามาซ้าย text flosting down ตรงตำแหน่ง bar ด้านล่างของเพจ เขียนว่า "one    two    three". หรือลองดูการแสดงผลจริงของ ผู้เขียนได้ที่ลิ้งนี้ 1-2-3 script ครับ! คุณสามารถนำไปประยุกค์ใช้ได้กับ java script อื่นๆ ซึ่งใช้พื้นฐานเดียวกันครับ.

Return Home

All Artwork & Design ฉ 1997-1999 Krit Spooker