I'm working on a couple of pages that look like this: [URL] As the visitor mouses over the month name, the image to the right is supposed to change to show the cover of that month's magazine issue. The onmouseover/onmouseout code has been working fine for months, but I recently added a couple new JS elements to the page, and now when the visit stops hovering over Sep/Oct, the image doesn't change.
I'm thinking that the way to fix this is by converting this action to jQuery, which is loaded on the page anyway, but I'm struggling to get a concise expression of what I want to happen. That is, I can do it by brute force with dozens of lines of code, but there must be a better way.
It appears to me, from experimenting with IE6 and Moz 5, that the event is generated *only* on the lowest element, thus given a table which contains tbody, tr and tds, with an onmouseover listener assigned to the table element (as a property), the onmouseover event is generated only for the td, although the mouse actually entered all these elements.
If there is a slight gap between elements you sometimes get events for the higher element. I guess this is a side-effect of the browser's implementation - sampling the mouse position.
This is probably very simple but I really cant find the answer. I have a text box, and I am wanting the same mouseover and onclick functionality as Money Supermarket; [URL]... When I rollover the text box/table row then I want the area to display one colour and when I roll off then it goes back to normal. However, when I click on it I also want it to display the colour and remain that way until I click another element. How do I achieve this?
I have a menu with a div displaying onmouseover, and hiding onmouseout, it works great except in IE if I click on the <select> tag, it triggers the mouseout event, interestingly enough the same does not happen when I click on a text field..
This is obviously not the real code, it's just to give you an idea, I don't think I can post the real code, cuz it's really long and complicated...
I'm using the prototype framework, and I'd like to keep it that way if possible...
I have a webpage with addition questions for numeracy training. I am storing the sums in a table(id="sums"), with an empty textbox(id=ans1) for the user to type the answer. After the user types an answer and moves onto the next Q, I want to activate a popup dispaying if the answer is correct or not. I am tackling this with onmouseout. The script checks the answer, then displays a confirm message if correct or and alert message if wrong. The onmouseout is not working
I currently have a couple old plugins (autocomplete 1.1 by Joern Zaefferer - json version, and datepick by Keith Wood) that do not work with 1.4.2, but do with 1.3.2. I'm wondering if it's possible to somehow force or modify them to work with the new version of jQuery.I know they both have new versions, and are now a part of jQuery UI, but I can't seem to get the UI versions to work. UI also seems more bloated than I need, for just a few functions.
I'm trying to add a slideToggle to a paragraph in a Wordpress blog page. The following code works for triggering an alert, but when I replace the alert with the slideToggle, nothing happens.Here's the alert:
this simple code generates a dropdown box with two entries. When I mouseover either of them in Firefox, an image will appear, which then disappears when I mouseout. This won't work in any other browser so far as I can tell, although they all support onmouseover in the option element. Nothing at all happens.
I'm using code below to run a function when the user move the mousepointer from within a DIV and outside it:The idea is that that mousepointer motion shall hide the DIV.
document.getElementById(theID).onmouseout = hideDiv; if (document.getElementById(theID).captureEvents) document.getElementById(theID).captureEvents(Event.MOUSEOUT);
It kind of works, but the problem is that if I move the mousepointer to fast out of the DIV then it will not trigger.The div in question has some elements within it, and originally it was allmost fully covered by those element... and then the onmouseout did not work that good....So I had to create some padding for the div to make it detect the onmouseout better... kind of work... but sometimes failes to trigger on the onmouseout.That padding also make the div not look that good ... so would like to get rid of all the padding as well, and make it work, if possible.I have tested this in the following browsers and get pretty much same behaviour in them all:IE8, Firefox (latest), Chrome (latest), Safari for win (latest beta)...
I have a link that has an mp3 sound as its href:<a href="sounds/genealogy.mp3" class="track track-default"> this is a link</a>. Unfortunately, I also need that same link to go to a part on the site (href=#greenhouse) so that the sound plays on that part of the site.
I tried submitting the quiz page to itself using a query string to keep track of question # but no joy.
I can post code if necessary or is there a trivia game engine made for 1 question at a time instead of all on 1 page?
My question is, how can I make this script not have hardcoded IDs, and let those be declared where my onchange is? Is this possible? Code: