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]....
i am developing an application , we have to run it for Netscape
V4.76(!!) , the problem is it seems that Netscape V4.76 does not
support 'disabled' for form elements for example something like
<INPUT class=f2 type=checkbox value="C" name="chkAttr" DISABLED />
is not working for netscape whereas its working fine for IE.
I would like to override the "disabled" property of a hidden field. When
disabled is set to "true", it would call a function to disable 2 other text
fields on the form. When disabled is set to "false", it would enable those
2 text fields. You should also be able to get the value of it as if it were
a property:
alert(my_hidden_field.disabled);
Is there any way to do this?
I have a form and when I post the button disables so no reposting can take place while form is being processed.But now I want to take it one step further by also changing the text of the button to something like processing....Here is the code without the processing.....
Code:
<form action="orderall.php" method="post" name="myform" id="myform" onsubmit="javascript:disableSubmit('mFormSubmit')">
<input type="hidden" name="updateidlist" value="<?php echo $updateidlist; ?>" />
<input name="orderall" type="submit" value="Order All" id="mFormSubmit"/>[code]......
I want to keep it as simple as possible.
I would like to set the label text color of disabled buttons when the page is loaded. I have a drafted the code but the code does not work.
How should I modify the code?
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:
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]...
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 RelatedI 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.
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]...
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.
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.
View 2 Replies View Relatedhow 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]....
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]....
[URL]Example on this site u can test what i mean. I want that when all skillpoints are used further click function is disabled or better only works to disable selection to gain again a skillpoint. On current state u can see that when skill counter is at 0, 2 clicks messes up the selection and u can select further on. my code for each icon looks so far like this:
$("#2").toggle(
function () {
if (counter > 0) {
$("#3").attr("disabled", false).fadeTo("fast", 0.50);
[Code].....
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:
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.
I have this markup:
[Code]...
There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.
This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:
[Code]...
Some of the object properties in the Dojo Toolkit are set to objects but they are using syntax like this:
object.property = new function() {
this.property = someValue;
this.property = someFunction;
}
Is the property set to a new object and if so what is the "new function()" statment doing?
I would like to be able to take some action (implemented in a
function) when a property is assigned a new value (much a page is re-
rendered when, for example, a style is changed). So if I do ...
myObject.myProperty = 5;
I want myObject.myFunction to be called. Is this possible at all?
I'm writing a script that dynamically generates a menu table. Each TD has an onclick property which serves as a link. Everything works properly in other browsers since setAttribute onclick works. However, this function does not work in IE, and you're supposed to do this instead:
elementName.onClick = "blah";
Here's my code that works in all browsers but IE:
Code:
var truePath = "document.location.href=" + "'" + "/" + urls[i] + "'";
cell.setAttribute("onclick",truePath);
cell.onclick = truePath;
For IE, if I set the cell.onclick value to truePath, nothing happens when I click on the menu. However, it works fine in Firefox and Opera because of the setAttribute function. How I could get this to work in IE? My script is complete besides this part... I hate IE. Why can't they follow the rules?
What happens if you do this?
function Person() {}
Person.prototype = 7;
var ted = new Person();
Also what happens if you set Person.prototype to an array or function?
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]...
In the below code, the alert message returns in one instance: 'someAnimal is [Mammal "Mr. Biggles"]' I don't understand how this is possible. We pass as an argument 'Mr. Biggles' to the Mammal constructor. Then assign it to the object name property. But then it ends there. There is a function called toString which will return the alert. But the toString function is not being called like this: alert('someAnimal is '+someAnimal.toString()); If it was like how it is above, it would make sense to me but now it makes no sense to me because I don't see where that toString() is being called - I only see that it is prototyped to the Mammal object.
Code:
function Mammal(name){
this.name=name;
this.offspring=[];
}
Mammal.prototype.haveABaby=function(){
var newBaby=new Mammal("Baby "+this.name);
this.offspring.push(newBaby);
[Code]....