dai7.htm

javascript各种效果的实例及源代码

        "This will be in italics", "" ,



        "The text placed between the <I> and the </I> will be ITALICIZED" )



jPre = new HTMLtag ( "PRE", "2", "Enter the text to be PREformatted", " <PRE>", "", "</PRE>",



        "This will be PREformatted", "" ,



        "The text placed between the <PRE> and the </PRE> will be PREformatted" )



jPara = new HTMLtag ( "P", "2", "Enter the text for a PARAGRAPH", " <P>", "", "</P>",



        "Start of a PARAGRAPH that continues until the start of next PARAGRAPH.", "" ,



        "The text placed after the <P> will be a separate PARAGRAPH until the next <P>" )



jBreak = new HTMLtag ( "BR", "1", "", " <BR>", "", "",



        "", "" ,



        "This tag forces a line break, start of the next line." )



jRule = new HTMLtag ( "HR", "1", "", " <HR>", "", "",



        "", "" ,



        "This tag puts a (horizontal rule) line on the page." )



jH1 = new HTMLtag ( "H1", "2", "Enter the text for the HEADLINE", " <H1>", "", "</H1>",



        "This will be a top level HEADLINE", "" ,



        "The text placed between the <H1> and the </H1> will be the HEADLINE." )



jH2 = new HTMLtag ( "H2", "2", "Enter the text for the HEADLINE", " <H2>", "", "</H2>",



        "This will be a next to top level HEADLINE", "" ,



        "The text placed between the <H2> and the </H2> will be the HEADLINE." )



jH3 = new HTMLtag ( "H3", "2", "Enter the text for the HEADLINE", " <H3>", "", "</H3>",



        "This will be a third from top level HEADLINE", "" ,



        "The text placed between the <H3> and the </H3> will be the HEADLINE." )



jCenter = new HTMLtag ( "Center", "2", "Enter the text to be CENTERED", " <CENTER>", "", "</CENTER>",



        "This will be a CENTERED", "" ,



        "The text placed between the <CENTER> and the </CENTER> will be the CENTERED." )



jOL = new HTMLtag ( "OL", "3", "Enter FIRST item for (Numbered) ORDERED LIST", " <OL><LI> ", "</LI><LI> ", "</LI></OL>",



        "This is one item in the numbered list", "Next item in the numbered list" ,



        "Create an ORDERED LIST by placing multiple items between <LI> and </LI>" )



jOL.inserttext2 = "Enter NEXT item for ORDERED LIST"







jUL = new HTMLtag ( "UL", "3", "Enter FIRST item for (Plain) UNORDERED LIST", " <UL><LI> ", "</LI><LI> ", "</LI></UL>",



        "This is one item in the plain list", "Next item in the plain list" ,



        "Create an ORDERED LIST by placing multiple items between <LI> and </LI>" )



jUL.inserttext2 = "Enter NEXT item for UNORDERED LIST"







jLI = new HTMLtag ( "LI", "2", "Enter the text for an item in a LIST", " <LI>", "", "</LI>",



        "This is an item in a LIST", "" ,



        "The text placed between the <L1> and the </L1> will one item in a LIST.  Requires OL or UL." )



jDL = new HTMLtag ( "UL", "4", "Enter item for DEFINITION LIST", " <DL><DT>", "</DT> <DD>", " </DD></DL>",



        "Item to be defined", "Definition of the item" ,



        "DEFINITION LISTS have two elements: item and definition.  Enter the item." )



jDL.inserttext2 = "Enter the definition "



jDL.tagmiddle2='</DD> <DT>'







jDT = new HTMLtag ( "DT", "2", "Enter item for a DEFINITION LIST", " <DT>", "", "</DT>",



        "This is item for a DEFINITION LIST", "" ,



        "The text placed between the <DT> and the </DT> will one item in a LIST.  Requires DL." )



jDD = new HTMLtag ( "DD", "2", "Enter definition for a DEFINITION LIST", " <DD>", "", "</DD>",



        "This is definition in a DEFINITION LIST", "" ,



        "The text placed between the <DD> and the </DD> will one item in a LIST.  Requires DL." )



jImageL = new HTMLtag ("Image", 2, "Enter the URL (e.g., sample.gif)", ' <IMG SRC="', "", '" ALIGN=LEFT>',



        "URL to graphic (e.g. sample.gif)" , "",



        "Enter the URL for the graphic (e.g., sample.gif) for LEFT alignment" )



jImage = new HTMLtag ("Image", 2, "Enter the URL (e.g., sample.gif)", ' <IMG SRC="', "", '">',



        "URL to graphic (e.g. sample.gif)" , "",



        "Enter the URL for the graphic (e.g., sample.gif)" )



jImageR = new HTMLtag ("Image", 2, "Enter the URL (e.g., sample.gif)", ' <IMG SRC="', "", '" ALIGN=RIGHT>',



        "URL to graphic (e.g. sample.gif)" , "",



        "Enter the URL for the graphic (e.g., sample.gif) for RIGHT alignment" )



jAnchor = new HTMLtag ("Anchor", 5, "Enter the URL (e.g., http://www.yahoo.com)", ' <A HREF="', '"> ', '</A>',



        "http://www.yahoo.com", "Yahoo (description here)", 



        "Enter the URL (e.g., http://www.yahoo.com/index.html) followed by the description." )



jAnchor.inserttext2 = "Enter description (e.g., Yahoo)"







function About (form) {



        alert('南京有线宽带网panda  http://www.njcatv.net')



}



function Save (form) {



        alert('No SAVE function is available.  You must "cut & paste" your document into another application.')



}



function HjButton (form,selection) {    // ...all HTML button call this routine



        if (helpon) {



                if (confirm(selection.helptext)){



                        addHTML (form,selection)



                }



        }else{



                addHTML (form,selection)



        }



}







function addHTML (form,selection) {



        // ...add text to value ot TextArea



        cancel = false



        addText=selection.tagstart



        if (modeindex==2) {     // ...insert mode



                if (selection.insertmode != 1 ) {       // ...if none, skip it all



                        addText += addHTMLinsert (selection, addText, form)



                        if (addText == selection.tagstart) {



                                cancel = true



                        }



                }



        }



        if (modeindex==1) {     // ...sample mode



                addText = addText + selection.sampletext + selection.tagmiddle + selection.sampletext2



        }



        if (modeindex==0) {     // ...simple mode



                addText += selection.tagmiddle



        }



        addText += selection.tagend



        if (cancel == false) {  // ...put text into TextArea unless canceled



                form.TEXT.value += addText



        }



}



        



function addHTMLinsert (selection, addText, form) {



        // ...insert mode



        // ...addText alread as .tagstart, cancel=false



        // ...insertmodes 1=none, 2=insert, 3=lists (UL and OL), 4=DL list, 5=anchor



        if (selection.insertmode ==2) {         // ...simple insert (eg.<B>...</B>



                i = ""



                i = prompt (selection.inserttext, "")



                if ((i != null) && (i != "")) {                 // ...if input add



                        addText = i 



                }else{



                        addText = ""



                }



        }



        if (selection.insertmode == 3) {        // ...UL and OL lists



                addText = ""



                i = ""



                i = prompt (selection.inserttext, "")



                if ((i != null) && (i != "")) {



                        addText = i



                        while ((i != null) && (i != "")) {      // ...get next until null



                                i=prompt (selection.inserttext2, "")



                                if ((i != null) && (i != "")) {



                                        addText=addText + selection.tagmiddle + i



                                }



                        }



                }



        }



        if (selection.insertmode == 4) {        // ...DL list



                i= "dummy"



                j = i



                addText = ""



                count = 0



                while ((i != null) && (i != "") && (j != null) && (j !="")) {   // ...get next until null



                        ++count 



                        i = ""



                        i = prompt (selection.inserttext, "")



                        // ... used for debugging form.TEXT.value += "-->" + i + "<--"



                        if ((i != null) && (i != "")) {



                                j = ""



                                j=prompt (selection.inserttext2, "")



                                if ((j != null) && (j != "")) {



                                        if (count > 1){



                                                addText += selection.tagmiddle2



                                        }



                                        addText=addText +i + selection.tagmiddle + j



                                }



                        }



                }



        }



        if (selection.insertmode == 5) {        // ...Anchor



                addText = ""



                i = ""



                i = prompt (selection.inserttext, "")



                // ... used for debugging form.TEXT.value += "-->" + i + "<--"



                if ((i != null) && (i != "")) {



                        j = ""



                        j=prompt (selection.inserttext2, "")



                        if ((j != null) && (j != "")) {



                                addText=i + selection.tagmiddle + j



                        }



                }



        }



        return addText



}



function preview(form) {



             msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=yes");



             msg.document.write(form.TEXT.value);



}



<!-- done hiding from old browsers -->





</script>







<b>HTMLjive Document:</b><br>



&lt;TEXTAREA NAME="TEXT" ROWS="16" COLS="75" WRAP="VIRTUAL"&gt;&lt;/TEXTAREA&gt;



<INPUT TYPE="reset" VALUE= "Erase and Restart Document" onClick="HjReset(this.form)">



</FORM>

</textarea>

<br>

<br>

</center></body>

</html>