Friendstertutorials.com » Replace Navigation List into Navigation Dropdown

Replace Navigation List into Navigation Dropdown

Contributed by >-Patrick-> on November 30th, 2008 Categories: Javascript Codes, Tricks and Tweaks

4,047 Views

(+6 rating, 3 votes)

Loading ...

Copy the codes below and paste it in your JS File.

function addBox(head,code,id,siblingafter) {
/*
head:
	html string title
	null - no header bar
code:
	html string content
id:
	unique string css pointer
siblingafter: 
	regexp classname
	'left' - mainbar column end
	'right' - sidebar column end
*/
    try {
        var li=document.createElement("li");
    } catch(e) {
        var li=document.createElement("<li>");
    }
	if(!head) head="";
	else head="<h2>"+head+"</h2>";
	li.innerHTML="<div id=\""+id+"\" class=\"commonbox "+id+"\">"+
					head+
					"<div id=\"content_"+id+"\">"+
						code+
					"</div>"+
					"</div>";
		
	if(siblingafter=="left") getElementsByClass(/commonbox[\s]*?controlpanel/i,null,"DIV")[0].parentNode.parentNode.appendChild(li);
	else if(siblingafter=="right") getElementsByClass(/commonbox[\s]*?friends/i,null,"DIV")[0].parentNode.parentNode.appendChild(li);
	else {
		var si=getElementsByClass(siblingafter,null,"DIV")[0];
		si.parentNode.parentNode.insertBefore(li,si.parentNode);
	}
}

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
     if ( node == null )
         node = document;
     if ( tag == null )
         tag = '*';
     var els = node.getElementsByTagName(tag);
     var elsLen = els.length;
     var pattern = new RegExp(searchClass);
     for (i = 0, j = 0; i < elsLen; i++) {
         if ( pattern.test(els[i].className) ) {
             classElements[j] = els[i];
             j++;
         }
     }
     return classElements;
}


var header="";
var code="<div id=\"form1\" align=\"center\"><br><img src=\"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif\"></img><select onchange=\"jumpMenu('parent',this,0);\"  style=\"width: 75%; font-family:'Century Gothic'; color:#FFFFFF; background-color:#000000;  font-size:10pt;\"><option value= \"onclick=\"return false;\"><b>Navigation here</b></option><option value=\"http://www.friendster.com\">Home</option><option value=\"http://profiles.friendster.com/user.php\">My Profile</option><option value=\"http://www.friendster.com/editprofile.php\">-- Edit Profile</option><option value=\"http://www.friendster.com/viewphotos.php\">-- Photos</option><option value=\"http://www.friendster.com/review.php\">-- Reviews</option><option value=\"http://www.friendster.com/blogs.php\">-- Blogs</option><option value=\"http://www.friendster.com/featuredfriends.php\">-- Featured Friends</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/bulletinboard.php\">-- Bulletin Board</option><option value=\"http://www.friendster.com/friends.php\">My Connections</option><option value=\"http://www.friendster.com/editcollege.php?A=s\">-- Schools</option><option value=\"http://www.friendster.com/friends.php?action=spusers\">-- I'm a Fan of...</option><option value=\"http://www.friendster.com/bookmarks.php\">-- Bookmarks</option><option value=\"http://www.friendster.com/group/mygroup.php\">-- Groups</option><option value=\"http://www.friendster.com/explore.php\">Explore</option><option value=\"http://www.friendster.com/userlist.php?list=newusers\">-- People</option><option value=\"http://www.friendster.com/photolist.php?list=mostrecent\">-- Photos</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/userlist.php?list=feat_profile\\\">-- Featured Fan Profiles</option><option value=\"http://www.friendster.com/widgetdirectory.php\">-- Widget Directory</option></select><img src=\"http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif\">   </img><br><br></div>";
addBox(header,code,"custombox_821",/commonbox[\s]*?controlpanel/i);

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks