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?
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:
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; } } } }
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:
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.
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.
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).
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.
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?
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?
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.
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 ?
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.
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.
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"?> )
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]....
