how to use different css file link in one page(for changing the color of the page)

hello

I have a problem that how to use different css files in one single page.
In that page how to pass link using dropdown menu and select link for css file and it will change the color of whole page.
(I have seen yahoo.com examlpe )i am trying to do the same work in my website.main Page.

Plz..........................
Reply me as soon as possible.

Thanks

Apr 11 '07 #1

Subscribe Post Reply

1729

drhowarddrfine

7,435

Expert 4TB

I have not done this for anything myself but, off the top of my head, I can only think of two ways. One is using javascript and the other is to let your drop down send a form to your server which reserves the page with the correct CSS file.

Apr 11 '07 #2

pravinda

i cann't help you but i am in same problem so please member of the scripts please give the solutions not description

Apr 11 '07 #3

DutchKingCobra

hi all
here a javascript i wrote
to change the text or background color of your page,
a combobox for the colors ,and 2 checkboxes for text or background selection
,and a button to change the color.
140 colors
check it

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<title>Choose a Color from the combobox to change the text color or the background color</title>

<script type="text/javascript">
 
// Author : fjhdehoog 

// How 2 use : 3 Steps

// Step 1 : Copy all script including tags to your head section as in this example

// Step 2 : place the span where u want the combo box to be in your body. ;P 

// Step 3 : To remove colors just comment out the number of items u wanna remove from bottom to up :)

//,To add colors just extend the array 
 
// Author : fjhdehoog 

ThaColors = new Array();

ThaColors[0]='AliceBlue';

ThaColors[1]='AntiqueWhite';

ThaColors[2]='Aqua';

ThaColors[3]='Aquamarine';

ThaColors[4]='Azure';

ThaColors[5]='Beige';

ThaColors[6]='Bisque';

ThaColors[7]='Black';

ThaColors[8]='BlanchedAlmond';

ThaColors[9]='Blue';

ThaColors[10]='BlueViolet';

ThaColors[11]='Brown';

ThaColors[12]='BurlyWood';

ThaColors[13]='CadetBlue';

ThaColors[14]='Chartreuse';

ThaColors[15]='Chocolate';

ThaColors[16]='Coral';

ThaColors[17]='CornflowerBlue';

ThaColors[18]='Cornsilk';

ThaColors[19]='Crimson';

ThaColors[20]='Cyan';

ThaColors[21]='DarkBlue';

ThaColors[22]='DarkCyan';

ThaColors[23]='DarkGoldenRod';

ThaColors[24]='DarkGray';

ThaColors[25]='DarkGreen';

ThaColors[26]='DarkKhaki';

ThaColors[27]='DarkMagenta';

ThaColors[28]='DarkOliveGreen';

ThaColors[29]='Darkorange';

ThaColors[30]='DarkOrchid';

ThaColors[31]='DarkRed';

ThaColors[32]='DarkSalmon';

ThaColors[33]='DarkSeaGreen';

ThaColors[34]='DarkSlateBlue';

ThaColors[35]='DarkSlateGray';

ThaColors[36]='DarkTurquoise';

ThaColors[37]='DarkViolet';

ThaColors[38]='DeepPink';

ThaColors[39]='DeepSkyBlue';

ThaColors[40]='DimGray';

ThaColors[41]='DodgerBlue';

ThaColors[42]='FireBrick';

ThaColors[43]='FloralWhite';

ThaColors[44]='ForestGreen';

ThaColors[45]='Fuchsia';

ThaColors[46]='Gainsboro';

ThaColors[47]='GhostWhite';

ThaColors[48]='Gold';

ThaColors[49]='GoldenRod';

ThaColors[50]='Gray';

ThaColors[51]='Green';

ThaColors[52]='GreenYellow';

ThaColors[53]='HoneyDew';

ThaColors[54]='HotPink';

ThaColors[55]='IndianRed';

ThaColors[56]='Indigo';

ThaColors[57]='Ivory';

ThaColors[58]='Khaki';

ThaColors[59]='Lavender';

ThaColors[60]='LavenderBlush';

ThaColors[61]='LawnGreen';

ThaColors[62]='LemonChiffon';

ThaColors[63]='LightBlue';

ThaColors[64]='LightCoral';

ThaColors[65]='LightCyan';

ThaColors[66]='LightGoldenRodYellow';

ThaColors[67]='LightGrey';

ThaColors[68]='LightGreen';

ThaColors[69]='LightPink';

ThaColors[70]='LightSalmon';

ThaColors[71]='LightSeaGreen';

ThaColors[72]='LightSkyBlue';

ThaColors[73]='LightSlateGray';

ThaColors[74]='LightSteelBlue';

ThaColors[75]='LightYellow';

ThaColors[76]='Lime';

ThaColors[77]='LimeGreen';

ThaColors[78]='Linen';

ThaColors[79]='Magenta';

ThaColors[80]='Maroon';

ThaColors[81]='MediumAquaMarine';

ThaColors[82]='MediumBlue';

ThaColors[83]='MediumOrchid';

ThaColors[84]='MediumPurple';

ThaColors[85]='MediumSeaGreen';

ThaColors[86]='MediumSlateBlue';

ThaColors[87]='MediumSpringGreen';

ThaColors[88]='MediumTurquoise';

ThaColors[89]='MediumVioletRed';

ThaColors[90]='MidnightBlue';

ThaColors[91]='MintCream';

ThaColors[92]='MistyRose';

ThaColors[93]='Moccasin';

ThaColors[94]='NavajoWhite';

ThaColors[95]='Navy';

ThaColors[96]='OldLace';

ThaColors[97]='Olive';

ThaColors[98]='OliveDrab';

ThaColors[99]='Orange';

ThaColors[100]='OrangeRed';

ThaColors[101]='Orchid';

ThaColors[102]='PaleGoldenRod';

ThaColors[103]='PaleGreen';

ThaColors[104]='PaleTurquoise';

ThaColors[105]='PaleVioletRed';

ThaColors[106]='PapayaWhip';

ThaColors[107]='PeachPuff';

ThaColors[108]='Peru';

ThaColors[109]='Pink';

ThaColors[110]='Plum';

ThaColors[111]='PowderBlue';

ThaColors[112]='Purple';

ThaColors[113]='Red';

ThaColors[114]='RosyBrown';

ThaColors[115]='RoyalBlue';

ThaColors[116]='SaddleBrown';

ThaColors[117]='Salmon';

ThaColors[118]='SandyBrown';

ThaColors[119]='SeaGreen';

ThaColors[120]='SeaShell';

ThaColors[121]='Sienna';

ThaColors[122]='Silver';

ThaColors[123]='SkyBlue';

ThaColors[124]='SlateBlue';

ThaColors[125]='SlateGray';

ThaColors[126]='Snow';

ThaColors[127]='SpringGreen';

ThaColors[128]='SteelBlue';

ThaColors[129]='Tan';

ThaColors[130]='Teal';

ThaColors[131]='Thistle';

ThaColors[132]='Tomato';

ThaColors[133]='Turquoise';

ThaColors[134]='Violet';

ThaColors[135]='Wheat';

ThaColors[136]='White';

ThaColors[137]='WhiteSmoke';

ThaColors[138]='Yellow';

ThaColors[139]='YellowGreen';

//------ NO NEED TO ALTER BELOW   -------------------

NrOfColorsInArray=ThaColors.length;

document.write('<span id="dummy" style="visibility:hidden;"></span>'); 

setTimeout('showchangecolorspan()',500);

function showchangecolorspan(){    

TheSpan=document.getElementById('ColorSelectionSpan');

if (TheSpan==null){setTimeout('showchangecolorspan()',1000);}

else{    

document.getElementById('dummy').innerText='<form name="settcolor" action=""><select id="Fgcolors">'; 

for (Y=0; Y < NrOfColorsInArray; ++Y){

document.getElementById('dummy').innerText+='<option style="background-color:'+ ThaColors[Y]+';color:'+ ThaColors[Y]+';" value="' + ThaColors[Y] + '">' + ThaColors[Y]; 

} 

document.getElementById('dummy').innerText+='</select><br><br><input type="checkbox" id="changetext" onclick="Getstatetxt()" value="fg" checked>Change Text color<br><input type="checkbox" id="changebg" onclick="Getstatebg()" value="bg" unchecked>Change background color<br><input type="button" onclick="changecolor()" value="change the color"></form>';

TheSpan.innerHTML=document.getElementById('dummy').innerText;

document.getElementById('dummy').innerText='';;

}

}//

function changecolor(){ 

XColor=document.forms['settcolor'].Fgcolors.value;

for (X=0; X < NrOfColorsInArray; ++X){

if(XColor==ThaColors[X]){NColor=ThaColors[X];X=NrOfColorsInArray;}else {} 

} 

if (document.forms['settcolor'].changetext.checked){document.fgColor=NColor;}

else if (document.forms['settcolor'].changebg.checked){document.bgColor=NColor;}

}//     
 
 function Getstatetxt(){

 if (document.forms['settcolor'].changetext.checked==true){

document.forms['settcolor'].changebg.checked=false;

}else{}    

 }

   function Getstatebg(){

 if (document.forms['settcolor'].changebg.checked==true){

document.forms['settcolor'].changetext.checked=false;

}else{}
 
}     

</script>

</head>

<body > 

Choose a Color to change the text color or the background color

<span id="ColorSelectionSpan"></span>    

</body>

</html>

let me know what u think about it
peace

Apr 17 '07 #4

by: edykstra | last post by:

Hello, If you point your browser to this page, http://prdownloads.sourceforge.net/vnc-tight/tightvnc-1.2.9_x86_viewer.zip?use_mirror=umn the server sends you the HTML page, and very soon...

PHP

Showing link for current page

by: Rhino | last post by:

Yesterday, I reworked the index on my site - http://sfl.london.on.ca - so that they used list markup and I'm quite pleased with them. However, I'm having a problem with one small aspect of the menu...

HTML / CSS

VS 2005 : why is the default for AutoEventWireup different for C# and VB.NET ?

by: Juan T. Llibre | last post by:

OK, guys, usually I answer questions instead of asking them, but this thing has me scratching my head. Why is the default for AutoEventWireup different for C# and VB.NET ? In VS 2005, if I...

ASP.NET

how to code for different color for the link in same page??

by: bb nicole | last post by:

Below is css for the link color for my homepage... My homepage have 5 different table which contain a link... If i wish to have different color for the link in different table in same page, what...

HTML / CSS

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

how to use different css file link in one page(for changing the color of the page)

Similar topics