PDA

View Full Version : Linking Javascript and .css in a Drop down menu...

Cascade
03-22-2003, 05:07 AM
Allright this code is for changing skins on a forum...,

This is the drop down menu...

<FORM>
<select onChange="changeskin(this.options[this.selectedIndex].value); window.location.reload();" style="position:absolute;top:131px;left:1%;">
<option value=new>COLOR SCHEMES
<option value=new>Fast Forward!<option value=old>
N64C Classic<option value=default>Default<option value=dark>
Midnight<option value=blue>Ultraviolet
<option value=greyscale>Colorless
(IE6 or higher)
<option value=vimgflip>Image VFlip
<option value=himgflip>Image HFlip</select>
</FORM>


The other part....

<script language="JavaScript">
<!--

var scheme = getCookie('template1');
if (scheme == 'main') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'one') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'two') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'three') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'four') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'five') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'six') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'seven') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'eight') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'nine') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
}





function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}

function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
-->
</script>




How can I link a javascript in that form?

- Mike
cg9com
03-22-2003, 05:10 AM
you mean externally linked javascript?
<script type="text/javascript" src="file.js"></script>
Cascade
03-22-2003, 05:12 AM
Yes, How can I incorporate that into the form?



- Mike
cg9com
03-22-2003, 05:16 AM
err, you would only need to externally link it, then it would work fine i would think.
i dont believe you can incorperate an entire script inside a form tag, short of just placing it inside the <form></form> tag heh
Cascade
03-22-2003, 05:18 AM
Yeah,

I have it as a .js file,

I wanna know how to link the .js file from that form...


ex. For each skin, I want it to link to a .css file and a .js file...



- Mike
Cascade
03-22-2003, 12:33 PM
Can I just add... a double thing? like this?

Example...


document.write('<LINK REL="javascript" TYPE="text" HREF="http://yoururl.js">');
} else if (scheme == 'three') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'three') {


^Can I add that?

- Mike
Nightfire
03-22-2003, 12:48 PM
} else if (scheme == 'three') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
document.write('<script etc etc ');
} else if (scheme == 'four') {
Cascade
03-22-2003, 12:54 PM
Originally posted by Nightfire
} else if (scheme == 'three') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
document.write('<script etc etc ');
} else if (scheme == 'four') {

So "<script etc etc>" is where I put my scritp?



- Mike
Nightfire
03-22-2003, 12:57 PM
yeah :thumbsup:
Cascade
03-22-2003, 02:02 PM
Allright, It dowsn't seem to work.....

Here is what I gt so far...





<script language="JavaScript">
<!--

var scheme = getCookie('template1');
if (scheme == 'none') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.brokeninside.com/knock/greenxp.css">');
document.write('<script language="JavaScript">
var menu_imgs = new Array(8);
menu_imgs[0] = "http://www.proboards8.com/boardimages/off.gif";
menu_imgs[1] = "http://www.proboards8.com/boardimages/on.gif";

var my_imgs = new Array(8);
my_imgs[0] = "http://12.221.121.25/cascading/images/on.gif";
my_imgs[1] = "http://12.221.121.25/cascading/images/off.gif";

for(k=0; k<document.images.length; k++){
for(j=0; j<menu_imgs.length; j++){
if(document.images[k].src==menu_imgs[j]){
document.images[k].src=my_imgs[j];
}
}
}
</script> ');
} else if (scheme == 'one') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'two') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'three') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'four') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'five') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'six') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'seven') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'eight') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else if (scheme == 'nine') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
} else {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://yoururl.css">');
}





function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}

function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
-->
</script>