I have this code in a website I'm making:
$(document).ready(
function () {
$('body').keyup(function(event){
console.log(event.which);
[Code].....
But the event isn't working all the time. It stops working after I change to another window and come back to the browser window.
I've been working on a multi-level drop down menu. It is already finished but while making it I encountered a problem that I'd like to find a solution for.
In the code, I clearly seperated the Model, View and Controller parts. The View part basically works with a single redraw-function. It clears the HTML of the complete drop-down menu and redraws it by recreating the needed DIV elements and adding them back to the webpage. The Controller part is a simple state machine that has transitions on onmouseover, onmouseout and onclick events.
In practice, when the mouse was moved over or out of some menuitem, the menu would be redrawn. The redraw function would first remove the complete menu from the HTML dom, and then re-insert the elements of the changed menu. Each of these elements contains a onmouseover and onmouseout argument.
The problem is as follows: in every redraw, when the menu is removed a onmouseout event is triggered, and when the menu is re-created a onmouseover event (in FFox). In IE, for some reason only a onmouseout event is triggered. This made my state machine think that the user actually moved the mouse pointer out of the menu element. Therefore the menu would go bananas and collapse!
The best way to solve this seems to simply ignore all of the user inputs during the redraw funtion for, say, 5 milliseconds during the redraw. However, in pratice, when the user moves the mouse very quickly the state machine 'misses' a mouseout event and the menu doesn't disappear as it should.
My question now is: does anybody know a neat way to prevent these 'ghost' events from happening while rebuilding the page, without interfering with the 'real' events?
I have a requirement....I have a timer on a page. If the user leave the page (mouse goes off of that page) the timer starts and continues...and when the user comes into that page(mouse over that page) the timer goes off/STOP....Is this can be done?? using javascript?
View 1 Replies View RelatedIt seems stop method is not working for me...I don't know what I am doing wrong, but when I mouseout when the mouseover animation is still running, the mouseout animation does not occur..
[Code]...
I am working on a Javascript application and i am facing a strange behavior of the application in IE. I am creating a table at runtime using DHTML and registering event for the table row click. When i deploy this application on web server and browse the application, the events fires in firefox and chrome but in IE the events are not fired. If i browse the application from the server with localhost, the application triggers the events and fails when i use machine name.
The following is the source code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
[Code]....
When the page loads initally all events work. There is a button that does a postback but does not reload the page. If you try to execute any of the events that you previously did it does not recognise it.
View 1 Replies View Related[URL]
Click on any of them, and they open up just fine, however, after this point they dont close, and you also can't open any other one, it just... stays stuck there.
I had this working just fine, and in the process of working with wordpress and templating, obviously I changed something to mess it up.
I've tried like this:
$("#loading").ajaxStart(function() {
$(this).show();
}).
ajaxComplete(function() {
$(this).hide();
})
I've triple checked the id of loading image and everything, but still doesn't work.
I got this at the bottom of a website:
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="/js/slider.js"></script>
[code]....
The problem is that it stop working of Firefox after about two hours. I used it on the main page and leave it working and afterabouttwo hours the picture stop moving and there is only one pictureshown.
View 16 Replies View RelatedI'm brand new to jQuery, so I apologize if this is a 101 question, but I'm trying to sort out a production issue. I do QA for an ecommerce website. When one of our developers made some changes to our application recently, a couple of the plugins we use stopped working on those pages. Looking at the code, it seems we load jQuery 1.4 and several plugins, including autocomplete and popdown. In the changes, for some reason, the developer loads jQuery 1.4.2 (after 1.4 has been called) but doesn't call the plugins again. I'm assuming that this is the reason the plugins stop working. Can anyone confirm this theory?
(The reasons why we don't call 1.4.2 earlier in the document are, sadly, mostly bureaucratic. If I can get this confirmation, hopefully I can push through that.)
I've got this page: [URL].. displays events via an xml feed, but no one in the UK or any other country other than the Americas can see the events.
View 2 Replies View RelatedI've used to an AJAX call to load a HTML table into div. This is working successfully. I know want to use a click event on buttons located within the inserted table.
The click event is triggering on buttons outside the inserted table but not on the buttons within the table.
Do I need to call some sort of refresh function to so that jQuery is able to pick up these events?
We have a problem in our currently built website, in chrome+firefox the website works great but in IE 7+8+9 the javascript stops working after few seconds or after several commands a user do in the website.
The url is : [url]
This code was working fine until I added "["lastname"]["email"]" to it. Why has this problem developed? Was I suppose to separate them or something?
<SCRIPT type="text/javascript">
function validateForm() {
var x=document.forms["form"]["firstname"]["lastname"]["email"].value;
[code]....
I have this form entry <input type="text" onkeypress="return numbersonly(this,event); lessthan100(this);" name="discount_value" id="discount_value" value="" style="width: 40%;" maxlength="3" class="input-symbol-parent"> which calls two javascript functions. The first one works without a hitch... no letters can be entered into the field. However the next function (which at present time, just contains an alert) doesn't fire and I get no alert.I need to check if it's a number first. Below is the number checker.
function iscontrolkey(key) {
if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) ||
(key==63232) || (key==63233) || (key==63234) || (key==63235) || (key==63272)) return true;
else return false;
[code]....
I am trying to "ajaxify" my site. Now I have one problem:
$("#posts").children().remove();
$("#tag-sidebar").children().remove();
$.each(data.Tags_Sidebar, function (indexInArray, valueOfElement) {
var insert = $("<li>");
[Code]......
Now when I click one of those links (href1, href2, href3) generated, the click event won't execute! What's the problem? Also, is it right that I have to transfer the valueOfElement over, like I did? What does stopEventPropagation do? Prevent the href from being navigated to? That's what I am trying to do.
The data object is JSON fed from here:[URL]
The HTML is here: [URL]
I have a simple javascript overlay (like a lightbox) with a message that pops up. The user is meant to click a button, see the overlay thanking them for their vote, and then be redirected to the affiliate page (its a poll site) after about 3 seconds. I have everything down, except, it will either display the overlay as one of the onClick events, or it will do the timedRedirect but not both. I've tried putting the redirect before and after, and when its before it redirects, when its after, it shows the overlay. How can I do a timed redirect and show this message?
<script type="text/JavaScript">
<!--
redirectTime = "3500";
redirectURL = "http://x.azjmp.com/2KTCs";
[Code]....
I'm trying to enable/disable a textarea. I am able to do a mouseout disable, but cannot do a mouseover enable. For instance, when I click on the image, a textarea shows up. When I move my mouse to a different location, the textarea disables fine.Then when I try to move my mouse back over the textarea, it DOES NOT enable for me to write in it.I just happen to try out this code in IE and the textareas are not showing up where I click. I assume that I'm capturing the X/Y coordinates incorrectly for an IE browser.
********* CODE *************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>[code].........
I've been working on a freelance design site, and I have been using jshowoff and fancybox on my portfolio page. The portfolio has multiple sections that are set to be scrolled through using jshowoff by using the slide links. This use of jshowoff is working perfectly fine, but fancybox isn't. fancybox is supposed to be set to launch a modal when any of the portfolio thumbnail images are clicked. As it is right now, fancybox links will not work within the jshowoff slide div, but they do work outside of the jshowoff slide div.
I have done about 5 hours of searching online for possible fixed to my issue, and I haven't found anything. I am attempting to fix the conflict the between jshowoff and fancybox. I am very new to using jQuery plugins, so hopefully, you can all bear with me.If anyone may know how I can fix my fancybox links, so that fancybox will work within my jshowoff slide, I'd greatly appreciate it. I have provided the html below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
how to stop the browsers back button from working after a user has logged out. I tried the windows.history.forward(1); function but it either is not working for me, or I am not putting it int the right place.The logout button is on the menu.php page. The button calls the logout.php file which redirects the user to the index.php page after logout.
View 3 Replies View RelatedIs there a way to detect if an textarea onscroll event is working in
Firefox (or Mozilla). I know that there is an onscroll event bubbling
bug with current vesions of these browsers so I want to detect this
problem with a test like "if (textarea.onscroll == 'undefined' ||
!textarea.onscroll) {}."
I had a beautiful script written by @rnd me that looks like this:
Code:
<body>
<input id='inp' /> <select id='sug' />
<script type='text/javascript'>
function el(tid) {return document.getElementById(tid);}
function addScript(u){
var head=document.getElementsByTagName('head')[0],
[Code]....
This script made it possible to show Google suggestion while typing in an input field. The Google suggestions are retrieved over here: [URL] The problem is that all of the sudden it stopped working! For apparently no reason because Google is still 'providing' the suggestions online. So I have two questions: Why is it stopped working? Did Google restrict the suggestions to third parties?
I have a series of images with an animation bound to mouseover and mouseleave events, and I'm trying to get my head around adding a click event that would prevent the mouseleave animation from occurring only for the image that was clicked, preserving everything else as is (until another image is clicked). I've discovered .stop() and I think I'm getting close, but some part of the logic is still escaping me.
View 3 Replies View RelatedI m trying to make a person stay on same page on cancel, but the confirm takes the user to the next page like they press ok. how can i stop it? code...
View 1 Replies View RelatedHow do I add a stop button to stop the clock. Here is my code below.
<HTML>
<HEAD>
<script language="Javascript1.2">
<!--
[Code]....