Add bullets (item) : List Bullets « HTML « JavaScript DHTML






  1. JavaScript DHTML
  2. HTML
  3. List Bullets

Add bullets (item)



/*
JavaScript Bible, Fourth Edition
by Danny Goodman 

John Wiley & Sons CopyRight 2001
*/

<HTML> 
<HEAD> 
<TITLE>insertBefore() Method</TITLE> 
<SCRIPT LANGUAGE="JavaScript"> 
function doInsert(form) {
    if (form.newText) {
        var newChild = document.createElement("LI")
        newChild.innerHTML = form.newText.value
        var choice = form.itemIndex.options[form.itemIndex.selectedIndex].value
        var insertPoint = (isNaN(choice)) ? 
            null : document.getElementById("myUL").childNodes[choice]
        document.getElementById("myUL").insertBefore(newChild, insertPoint)
    }
}
</SCRIPT> 
</HEAD> 
<BODY> 
<H1>insertBefore() Method</H1> 
<HR>
<FORM onSubmit="return false">
<P>Enter text or HTML for a new list item:
<INPUT TYPE="text" NAME="newText" SIZE=40 VALUE=""></P>
<P>Before which existing item?
<SELECT NAME="itemIndex">
    <OPTION VALUE=null>None specified
    <OPTION VALUE=0>1
    <OPTION VALUE=1>2
    <OPTION VALUE=2>3
</SELECT></P>
<INPUT TYPE="button" VALUE="Insert Item" onClick="doInsert(this.form)">
</FORM> 
<OL ID="myUL">
    <LI>Originally the First Item
    <LI>Originally the Second Item
    <LI>Originally the Third Item
</OL>
</BODY> 
</HTML>








Related examples in the same category

1.List type
2.'compact' Example
3.List Start property
4.Using firstChild and lastChild Properties
5.Change Bullets
6.Change bullet style