Ik want 3 radiobuttons (from the same group) to be hidden. They may appear when I check a checkbox in the same form.
When I put the radiobuttons al in 1 DIV, and use style='visibility='hidden' or display='none' with an onclick() it works fine with IE.
The problem is that mozilla firefox doesn't hide the elements.
Someone knows the solution?
I have written probably a rigged way of disabling and enabling fields and radio buttons. The only problem is that when i add the radio buttons to turn on and off the input fields wont work any more.
<script language="javascript">
function enableField()
{
[code]....
I have a form that amends current values in a MySQL database.
This works fine in FireFox, but does nothing in IE when you click on the Save button. code...
Is what I am using
What am I doing wrong?
I got this simmple function, It stays on onChange on select and on
change it hides all objects with ID equal to select name plus the
optionvalue. It works perfectly in Opera and FF, but IE crashes because
says that options object is null
the problem is in for (optionId in what.options)
It seems that IE does NOT return the list of options, but only some
other objects: language scrollheight, istextedit, currentstyle,
document, and onmouseup
Please can you help me how can I go throuth that cycle? I need to get
the values of all options in select. Thank you
function showHide (what) {
selectedId=what.options.selectedIndex;
selectedValue=what.options[selectedId].value;
selectedObject = document.getElementById(what.name+selectedValue);
selectedObject.className="";
for (optionId in what.options)
{
optionValue=what.options[optionId].value;
if (optionValue) {
optionObject = document.getElementById(what.name+optionValue);
if (optionId!=selectedId) {
optionObject.className="hidden";
}
}
}
}
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 RelatedI have this style switcher which is awesome, therefore, the cookie does not seem to work, actually it simply doesn't.
<script type="text/javascript">
// *** TO BE CUSTOMISED ***
var style_cookie_name = "style" ;
var style_cookie_duration = 30 ;
// *** END OF CUSTOMISABLE SECTION ***
function switch_style ( css_title ){
// You may use this script on your site free of charge provided you do not remote this notice or the URL below. Script from [URL] .....
I'm currently putting javascript function onto a page to swap the content between 2 divs onclick- when one is visible one is hidden and vice versa (they are in the same place to create a tabbed browsing effect).
the script:
<script type="text/javascript">
*
function detailStyle()
{
[Code]....
due to the version of dreamweaver i have (MX-2004) i have had to hand code a drop down menu myself however i have come across a problem.i'm not sure if the problem is in the Javascript, HTML, or CSS however here gowhen ever i hover over the menus dont drop down they cascade up and the other problem is that when ever i hover over one of the buttons a menu from another pops up and not the one that should. here is the codes so you can have a look
javascript:
<script type="text/javascript">
var timeout= 500;
[code]....
I have some simple code to have one div bounce around inside another. It works fine on Firefox and IE, but for some reason in Opera and Chrome it only moves left to right.
This suggests that Chrome and Opera allow you to dynamically set style.left but not style.top. This seems odd to me.
why this won't run as intended on Chrome or Opera?
Here's a very simplified version of my code to demonstrate the problem:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....
The Javascript
Code:
document.getElementById('all_days_div').style.display = 'none';
The HTML section containing the div the Javascript should be hiding
Code:
<div id="all_days_div" style="display:block;">
<p align="right" >
Show All Days
</p>
</div>
When the JavaScript code is called, instead of hiding the div, I get the following error:"Cannot read property style of null" Do you see anything wrong with what I've written, or is my problem elsewhere?
im trying to make a application, im trying to comunicate with the server with the function load, but it doesnt work, also i try with $.ajax, $.get, but nothing works, i have 3 files, html file, php file and javascript with jquery file,here are the php and javascript files:
javascript:
var x;
x=$(document);
[code]....
i am going to add thumbnail images on the right side of this page[URL]...like found on this page[URL]... also i am going to give the arrows the ability to navigate through the images i asked for advice in a different forum and was told that the image swaps i have in ggallen.html should not be inline as it clogs up the page...makes sense. i would like to know the best way to add the image swap function, or whatever is best for the job, to the thumbnails. also i would guess there is a more concise way of achieving the navigational behavior for the arrows than making separate divs which are shown/ hid on click.
View 1 Replies View Relatedcan someone please show me how to set the following conditions for this DIV tag?
<div style="position:absolute;left:0px; top:0px;" id="changeme">HELLO WORLD</div>
I want to be able to change the position to 'relative' and the top
position to negative '-100px' with javascript...
$("input").blur(function(){
$.post("/designyourown/scripts/post.php", { id: $(this).attr('id'), value: $(this).attr('value') } );
$('img#preview').attr('src','preview.php' + '?' + Math.random());
});
the above code works how it is supposed to with elements hard coded into the page but if i add more elements with this code
[Code]...
I have cleated a bit of code that will dynamicly add a new line to a form so the use can add an infinat number of entires for this element.The code adds the form elemetns in IE and FF ok but when i click the submit button it does not submit the information from the dynamicly added elements in FF.Oddly enough IE works fine!Here is the code:
Code:
function addRow()
{
[code]....
i created two images , one to display when during 'event.mouseout' and the other during mouseover
Both images are the background images of a td element.
I created a javascript :
document.getElementById('bg_image').style.backgroundImage=url('sample.gif');
it works fine in Internet Explorer but doesnt in mozilla or opera
I'm using the following function to access elements with specific attribute values in an XML file. These elements then also have child elements, which contain the required data to be rendered as HTML. Code:
View 5 Replies View RelatedI have a word bank for a javascript crossword puzzle I'm working on. What I
want to do is when a user clicks on a word in the word bank, it crosses
itself out. I have tried:
<a href="javascript:this.style.textDecorationLineThrough">text here</a>
to no avail. does anyone have an idea on how to do this?
In Bourne shell, you can do
Code:
for x in `foo bar grill` ; do
echo $x
done
and in Tcl I can do:
Code:
foreach e in { foo bar grill} {
put $e
}
but in JavaScript, I end up doing:
Code:
var l = [ 'foo', 'bar', 'grill' ];
for (var i in l) {
var x = l[i];
... do something with x...
}
Is there an idiom for looping over a fixed list of things in JavaScript that doesn't require creating a var before the loop?
I've been trying to make a Firefox extension and I am finding a need for a style sheet switcher. I have found several sites that will give you stylesheet switches for HTML, XHTML, but not XML. When I search for an XML stylesheet switcher I'm getting information on XSLT. Which I do not want to use at this time. I want the stylesheet switcher to be a JavaScript function since I know how to evoke functions with XUL menu overlays the form of XML used to create Firefox extensions. I'm not looking for somebody here to know XUL. I would just like a function which you know would work with XML to try in my XUL form of XML to see if it will work. A link that would give me this function or information on how to write it would be good to. I am a newbie to both XML and Firefox extension writing. I spent all they reading about XML hoping it would give me the answer but it didn't. I have seen some information which seems to say that XML as similar stylesheet capabilities to HTML so I know that.
View 2 Replies View RelatedI seem to have come across a weird issue in internet explorer.I've been working on doing regular expressions for a register form, and I've checked it in Firefox, and Chrome and it seems to work for both of them but yet it doesn't work for Internext Explorer 6 - 8.The issue is that the drop down boxes (select fields) dont seem to be recognised for RegEx in I.E. this is causing an issue for me as I want it to work in ALL common web browers as well as keeping the whole form standard.
I've pasted a snippet of code below to show you what I've done.This one below is the original one which just checks if the field entry is blank
function check(theForm)
{
var checker;[code]...
If you have any Ideas about what I can do to make it work in I.E. I would be most greatful. Also if anyone knows how to do and RegEx on a checkbox that would help me quite a bit too.
I want to add more dropdown options which are dependent on previous options. Now I have "hand" and "loft". I want to add next option "model" How to add third dropdown option box?
Here is the code:
I have the following function to resize a div element (Content) depending on the:
size of another div element (leftConent).
function adjustContentHeight() {
var content = document.getElementById("Content");
var leftOne = document.getElementById("leftContent ");
content.style.height = (leftOne.offsetHeight + leftOne.offsetTop) + "px";
return true;
}
This code works as expected in IE6 and FF2.0, but when testing in IE7
nothing happens... the "Content" div is not resized.
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies View RelatedI have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
I did a clean install of Windows XP on my computer and my javascript will
not work. I've tried all types of browsers, I've download the Service pack
1 for XP and IE. I have download java from Sun, which I know is not
javascript but it could not hurt. I have done everything I know of to fix
this problem but still Javscript will not work on my windows XP. I don't
know where to turn from here, Microsoft surely does not have any info about
on their website....