Change CSS Property Onload
Mar 28, 2007
I have developed a script that change the font size in css, but only
the attribute "font-size" on the body tag, not change the entire
active stylesheet.
When i click to change the size
<a href="#" title="Change Font Size"
onclick="cambia_font_size(2);">A</a>
It works fine, but when i try to check the cookie to set the default
font size, it does not work.
The cookie stores the value correctly and i can read the value. The
problem is when i try to change the value:
document.getElementsByTagName("body")[0].style.fontSize=tam;
I have tried also writing this code at the end of the html document
but it doesnt work
<script type="text/javascript">inicializa_fontsize();</script>
What could happen? Code:
View 1 Replies
ADVERTISEMENT
Aug 11, 2009
I have a JS script that presents a series of "pages" with different questions inside a single HTML file, by rewriting certain <div>s. I have an object like this that contains the questions and information about answer labels etc (the idea is that this should be easy to modify for someone who doesn't know JS):
[Code]...
View 1 Replies
View Related
Nov 23, 2010
I have this simple manual photo slide show. It shows four photos and when you click the next button and it moves one photo over and one photo back for the previous button. I have to moving by changing the CSS property of 'left' by 195 pixels each move. So for it to move next it will subtract 195 pixels from the left property and for moving back it add 195 pixels to the left property. I have the code setup so when you click it changes the property of left to either -195 or 195 pixels but I need it so it actually does the math, not just give it a set value. But I don't know how to do that.code...
View 3 Replies
View Related
Jun 8, 2009
I have a bunch of input rows, each with id in the form of something like.. item:characteristics:age or item:setting:type1:blah. It's kind of like going down folders to get to the item I want. So as you can see in the code, I am splitting each id and trying to rebuild it in the form item[characteristics][age] then set it to the value of the input field. This is modifying the properties of the item. We already have the item object passed into my code and i'm simply modifying the properties to the new values from the user's input.
Does anyone know how I can do this without eval? I'm mainly using it because the variable name can't be hard coded, it is dynamic.
Here's the code I have so far.
View 5 Replies
View Related
Jun 11, 2009
Basically, I have a bunch of input rows, each with id in the form of something like.. item:characteristics:age or item:setting:type1:blah. It's kind of like going down folders to get to the item I want. So as you can see in the code, I am splitting each id and trying to rebuild it in the form item[characteristics][age] then set it to the value of the input field. This is modifying the properties of the item. We already have the item object passed into my code and i'm simply modifying the properties to the new values from the user's input.
Does anyone know how I can do this without eval? I'm mainly using it because the variable name can't be hard coded, it is dynamic. Here's the code I have so far.
[Code]...
View 1 Replies
View Related
Nov 26, 2009
am at the very beginning of Javascript. This is the first website I tried to include Javascript, so don't be too mean
What I want to do is to change a CSS property dynamically. It'll be best if I show you what I did:
<script language="javascript">
function ChangeHeight()
{
var browser = navigator.appName;
[Code].....
Why I want do change this? Well... Different people have different resolutions and I want that my website fits perfectly into the browser.
alert(document.getElementById('content').style.height); This shows just an empty MessageBox with nothing in it.
View 6 Replies
View Related
Feb 6, 2006
I am working on creating a simple image gallery. I have added styling around the thumbnail images (border and padding). I would like to change the border color when the item is hovered over. I know this can be done rather easily with the getElementById command. Can someone help me understand this process? Here's a snippet of the list that I am working with...
Here's the CSS:
ul {
padding:0;
margin:0;
position:relative;
}
li {
float:left;
padding:0 .5em .3em .5em;
list-style:none;
}
#gallery {
list-style:none;
}
#gallery li {
display:inline;
}
#gallery li a img {
border:1px solid #ccc;
padding:3px;
}
Here's the HTML:
<ul id="gallery">
<li><a href="path/to/image/large/" title="title/of/image/"><img src="path/to/image/thumb/" alt="title/of/image/" /></a></li>
<li><a href="path/to/image/large/" title="title/of/image/"><img src="path/to/image/thumb/" alt="title/of/image/" /></a></li>
<li><a href="path/to/image/large/" title="title/of/image/"><img src="path/to/image/thumb/" alt="title/of/image/" /></a></li>
</ul>
I would like to change the border color from #ccc to #3455ef when the item is hovered over, and ideally have a different style when the item is clicked (or active).
View 3 Replies
View Related
Jul 23, 2005
I have several tags on a webpage of the same class. If the user clicks a
specific checkbox I'd like to be able to alter the display property of the
class, affecting all objects of that class.
This is an intranet application so we know that javascript will be enabled
and the browser will be IE.
How can I affect all the members of this class? Is there a way I can toggle
the DISPLAY property of a class so all the elements using that class would
be affected? Code:
View 3 Replies
View Related
Feb 21, 2010
I'm looking for a way to add or change a property value in a previously defined CSS class - not just HTML objects that have that class. Then if later objects are assigned with this class, the objects would inherit the properties of the updated class. For example, if I change the class "image" to add "display:none", and then add the "image" class to an object, it would be displayed or not displayed depending on how this was previously defined.
View 2 Replies
View Related
Jan 18, 2010
how to change the css display property of a table, from hidden, to block outside of an iframe.
//This data is outside of the iframe
<style>
#table {display: hidden; z-index: 100;}
</style>
[Code]....
View 1 Replies
View Related
Feb 15, 2012
The script is working, tab-content is changing but when clicked a tab I want to change class property of the li of active tab as class="current"How can I do it
<ul class="nav-content">
<li class="current first-li"><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>
[code]....
View 1 Replies
View Related
May 20, 2009
I'm using this function to change the display property of one field based on the input (value property) of another
Code:
function disableField(owner,reason) {
if(document.getElementById(owner).value == '000001' || document.getElementById(owner).value == 'None' ||
[code]....
View 7 Replies
View Related
Mar 1, 2010
Is there a code out there that can do this. I type my domain name into the browser and the page automatically resizes itself to a specified height and width in pixels.
View 8 Replies
View Related
Mar 4, 2010
I am trying to write a script that automatically changes an image on a web page on certain timings under the condition that a user never close or reload the page (for example, show black.jpg on Thursday 4:30-6:00 PM local time, show blue.jpg on Friday 3:15-5:00 PM local time and otherwise show red.jpg). The problem is that the black.jpg or blue.jpg never appears no matter how I change the numbers inside of, for example, "if (i>= 3204000 && i< 3205000)". Only the yellow.jpg and (approximately one second later) red.jpg. appear.
<html>
<head>
<noscript></noscript><!-- --><script type="text/javascript" src="[URL]"></script><script type="text/javascript">
//DATE CONVERSION BEGINS:
var today=new Date();
var dai=today.getDay();
var hrs=today.getHours();
var min=today.getMinutes();
var sec=today.getSeconds(); .....
View 3 Replies
View Related
Feb 23, 2009
I'm attempting to change the display property of certain divs depending on the criteria of multiple select boxes.
I got it to work by GetElementsByTagName('div') but it then selects all divs rather then the select few i actually want it to work on. I tried changing the selection to GetElementsByName but this doesn't work, why i don't really know.
I've dumped the source code below:
Code:
View 4 Replies
View Related
Jan 20, 2010
I am trying to use Javascript to change the CSS property fontSize to increase over a small amount of time. Here's the code:
Code:
function iscalled(id)
{
changesize(15,25,id)
[Code]....
I want to have the font size dynamically change, in the (id) object. I experimented with several versions of setTimeout, because it wasn't delaying at all. This script will run through setattr() only twice and doesn't modify the font size.
View 4 Replies
View Related
Oct 3, 2010
I have a simple html document that is dynamically created. It comes to me like this:
<body>
432 (Locked) (Disabled) <br />
545 (Unlocked) (Enabled) <br />
756 (Unlocked) (Disabled) <br />
</body>
The actual list is much longer and varies in length. What I am attempting to do is when a user opens the page, if a line contains Locked or Disabled, change the color of those words (or the whole line that contains them) to red.
View 7 Replies
View Related
Sep 25, 2011
I've been given the task of designing within this incredibly rigid site builder program of a clients (seriously I think it's coding circa 1995). I've got a design, but we've had some browser complications. Like I said this thing is very particular, the only way I can change anything is by adding snippets of code in a custom html form that they have. Working everything around, I've had to position an image absolutely so it doesn't expand the body of the page. This though has conflicted with some hover over dropdown submenus. I've figured out that if I can just change that style to the next z-index level it could work. I can't place any kind of code above this instance, so I wondered if I would be able to do this with javascript using a window.onload call? It's been awhile since I've done anything with javascript, so I'm not entirely sure how to do this, or for that matter if it's even possible.
One other thing, this is called on by a class. I know I can't use getElementByID, but think it might be possible to use getElementByTagName ('ul') to do this.
View 1 Replies
View Related
Oct 29, 2009
The following javascript loads after the page loads. Is there a way to change this onload function and make it work as the page is loading?The javascript is meant for mousewheel scrolling for a horizontal website. The website I am using this for has a fixed width - 29000px
Code:
*/
window.onload = function() {
tinyScrolling.init();[code]...
View 3 Replies
View Related
Apr 28, 2011
I'm doing a very simple expand/collapse function using 'slideToggle'. The button that triggers this event simply says 'Expand/collapse'. I want this text to change depending on whether an element is visible or hidden.
[Code]...
View 4 Replies
View Related
Jul 23, 2005
I'm having a hard time figuring out why the onload event is not being
called for the frameset window in the following simple example. It is
being called for each of the component frames. Code:
View 5 Replies
View Related
Dec 3, 2005
I wander what gets loaded the fastest (1-2 or 3) in what succession:
<head>
<script type="text/javascript">
function andAction() {
// doing stuff
}
</script>
</head>
<body onload="andAction();">
<script type="text/javascript">andAction()</script></body>
just in the head and nothing more
This I am sure off:
<head>
<script type="text/javascript">
window.onload = function andAction() {
// doing stuff
}
</script>
</head>
<script type="text/javascript">andAction()</script></body>
just in the head and nothing more (should be 1)
Third and last which is faster:
body onload or window.onload
View 3 Replies
View Related
Jul 23, 2005
I'm seeing a difference in behaviour between
window.onload = f();
and
<body onload="f();">
Specifically, window.onload appears to fire before all the elements of
the page have been rendered. As the difference is consistent across
IE/Moz/Opera, I'm assuming it's deliberate - can anyone point me
towards where this behaviour of window.onload is defined in the
documentation? TIA. Code:
View 2 Replies
View Related
Aug 20, 2010
I am using as a dropin. It drops in when the page loads and I would like it to only drop in if a visitor clicks a link I designate as the dropin link. Can someone please tell me how to accomplish this? I am pasting in the js file and I will also need to know how to set up the "a href" link to call the dropin!
Code:
// JavaScript Document
var ie=document.all
var dom=document.getElementById
[code]....
View 1 Replies
View Related
Aug 20, 2010
I am using as a dropin. It drops in when the page loads and I would like it to only drop in if a visitor clicks a link I designate as the dropin link. Can someone please tell me how to accomplish this? I am pasting in the js file and I will also need to know how to set up the "a href" link to call the dropin!
Code:
// JavaScript Document
var ie=document.all
var dom=document.getElementById[code].....
View 4 Replies
View Related
Feb 12, 2007
I'm sending arrays of results from my server in response to an xmlhttprequest like so:
array({key:value[,...]}[,...]);
I know I could use an associative or indexed array, but this is just how I wrote it as I'm using the prototype library and I'm in the habit. Anyway, I want to know if I can reference 'key'. If so, umm, how?
View 1 Replies
View Related
