Am I correct in assuming that when the starting value of a select list
is re-selected, the onChange command does not execute? I need to have it execute when the original value is selected if possible.
Is it possible for one select box to change the shown selection of another? i.e. not rebuild the list of the other select but simply 'select' a different value from the listI've got one select with options:
Gas
Laser
and another with options
[code]....
on the onchange event of a select element, i would like to pass the old selected value and the new selected value to a function.
View 2 Replies View RelatedI have encoded same javascript file with "Microsoft script encode" and accidentally deleted the original file.There is a way to convert the encoded file into the original version.. The form of the encoded file is : <script type="text/jscript.encode">#@~^.....
View 5 Replies View RelatedThe following code works fine in FF and Chrome for getting a radio selections value but not IE8.
$('input[name="search[gender]"]').change(function()
{
var check = $('input[name="search[gender]"]:checked').val();
Inputs are below:
<input type="radio" name="search[gender]" value="1" class="v_middle" />Male
<input type="radio" name="search[gender]" value="2" class="v_middle" />Female
<input type="radio" name="search[gender]" value="3" class="v_middle" />Couple
<input type="radio" name="search[gender]" value="4" class="v_middle" />tv
<input type="radio" name="search[gender]" value="" checked="checked" class="v_middle" />All
The first time you click a radio button in IE8, no value is returned at all (tested with document.write of the 'check' value), with an error "'null' is null or not an object". The second (and rest of the times) you click any of the checkboxes the wrong value is returned, it returns the value of the currently checked button (which we checked a moment ago) rather than the one we have checked the second time. Does Internet Explorer have issues with this onchange function method? Or is something wrong with my code?
Is there something that will update as soon as the user changes information in a textbox as appose to what onChange does, which is update once the focus has been taken off of the textbox? I am writing a custom cart and I am using AJAX to update the price according to how many they are ordering, I was hoping to have it update the price as soon as the user put in the volume, but it doesnt update until the user clicks somewhere else on the page.
View 3 Replies View RelatedCan I target the element and base an onChange outside of directly calling it in the element tag?
Due to the nature of my script, the best I can do is wrap a tag around the element.
example of what I am trying to do
Code:
<script>
document.form.field1.onchange = function();
<script>
And if this might work, can I call it in the head or must it come after the element.
like for example i have text areas named upload1 and upload2when I click or add input on upload1 a drop down list below upload2 will not change, but when I add input on upload2 the dropdown will select "parts"
View 3 Replies View RelatedI have a site with frames. Like most sites with frames, clicking
links in one frame changes the page in the other frame.
Obviously, if someone puts in the URL for my site, they will get the
"homepage" when they first get there. What I would like to accomplish
is that if they leave my site, and then use the BACK button to come
back, that the site will open with the homepage, not whatever page
they were at when they left. Is that possible using javascript? If
so, how?
My site isn't actually "on the web" yet, so I can't give you a URL.
I have written a script that highlights a table row when the appropriate checkbox is checked. Using element.style is a bit messy and doesn't really fulfil my needs..
I want to just be able to use className, but when I uncheck a row I am having difficulty restoring the original (when the page loaded)className, I need to do this because the rows have different styles Is their any other way to access the original className of an element?
I have this code which doesn't work with jQuery but works without So, suppose the element in question has id 'xyz'.
Doesn't work:
Code:
doSomthing( $('#xyz') ) ;
Does work:
Code:
doSomething( document.getElementById('xyz') ) ;
The thing is, inside this function no jQuery is used! So is there a way to get the original element from the object returned by $('#xyz') ?
I have a webpage with a link that produces a popup using javascript. I have another link in the popup. When the popup link is clicked I want only the original window to change location, while the popup remains the same. How can this be done?
View 6 Replies View RelatedI have a regular html page called a.html
this page opens a modal dialog window called modal1.html
modal1.html contains a 'Next' button.
when the button is pressed the modal1.html is replaced with modal2.html
modal2.html contains another button.
when its button is pressed, the modal dialog window should close and the location of the original page a.html should change.
I am trying to do something like:
//window.parent.location.href = 'anotherPage.html'
window.opener.location.href = 'anotherPage.html'
window.close();
I cannot use window.opener in modal2.html because its opener is actually modal1.html.
In fact anotherPage.html is opened in a whole new browser page
How can I refer to a.html in this chain?
I'm having a lot of trouble understanding how to get my targeting working in IE. Let's say I have a <div id="test"> </div> with some form information in between. I use xmlhttpreq to process but I want the information after processing to appear inside the test div. I have it working perfectly with firefox but for the life of me I just can't get it to work with IE. I can only ouput to another DOM object.innerHTML and not the original.
View 6 Replies View RelatedThis is probably a very easy one for somebody. It's like "Who Wants to be a Millionaire"; if you know the answer it's easy. But I don't.I disabled an event listener with: document.getElementById("thumb_link"+ tagName).onmouseover=function(){null};So what's the opposite? How do I re-start the original mouseover function please? Oh and yes I have Googled it for hours.
View 4 Replies View RelatedI have various list boxes in a web form. I need list box No. 4 to be disabled until a selection is made in a previous list box, the No. 2 listbox. If some selection is done in listbox No. 2 then I can do a selection of list box No. 4. How can I do this?
View 2 Replies View RelatedThis is irritating cause i read a arcticle with a solution to this in one of the many newsletters i receive, but then i didn't need it and now i do i can't find it, and i'm searching for days now .
I have say 3 links
link1 --- link2 --- link3
all of then formatted nicelly with CSS. When i select one of then, say link1, it becames with a diferent background color.
What i want is to keep tha backg color even when the user clicks anywhere on the page (thus loosing focus) and until another link is clicked.
I tought this could be possible in a CSS only way, but now i think i have to use some Javascript.
I'm new using JQuery UI and for some reason everything seems zoomed. The calendar appear big, the accordian widget appears big, everything is big. But the original form control don't appear with zoom and the browser has no zoom either.[code]
View 7 Replies View RelatedjQuery(document).ready(function(){
$( '#nav_Primary > li' ).hover(function(){
alert($(this).find('ul').outerHeight(true));
$(this).find('ul')
.stop( true )
.animate(
{height:'toggle'},
{duration: 600, easing: 'swing'}
);
}, .....
Once you load this up you will see that eventually the hover will not set the height correctly. Keep on hovering on each item and then leaving it before it fully expands and then the next time you go over it it will leave off where the last item had expanded to
Suppose that I have a table built like this:
var MyTable = new Array (
// english , italian ,Qty
["WaterMelon", "Anguria"],0,
[code]....
Now i'm building a page with a "SELECT" control for each entry in that table.Each SELECT changes the Qty value of the table.I need to show the table sorted alphabetically but depending on the choosen language the order will change, so i can't rely on the "index" of the changed control to find out what row in the table i need to modify.How can i sort that table and still have an association between the sorted indexes and the table original indexes?
I am trying to write a custom BBcode for a forum I moderate. I don't have the licensing information because its not my forum and i am just a moderator. If anyone wants to verify the legitimacy of the forum I work for please PM me and I will try and get you any information I can.
View 8 Replies View RelatedI am trying to achieve something that I have seen on many forms throughout the web; I am currently learning JavaScript so please bare with my beginner status. So I have a form and on every input button, I want the value to disappear when clicking on it; and if no text is entered, the original value is returned..
So far I have this inside every input button and i'm beginning to struggle with 'the next step': onfocus="if(this.value=='Email')this.value=''"
Is there a simpler way to achieve this with multiple buttons rather than copying this into every button?
Something I was wanting to do with jQuery the other day was to obtain a reference to the original selector from inside the each function. I was looking through the documentation and for the life of me couldn't come across a suitable solution.I had to use an external variable instead and reference that from within the function, which seems to be a non-optimal solution.
Code javascript:
$('li').each(function () {
// how to reference the $('li') selector from in here
[code].....
I am trying to build a Menu that will have a mouseover effect and when clicked will hold the mouseover image on mouseout. The problem I'm having is that when another menu item is clicked it will not reset the original button's mouseout and if the mouse ever touches it again it will, again, hold the mouseout image. I am aware that It would be easier to just use different pages, but I am wanting to eventually have hidden containers with further menu options drop down from the menu (just trying to explain why it needs to hold the image within the same page).
Here is the function that I have built so far(it doesn't work and I know there are some obvious problems with it, I'm mainly just trying to convey the logic I have used thus far). I am a new javascripter, and my experience is mainly with C#. I am trying to use document.(objectname).src as if it were a variable because It should have a value to return. I'm trying to store the mouseover image in var i, reset all the buttons and then put i(should be the mouseover image)back in the (objectname).src. This probably isn't allowed in javascript, but I left it so you can see how my mind is trying to accomplish this task.
Here you go:
function ClearMenu(xx){
var i
i = xx.src
document.news.src='news.jpg'
document.events.src='events.jpg'
document.press.src='press.jpg'
document.aboutus.src='about.jpg'
document.contact.src='contact.jpg'
document.join.src='join.jpg'
document.news.onmouseout="document.news.src='news.jpg'"
document.events.onmouseout="document.events.src='events.jpg'"
document.press.onmouseout="document.press.src='press.jpg'"
document.aboutus.onmouseout="document.aboutus.src='about.jpg'"
document.contact.onmouseout="document.contact.src='contact.jpg'"
document.join.onmouseout="document.join.src='join.jpg'"
xx.src = i
xx.onmouseout = i
}
My attempt to Call this function would look like this:
<img src="news.jpg" name="news" id="news" onmouseover="newshov.jpg" onmouseout="news.jpg" onclick="ClearMenu(news)"
I am trying to create a new window from which the original page can close that new window. For some reason the following code will not work. Passing the window.open command to a variable called myWindow does not work with the mouse event, but it seems to work fine with a javascript: URL command. I would prefer to do it with the mouse event. Code:
View 2 Replies View RelatedI've got a number of divs with the prefix menu and the suffix where is say 1-10. My code is below. It assigns the click function fine to each, but assigns them all the function based on the last value of the for loop. (It calls the current value, while I want the value from when the code was originally executed to set up the click function). Scratching my head on how to accomplish this.$(function(){
[Code]...