Permanently Changing Stylesheet Using Javascript
Jul 20, 2005
I would like to be able to write some code in Javascript preferably
(PHP is also all right) which allows the admin of a website to be able
to change stylesheet attributes from a GUI browser interface without
having them to change the text file themselves. (i.e., working on the
supposition that the admin is IT illiterate). Simple things like
table heading colours, backgrounds, font sizes need to be changed this
way.
The browser should then read from the changed textfile the next time
the site is refreshed and it should therefore be permanent. Is this
at all possible? If so, how do I update the textfile?
View 6 Replies
ADVERTISEMENT
Jul 20, 2005
I have a piece of javascript I need to modify. Right now it changes a stylesheet in the document between style.css and no_indent.css. These
are in the head of my document:
<link rel=stylesheet href=/style.css>
<link rel=stylesheet href=/no_indent.css>
<link rel=stylesheet href=/style.css>
What the code below does is toggle between the two depending on what link is clicked. Here are the links:
<a href=javascript:changeSheets(1)>Threaded</a>
<a href=javascript:changeSheets(2)>Flat</a>
What I want to do is have one link that will toggle between the two
stylesheets. So the page loads style.css initially. If the link is
clicked once it changes to no_indent.css. If it's clicked again it
changes back to style.css, and so on.
Can anyone let me know how to do this?
code:
----------------------------------
function changeSheets(whichSheet){
whichSheet=whichSheet-1;
if(document.styleSheets){
var c=document.styleSheets.length;
for(var i=0;i<c;i++){
if(i!=whichSheet){
document.styleSheets[i].disabled=true;
}else{
document.styleSheets[i].disabled=false;
}
}
}
}
View 2 Replies
View Related
Mar 16, 2006
I am just about ok with html. Much less so with css. I have however used a
style sheet to link most of the pages in my websitever have to use my site!!!! Code:
View 4 Replies
View Related
Apr 5, 2010
Why does the speed not permanently change?
<SCRIPT>
<!--
function ScrollMarquee(speed) {
var speednow = "";
speednow = speed;
window.setTimeout('ScrollMarquee('+speednow+')',speednow);
[Code]...
View 7 Replies
View Related
Jan 14, 2010
I would like to know how to add/remove items from listbox PERMANENTLY. Sad to say, all I have found are adding/removing items temporarily.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript" >
[Code]....
View 5 Replies
View Related
Aug 9, 2011
Could anyone tell me how to permanently change an image when the cursor hovers over it?
i.e once it changes to the hover image it doesn't change back to the original image ever
View 3 Replies
View Related
Aug 2, 2004
What I need to do is get the state of a checkbox on pageload and store it in a JS variable, but I want it stored permanently so if I change the value of the form element I still have the state of the checkbox as it was on the page load.
View 5 Replies
View Related
Jul 26, 2010
I'm working on a project where I want to...
1) highlight a word when I roll-over it-- but it doesn't remain highlighted if i scroll off it.
2) permanently highlight a word if I click on it.
View 1 Replies
View Related
Aug 13, 2009
I know that iframes can be set to have scroll bars automatically apear when needed or put them there permanantly. However, I would like to have a Javascript slider on the topmost page scroll the iframe. It was possible to make a link on the topmost page change the content of the iframe by putting the iframe name in the link's target. Is this possible with a slider? I ask this because some of the content inside the iframe is on external pages so obviously we can't add the scroll bar there.
View 11 Replies
View Related
Aug 24, 2006
Basically, I'm trying to make a "chat-like" updater with javascript.
html.html includes the following:
<html>
<head>
<script>
var t;
function getData () {
document.getElementById("dataStore").href = "test2.html";
}
function update (message) {
getData ();
document.getElementById("txt").innerHTML= message;
t = setTimeout ("update ()",1000);
}
</script>
</head>
<body onload="getData()">
<div id="txt">hello</div>
<script id="dataStore" type="text/javascript"></script>
</body>
</html>
The file that it should get variables from is from test2.html, which is below:
var updateData = "hello!dasd";
update (updateData);
For this example, basically - I want javascript to change the "hello" in test.html to "hello!dasd" found in a variable in test2.html. This should keep asking for new updates from test2.html (which will be dynamic with php).
View 1 Replies
View Related
Mar 29, 2006
This should be simple, but can I change parameters like the url coming
in:
www.testpage.com?test1=a
<script>
document.setParam("test1", "b");
</script>
something like that? I want the parameter to change based on the code..
View 6 Replies
View Related
Feb 17, 2005
I am looking at ways of altering the appearance of web pages by calling alternate external stylesheets. This has obvious use in catering for accessibility issues.
There are existing sites that offer the facility to change font size, font colour, background colour, but these use server-side code. I would like to do this using client-side code, because I want to intergrate this with an HTML-based virtual learning environment (VLE) that is unlikely to accept server-side code.
I can obviously call a second stylesheet, which overrides that called in the <head> part of the HTML code. However, I cannot do this by user control using an <a href "javascript" ... call.
What is going wrong? As I have indicated in the comments in the file, the 'document.write' statement works in its own right to call a new CSS file. The function also works in its own right. However, the href doesn't do what I expected.
However, that is just the start. If I can get this to work, I would like a way of passing the 'new' stylesheet to other pages, so that the user selects their options once and then sees the same appearance in all pages in the VLE.
View 3 Replies
View Related
Mar 23, 2006
I have a small problem this my javascript. I want it to change the url/src of an iframe I have on the screen, but I can't find anything that works.
var newiframepath = "http://newURL.htm";
frames['iframeName'].location.replace(newiframepath);
I also have this (again doesn't work):
var newiframepath = "http://newURL.htm";
iframeName.location.replace = (newiframepath);
Can anyone help?
View 1 Replies
View Related
Jul 4, 2006
I have bigpage.html that has the text "click" in it. Also, it contains the iframe small.html.
In small.html there is the text "visible"
How do you get it so that when you click on "click", "visible" changes from black(default) to red?
View 1 Replies
View Related
Jul 29, 2006
I have a border around some images. Basically what I need it to do is change colors when you click on one, and deselect the old one.
View 4 Replies
View Related
Jul 23, 2005
Is there a way to change the displayed text on a web page using some
combination of Javascript and DHTML? NOT in a text box. As far as I
know (with my limited knowledge) the only way you can do this is with
a textbox or images, which is not what I'd like to do. There's gotta
be a way to do this, right?
View 3 Replies
View Related
Apr 22, 2006
This may seem like a very strange question but is there a way to change to a random song in itunes using javascript?
View 4 Replies
View Related
Sep 27, 2006
I have the following code:
<script language="JavaScript">
function func1() {
alert("func1 invoked");
}
function func2() {
alert("func2 invoked");
}
function changeFunction() {
var img = document.getElementById('img');
if (window.addEventListener) { // Mozilla, Netscape, Firefox
img.addEventListener('click', func2, false);
}
else {// IE
img.attachEvent('onClick', func2);
}
}
</script>
<img id="img" src="test.jpg" width="10" height="10" onClick="func1();"></img>
when the image is clicked with the mouse, function func1 is invoked as expected. When I call function changeFunction, I want to change the code that is invoked when the image is clicked from func1 to func2. Instead, both are invoked because addEventListener and attachEvent add an additional handler instead of setting one.
I am looking for a way to change the handler from one function to another. Can anyone think of a solution probably using removeEventListener?
View 2 Replies
View Related
Jan 31, 2007
I want to change from:
a:hover { text-decoration:none; color:black; }
to
a:hover { text-decoration:underline; color:blue; }
using javascript ....
View 2 Replies
View Related
May 22, 2002
how would i go about changing the background of a row in a table that has colums when a check box is clicked...i can change the colour of a single column but how can i change all the columns in a row? ive heard about this "get prarentnode" thing but i dont know how to use it.
View 7 Replies
View Related
Jul 20, 2005
I have a question if it is possible to manipulate the settings of
character encoding in Ms Internet Explorer 5.0, 5.5 and 6.0. The
problem is that the default instalation of Ms IE seems to have hard
selected default encoding to "Western European (ISO)", which means
iso-8859-1. When browsing pages with some Central/Eastern European
characters these are converted to iso-8859-1 so displayed wrong.
I would suppose the "auto-select" option should be default, so the
browser can select the right encoding according to the meta-tags in
the head of webpage. But this is apparently not true.
Please, is it possible to use JavaScript or Java applet to get the
information about the current client character encoding settings
and/or change it to the "auto-select" value ? How to do this ?
View 10 Replies
View Related
Oct 17, 2007
I have two text boxes one with months in "January, Febuary..." but as not every month has the same ammount of days i need the second select box to change to instead of having options 1-30 it has 1-28 or what ever depending on what month is selected.
View 1 Replies
View Related
Jul 23, 2005
does anyone know of any script which can edit the group attributes in
active directory.
for use this script to set the group setting such that this group only
has access to a specific folder.
View 1 Replies
View Related
Sep 25, 2004
For a application I am writting I need to make some table columns apear and disapear by clicking on a link. I do this by changing the "style" property in the <td> tag.
The HTML is generated by ASP.NET, which automaticly sets the style property of the <td> tag to the right value. and makes links to the right Javascript function call to change a specific property.
This is the HTML output of 2 table columns: Code:
View 1 Replies
View Related
Feb 9, 2006
I hopen a new empty window from js code:
var win =
window.open("","debug","width=500,height=300,modal,dialog,resizable");
and I add some element to the new window:
win.document.write("<img src="image.gif>");
win.document.write.....
How can I add the stylesheet information of the file x.css
(how and where I must write in the new window the line:
<?xml-stylesheet href="x.css" type="text/css"?> )
View 7 Replies
View Related
Sep 7, 2010
I am using @font-face tag in my website. Everything works fine in Mac, Vista and Win 7, but fonts are incredibly ugly in XP. This is because font anti-aliasing is kept at very primitive level by default. In my opinion, the best way through this problem is to make a JS to change style according to user's OS. If it is Win XP, a simple stylesheet is used, if it is not- the standard one. I am using PHP embedded in HTML (index.php, rather than index.html) everywhere, so this complicates things a little. I am trying the following script, but it does not work:
<script type="text/javascript">
<!--
var browserInfo=string;
browserInfo=navigator.appVersion;
if (browserInfo.indexOf("XP")=-1)
{
document.styleSheets[0].href="style-xp.css";
}
[Code]....
View 1 Replies
View Related
