Guys, I'm a new in making JS extension.

How can start with my JS? I want my CSS as my layout code. But, don't know how to insert my CSS code to a JS extension.

Also, i have this JS codes which my friend gave to me. I also want to insert this codes.

[spoiler]//Moving Friends Box
if ( ! attachOnLoadHandler(function () { movingFrnd();}))
window.onload = function () { movingFrnd();};
function movingFrnd() {
var marqueeFriends = document.getElementById("content_friends_2_2").innerHTML;
document.getElementById("content_friends_2_2").innerHTML ="<marquee direction='up' height='300' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeFriends+"</marquee>";
}
//Moving Fan of...Box
if ( ! attachOnLoadHandler(function () { movingFanof();}))
window.onload = function () { movingFanof();};
function movingFanof() {
var marqueeFanof = document.getElementById("content_fanof_2_4").innerHTML;
document.getElementById("content_fanof_2_4").innerHTML ="<marquee direction='up' height='200' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeFanof+"</marquee>";
}
//Moving Groups Box
if ( ! attachOnLoadHandler(function () { movingGroups();}))
window.onload = function () { movingGroups();};
function movingGroups() {
var marqueeGroups = document.getElementById("content_groups_2_5").innerHTML;
document.getElementById("content_groups_2_5").innerHTML ="<marquee direction='up' height='200' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>" +
marqueeGroups+"</marquee>";
}
//Moving Photo Gallery
if ( ! attachOnLoadHandler(function () { movingPhotos();}))
window.onload = function () { movingPhotos();};
function movingPhotos() {
var marqueePhotos = document.getElementById("content_photos_1_2").innerHTML;
document.getElementById("content_photos_1_2").innerHTML ="<marquee direction='left' height='100%' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueePhotos+"</marquee>";
}
//Moving Shoutout Box
if ( ! attachOnLoadHandler(function () { movingCpSB();}))
window.onload = function () { movingCpSB();};
function movingCpSB() {
var marqueeCSbox = document.getElementById("cpShoutoutBox").innerHTML;
document.getElementById("cpShoutoutBox").innerHTML ="<marquee direction='left' height='100%' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeCSbox+"</marquee>";
}[/spoiler]
please help out to start my JS extension. I find really hard analyzing the code in tutorial.

Last edited by vanraid (2008-12-25 09:52:24)