- ARCHIVES
- » Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
Pages: 1
Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
- vanraid
- » FTalkAddict
332
0
1969-12-31
Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
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.
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)
 |
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
Add this css injector to the top of ur js file...copy the url of ur external css and paste where it ask.
Then use the js linker code on ur profile.
[quote]var css = document.createElement("link");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","CSS_LINK_HERE");
document.getElementsByTagName("head")[0].appendChild(css);[/quote]
|
- vanraid
- » FTalkAddict
- 332
- 0
- 1969-12-31
Re: Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
Is this code is the first part for the JS?
how about the code I recently paste?
where I will put it?
|
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
If you already have js codes please paste ur codes here using the code button above.
|
- vanraid
- » FTalkAddict
- 332
- 0
- 1969-12-31
Re: Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
@bobcar
Actually, I don't have yet a JS extension. But I have the code for moving tweaks.
I don't know how to start although I have a CSS.
After I use the code you given. Where I will put my JS code?
Is it after the code you given?
Sorry for lots of question... I'm a newbie w/ JS.
I don't know how to start although I have a CSS.
After I use the code you given. Where I will put my JS code?
Is it after the code you given?
Sorry for lots of question... I'm a newbie w/ JS.
|
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
Try using these codes as ur js file. I am not sure the shoutbox marquee codes still work. Also if you are using FF they only work when the viewer hovers the cursor over the box.
[spoiler]var css = document.createElement("link");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","CSS_LINK_HERE");
document.getElementsByTagName("head")[0].appendChild(css);
function onProfileLoad() {
//onload handler
//(pattern) addBox("L-R","Header",htm,"cssid","sibling");
///Moving Friends Box
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
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
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
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
var marqueeCSbox = document.getElementById("cpShoutoutBox").innerHTML;
document.getElementById("cpShoutoutBox").innerHTML ="<marquee direction='left' height='100%' scrollamount='2' onMouseOver='stop()' onMouseOut='start()'>"+
marqueeCSbox+"</marquee>";
}
function addBox (type,head,htm,id,sibling) {
//by marfillaster
//type "LEFT" | "RIGHT"
//head header string
//htm innerHTML string
//id css_id string
//sibling css_id_insertbefore string | null
/* Available default Siblings
LEFT
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
RIGHT
15 = meettrail
2 = friends
14 = googleads
7 = fan
8 = groups
null - appends to last
*/
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
}
else var ul=document.getElementById("2").parentNode.parentNode;
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}
function processAjaxRequest(type,url,cont,param,handler,handlerparam) {
//by marfillaster
//type 'POST' | 'GET'
//cont 'true' | 'false'
//param string | null
//handler string | null
//handlerparam string |null
if(handlerparam) handlerparam=","+handlerparam;
else handlerparam="";
var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(handler) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+handler+"(httprequest.responseText"+handlerparam+");}}");
httprequest.open( type, url, cont);
if(type=="POST") {
httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
httprequest.setRequestHeader("Content-length", param.length);
httprequest.setRequestHeader("Connection", "close");
}
httprequest.send(param);
}[/spoiler]
Last edited by bobcbar (2008-12-25 11:14:40)
|
- vanraid
- » FTalkAddict
- 332
- 0
- 1969-12-31
Re: Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
Thanks for the help. 
Ow, what does this part do?
[spoiler]function addBox (type,head,htm,id,sibling) {
//by marfillaster
//type "LEFT" | "RIGHT"
//head header string
//htm innerHTML string
//id css_id string
//sibling css_id_insertbefore string | null
/* Available default Siblings
LEFT
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
RIGHT
15 = meettrail
2 = friends
14 = googleads
7 = fan
8 = groups
null - appends to last
*/
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
}
else var ul=document.getElementById("2").parentNode.parentNode;
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}
function processAjaxRequest(type,url,cont,param,handler,handlerparam) {
//by marfillaster
//type 'POST' | 'GET'
//cont 'true' | 'false'
//param string | null
//handler string | null
//handlerparam string |null
if(handlerparam) handlerparam=","+handlerparam;
else handlerparam="";
var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(handler) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+handler+"(httprequest.responseText"+handlerparam+");}}");
httprequest.open( type, url, cont);
if(type=="POST") {
httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
httprequest.setRequestHeader("Content-length", param.length);
httprequest.setRequestHeader("Connection", "close");
}
httprequest.send(param);
}[/spoiler]
Sorry for that. But I'm not familiar with this part.
Ow, what does this part do?
[spoiler]function addBox (type,head,htm,id,sibling) {
//by marfillaster
//type "LEFT" | "RIGHT"
//head header string
//htm innerHTML string
//id css_id string
//sibling css_id_insertbefore string | null
/* Available default Siblings
LEFT
0 = controlpanel
1 = photos
13 = blogs
12 = reviews
6 = moreabout
18 = publiccomments
10 = scrapbook
RIGHT
15 = meettrail
2 = friends
14 = googleads
7 = fan
8 = groups
null - appends to last
*/
try {
var li=document.createElement("li");
} catch(e) {
var li=document.createElement("<li>");
}
if(type=="LEFT") {
var ul=document.getElementById("0").parentNode.parentNode;
htm="<div class='boxcontent'>"+htm+"</div>";
}
else var ul=document.getElementById("2").parentNode.parentNode;
li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+
"<h2>"+head+"</h2>"+
"<div id='content_"+id+"'>"+
htm+
"</div>"+
"</div>";
if(sibling==null) ul.appendChild(li);
else {
sibling=document.getElementById(sibling).parentNode;
ul.insertBefore(li,sibling);
}
}
function processAjaxRequest(type,url,cont,param,handler,handlerparam) {
//by marfillaster
//type 'POST' | 'GET'
//cont 'true' | 'false'
//param string | null
//handler string | null
//handlerparam string |null
if(handlerparam) handlerparam=","+handlerparam;
else handlerparam="";
var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(handler) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+handler+"(httprequest.responseText"+handlerparam+");}}");
httprequest.open( type, url, cont);
if(type=="POST") {
httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
httprequest.setRequestHeader("Content-length", param.length);
httprequest.setRequestHeader("Connection", "close");
}
httprequest.send(param);
}[/spoiler]
Sorry for that. But I'm not familiar with this part.
|
- bobcbar
- » FTalkElite
- 5223
- 0
- 1969-12-31
Re: Guys, I'm a new in making JS extension. :arrow: 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. :arrow: Also, i have this JS
[quote=vanraid]Ow, what does this part do?[/quote]
I added that just in case ur next question was how to use addbox codes 
|