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>
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):
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...
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.
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.
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).
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:
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.
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
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.
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.
//DATE CONVERSION BEGINS: var today=new Date(); var dai=today.getDay(); var hrs=today.getHours(); var min=today.getMinutes(); var sec=today.getSeconds(); .....
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 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.
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.
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.
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
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.
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:
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:
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
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].....
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?
