I know how to do this the hard way, but I suspect that there's an easier option. I'm creating a program that requires a series of 4 or 6 select menus. Something like this: Code:
View 2 Replieswhy isn't this working ok in ie7?:
[URL]
the javascript is:
Code:
<script type="text/javascript">
/* <![CDATA[ */
function closed_changed(day) {
[Code].....
it should call closed_changed(), which sees if it's ticked/checked, if it is it calls clear_open() and sets the four open related input elements to empty/blank (because a shop can't be open and closed at the same time). works fine in firefox (pc and mac) and safari. not ie7. why not? (the intended clear does happen but only when another subsequent closed box is ticked; it works on the previous day which was ticked; so it's lagging one behind)
I have been wrestling with a problem, I am trying to change the url of
an Iframe from a simple selection box, once the user selects the
desired url they wish to visit from the main page the iframe then loads
the url while not affecting the main page. I am using the onchange
event of the select tag to drive the javascript function hopefully
passing the value of the selection wich in this case is the url to the
independant script wich will in turn will change the src of the iframe
from the default page that is loaded when first viewing the page.One
question I have is would it be better to use the onload event to set
the initial src then use the onchange event form the select to change
the src or staticly set the src then use the onchange event to change
it? below is an example of my code so far. Also currently whenever I
try to pass teh value to the script I get an object expected error and
nothing happens.Bear in mind I know enough C++ to make myself dangerous
and can stay on top javascript to a point but right now I am just lost.
just need a nudge in the right direction at this point please :D
<select name="sites" id="sites" onchange="changesite()">
<option value=" "> </option>
<option value="http://www.nanpa.org">NANPA.org</option>
<option value="http://www.google.com">Google.com</option>
<option
value="http://www.spywarewarrior.com">spywarewarrior.com</option>
</select>
Function changesite(value)
{
var newsite = value;
document.frames['websites'].src = newsite;
}
I have problem, the code cannot operate. The user must select in dropdown list having one display of image every time.
JS code
var sel = document.getElementById("sw");
function f1(){
var imgs = ['chart1.cgi', 'chart2.cgi', 'chart3.cgi', 'chart4.cgi'];
var im = document.getElementById("pic");
im.src = imgs[this.selectedIndex];
}
html code
<img id="pic" src="chart1.cgi" />
<select name="sw" id="sw" onchange = "f1()" >
<option value="s1">what</option>
<option value="s2">whatever 2</option>
<option value="s3">whatever 3</option>
<option value="s4">whatever 4</option>
</select>
I need to change the value of a variable on a <select> question.
Code:
Currently the variable choses either 1or 2 so when I execute the function it will sum the value ie..3,6 ect.
I would like it to add the value in the text part of the option ie.. 5000,10000,15000.
I realize if I could I could change the value to be the same as the text value but the backend of this software needs the values to stay 1 or 2.
I was trying to do an "if else" statement but I am not sure how to format the syntax to work:
Code:
I want a text box which is only visible if the preceding drop down box has a certain option selected. Does anyone know how to do this or where I might be able to find the appropriate code?
View 7 Replies View RelatedIs this possible with JQuery? I have the following code which I think Should do this, but it's not working :/These are two different functions which I've been testing, and the html element is supposed to create a dropdown list via some PHP which will have the option "Other" within it. Unfortunately, I have no idea exactly how to turn "Other" into a text box when the user clicks, and I've been spending a lot of time on this already.
[Code]...
I want that a <div> element will show when yes is selected and when no it should be hidden. For show and hind i will use the functions from the jQuery UI. But I don't find a way to call the hide / show function when the selection change.
The radio selection: <input type="radio" name="lang_anz" value="1"> Yes<br> <input type="radio" name="lang_anz" value="0" checked="checked"> No<br> When I understand the documentation I can request the current value from the radio with: <script type="javascript"> $('input:radio[name=lang_anz]:checked').val(); </script>But how i can now call the show / hide function when I change the selection?
how I might be able to match up changing hyperlinks to the below drop-down images selection script.
[Code]...
I have to create a quite simple javascript but being a newbie I'm having trouble in it.It's a javascript about showing a value greater than the earlier for a variable.
View 8 Replies View RelatedWe have a web site provided by the software company that created our vacation rental management software, so, as such, I don't have entire control over the pages -- just bits and pieces. They recently started including jQuery 1.4.4 along with jqueryUI and cookie plugin on the pages and utilizing it a bit (as well as a custom jquery bit of code they wrote up). here's the relevant code (that I have control over):
HTML Code:
<script type="text/javascript">
var phoneflat = $.util.getCampaignPhone('MCPH').replace(/[^0-9]/g, '');
if(phoneflat=="null"){var DNISPh='88812345678'}
else{var DNISPh=phoneflat}
[Code]....
Basically, we have a phone-number tracking system on our Web site, and the toll-free number on our site gets replaced depending on how the MCPH cookie is set. The above code pulls formatted number from that campaign cookie, removes the formatting from the number, and sets the pop-up URL to include the number, passing the number after the "?DNIS=" (which is required for this specific campaign tracking to work properly).
This all works fine and dandy if the jquery and cookie code is all before the above code snippet on the page, but the developers of the software are trying to follow best practices and are loading all the javascript files at the end of the page, and this is far earlier in the page. So there's really no way for me to pull that ".util.getCampaignPhone('MCPH')" as the cookie may not have been set yet, nor is the campaign data ready.
Theexpression in red works fine in jQuery 1.2.6 but does not in 1.4.2.
jQuery(
"#menu_sample > li > a[@class=expanded]").find("+ ul").slideToggle("medium");
All the child li items for the following HTML should display:
<
li><a class="expanded" href="#">Weather</a><ul> (li items here)
[Code]...
<div id="div1" onmouseover="this.href.innerHTML='different click name'">
<a href="somewhere">click</a>
</div>
I know this.href doesnt work - Is there a way to access the <a> element without assigning an id to it ?
I am trying to get/set only text of list only element text value. But for some reason I can not select it in clear way. List something like:
<ul>
<li id="myid"> Here text that I want to modify
<ul>
<li id="dfdf">i don't want modify this</li>
<li id="dfdf">i don't want modify this</li>
[Code]...
This is probably more of an HTML question than anything else, so my apologies if it's out of place.I'm using a series of spans within a div to act as filters (selectors) to hide/show various divs. When the user clicks on the text within the span, the span toggles a "selected" class, and also triggers a function to hide the associated divs. My problem is that occasionally the area around the text (the entire span, it would seem) gets "selected" when clicked on and turns blue, obscuring the text. Here are two screenshots, one showing the word "lambs" correctly, the other showing the same word with the unwanted blue background. Question: is there any way to make this not happen? Should I be using different elements as the selectors?
View 3 Replies View RelatedIs the form below a valid method of changing the id of an XHTML element, specifically the one actually being referenced? It does not seem to work for me.
document.getElementById("Original_Name").setAttribute("id", "New_name");
I'm trying to change the color text of atext[i] value when the "atim[i]+showtime" value is < "now"....
But if i assign the atext[i] value to a new var "ops" and change the color with string ops.style.color = 'red'; the script doesn't work.
Opening the error console of Firefox the error logged is ops.style is undefined.
[Code]...
How would I go about chaning the ID element tag through Java?
I want to create a function that checks through all the ID tags called mytag and then append to the end of it mytag0 or whatever number comes next. I was trying to disable many form objects in my html document and since they share the same ID It only disables the first ID it encounters so Instead of manually renaming them al, Id rather create a function that would search for the Id name mytag and just change the name with whatever number, Im guessing it will work fine because once it renames the ID tag it will pick up the next ID because it will be next in line with the name and just While Loop the whole thing untill such ID is not found. I do not know how to reassign ID's.
Maybe a stupid question (I'm not so familiar with javascript), but:
I want to change background of a paragraph or list item on mouseover. The
following code works:
<p onMouseover="this.style.backgroundColor='yellow'"
onMouseout="this.style.backgroundColor='white'">ppppp</p>
Now I want to minimize the coding bij using a function. How do I do that?
I have a billion elements that all share the same class. I have another billion elements that all share another class. This cannot be changed. My objective is to use one element to trigger onclick a change in the others elements' css properties, that is each element is paired with another, producing a billion unique pairs. From hours of deciphering the cryptic documentation examples ive come up with the following, which doesnt work. Assume that im using "name=item#" in the element's tag to identify each pair.
One fundamental issue with this is that it will change the opacity of both elements in the pair were both elements to share a name,or it will only affect the element being clicked on if not, but i only want it to change the opacity of the element that isnt being clicked. Another issue is that there are instances where i may need to set a setTimeout on a css property, and ive not found any documentation on integrating javascript and jquery together within a function.So how do i get this function to accept input from one element and affect the css properties of the other? And what would a setTimeout look like if it were placed around the opacity property?
I have got the following CSS-Box, with those properties in my styles.css:
.panorama {
float:left;
overflow:hidden;
}
[Code]....
But when I want to read out this information afterwards, my function doesnt work:
console.log($('.panorama').css("width")); This delivers me 0px.
Why doesnt it bring me the 1641px?
Anyway, i need to change the selected item in a select dropdown list in html. Obviously i want to change it with javascript. For example i've got tree items add/edit/delete and if the user presses add (button) the selected item will be add.
View 2 Replies View RelatedMaking a website for a salon with a box that says "I want [dropdown box, i.e. wash and blow dry] which will cost XX" The idea being they select what they want from the dropdown box and it automatically changes the �XX to reflect the price.
Code:
<script type="text/javascript">
function changeText(){
document.getElementById('pndprc').innerHTML = form1.value();
}
</script>
[Code]...
How on earth do you use javacript to change the text color of an input element, and have it work with IE??? I've tried numerous solutions. All of them work on browsers such as Mozilla. But none of them work on IE.
This works in every browser I've tried besides IE:
var whatever = document.createElement( 'input' );
whatever.type = 'text'
// (more code)...
whatever.style.color = 'black'
This also works for other browsers besides IE:
whatever.style.cssText = 'color:black;'
I've tried other things as well. Nothing works in IE. Is there anyway
to change the text color inside an input box dynamically, and have it
work in IE?
I'm using jQuery so when I focus on the third text box, a fourth text box automatically appears.So, this all works really well... once. The problem is, my new input doesn't register in the DOM as being the new ":last" input in my <div>. So if I focus on the 3rd input, it will create a 5th, 6th, 7th, etc. input, but the DOM's currentTarget remains the 3rd input box, not the last one in the list.How do I refresh the DOM, or change the currentTarget to be the last input in the div, instead of remaining on the third?
View 4 Replies View RelatedI am attempting to change the style after the user has loaded the page(every x number of seconds) but the element just doesn't seem to berefreshing. I have done all of the checking, and it seems like it ischanging it but it isn't showing that on the page.
View 3 Replies View Related