I have made many forms that trigger with the onblur event on text boxes, and I want to make it posible to trigger the same events when I hit the enter key but without loosing focus (I know I can call the blur event and trigger the onblur event but I don't want to loose focus). By the way Iam using prototype.js .
View 3 Replies
I've noticed I can bind and trigger events on objects that are not DOM elements. However this appears to be an undocumented feature, as the docs explicitly refer to the "DOM element" when discussing things like event.currentTarget. Is it safe to depend on code like the example below working in future jQuery releases?
var thing = $({hello: "world"});
thing.bind('bounce', function(e) {
alert('Boing! '+e.currentTarget.hello);
});
thing.trigger('bounce');
Am I the only person who finds wildly wrong the jQuery behavior of handler invocation for native events on state-changing elements like check boxes and radio boxes?Specifically, when the user clicks a check box or a radio box, the state of the element is changed and then the handler is invoked.However, when I call"click()" on the elements, the handler is invoked *before* the element value is updated. That makes it pointlessly difficult to write handler routines that need to look at the value to know what to do.
View 2 Replies View RelatedI am currently working on a website that administers timed online tests, and we are trying to implement some measures to reduce the ability to 'cheat' while the test is running. These include disabling right clicks, and handling keystroke events. Additionally, we would like to end the test if the maximized browser popup window where the test is loaded happens to lose focus during the testing session.
I have implemented some code to call an event handler that will end the test if a window.onblur event is triggered during the session. It is working fine in Firefox, but IE seems to interpret window.onblur events differently. Basically, in Firefox I can click anywhere within the window without a window.onblur event triggering, but in IE if I click outside of the test table or form element etc. into whitespace, for instance, it fires.
In addition to using window.onblur, I have also tried top.onblur, and also putting onblur in the body tag of my html:
<body bgcolor="#ffffff" onBlur="lostfocus()">
Again, both work in Firefox, but neither of these alternate methods seem to restrict IE in the appropriate manner.
So my question is this: is there any way to craft this such that IE will play nice and trigger the event ONLY when someone clicks outside of the browser window (on to the start menu, for instance)?
<script language="javascript">
<!--
window.onblur=lostfocus;
function lostfocus(e) {
// student has attempted to cheat, end test
}
// -->
</script>
I have a link that has a UL drop down. When I click off of both the link and the UL I want the drop down to disappear. Right now it only disappears after I click off of the link.
Code JavaScript:
allLinks[i].onblur = function()
{
[code]....
*The Situation*
A traditional situation where HTML form inputs are checked...
(if simplified then it would look something like this)
<form onSubmit="return checkWholeForm(this)">
<!-- other inputs -->
<input type="text" name="anInput" onBlur="dataCheck(this, ...)" />
<span id="error_anInput"></span>
<!-- other inputs -->
<input type="submit" name="btnSubmit" />
</form>
dataCheck validates the inputs value and if something is wrong, then..
document.getElementById('error_anInput').innerHTML = 'Error!'
or if data is valid then the content of span is removed.
The checkWholeForm function iterates through all elements on the form
and triggers onblur() for each input... leading to executing function
dataCheck (and so changing innerHTML of some specific span elements if
needed).
*The Problem*
If I have entered incorrect data to an input and hit the submit button
with my mouse (causing the onBlur event to be triggered just right
before onSubmit) then *occasionally* for some fields the onSubmit event
is not triggered because the onClick event is not triggered. :S
As there are actually quite many complex functions (tested and these
seem OK afaik) that are doing the checks then dowes anyboudy have a clue
what type of code might break this. I thought at first that setting
innerHTML to some value during onBlur disables all waiting events but as
this is happening occasionally (on some machines) I'm in doubt...
any ideas what to check? double declaration of function/variable names?
Not deleting some object after usage? ... anything?
Waiting for any ideas...
PS. http://eix.lap.ee/test/portali_js.html in the example *occasionally*
third field generates the error - remove any content from the field
and stright hit the submit (*with mouse* - to create onBlur and onClick
at the same time).
I have a page with a textbox that I want to have a message written inside it that will dissapear when the user clicks in the text box and writes something and it will show up again if the user clicks somewhere else but hasn't written anything inside the textbox. So I am using the onfocus event in order to write "Enter your email here" and the onfocus event in order to show the "Enter your email here" message inside the textbox if the user clicks somewhere else in the webpage but has left the textbox blank. If however the user has written, for exampl "jim@yahoo.com", I want this to remain in the textbox.What am I doing wrong?
Code:
<html>
<head>
[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 having one td and inside td using one control(it may be any control like textbox,combobox) and am using onblur events for td and aswell as the control inside td. when am moving focus from this td to another td the parent onblur event is firing first and then child control(like textbox, combobox) onblur event is firing. The problem is am validating that entire td (what ever the value user updates) in one method. so in this scenario that validate method is calling when i move the focus onto child control. After entering the value in the child control that child control onblur event is firing and am unable to fire the parent control(td) onblur event.
View 1 Replies View RelatedI 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]
All is on the title, sorry for my english, i'm french :) I have an html page with style
<style>
#mydiv {
margin-left:auto;
margin-right:auto;
width:250px;
}
</style>
with jquery, i try to get the margin-left ($('#mydiv').css('margin-left'), but the function return 0px, unable to retrieve the good value (auto) anyone has idea to retrieve the value "auto" when margin-left is "auto" ?
I understand that the onchange event occurs when the value of a
form element changes (and after the element loses focus).
But what about the case where the value of a text box (for example)
is changed from a javascript function? Is an onclick event triggered
in such a case? I find that this is not happening in IE.
I have Fancy Box running on this page. You'll need user: admin and password: pass
I just installed it and to my amusement/bemusement now ALL the links trigger fancy box. What do I need to add to isolate the trigger?
I'm combing two scripts work fine in their own The combined script only has one onkeyup event. Everything works as expected until I enter something in the input box that's produced by the only onclick event in the script.
Here's my work. Why doesn't the onkeyup event work?
HTML Code:
I am trying to make a 500 x 500 window pop-up when someone clicks a link for a coupon. But I can't seem to control the size regardless of the values. Here is the function:
HTML Code:
function popupWinCoupon(url, width, height) {
popup = window.open(url,"popup","width=500","height=500");
return false;
}
I also have this at the point of the anchor tag where it is clicked:
HTML Code:
onclick="return popupWinCoupon(this.href,500,500)"
Unfortunately the window repeatedly opens up at about 350px wide and 700px tall.
I'm combing two scripts work fine in their own The combined script only has one onkeyup event.Everything works as expected until I enter something in the input box that's produced by the only onclick event in the script.
[Code]...
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 am loading Jquery tab using Ajax. The loaded tab contains a button for saving data. When i Load the tab more than one , the method for save is executing(triggering) more than one.
View 9 Replies View RelatedCould anyone shed some light on why this might not be working? Nothing happens when I press either the left or right key... Well, I have put an alert screen in there that does work - the problem is that I want the a#previous_link to be followed, but nothing happens!
[Code]...
I'm playing with jQuery and I'm having a problem with this code; Problem: trigger a pluggin that gets called from .click(function(){};
[Code]...
I don't know Jquery/Javascript too well at all but I can look at this code and see its pretty simple..
jQuery Panel:
$(document).ready(function() {
// Expand Panel
$(".open").click(function(){
$("div#panel").slideDown("slow");
[Code]...
but I dont know how to give Panel code the name "contactPanel".. so this is where I'm stuck. how do i do this? also I have a "Open Contact Form" at the top of the page but I want to put a contact link at the very bottom and after the link is clicked i would like for the website to scroll up before the panel drops down.. is that possible?
I have HTML code that reads:
Code html:
<div onClick="javascript:update_status();" class="profile_status" style="cursor: pointer">
<!-- my interesting profile status update here -->
</div>
What's interesting is that the javascript function update_status() fires in Firefox when I click the div, but in Safari it does not.
I've spent a good while trying to solve this on my own with no luck. The .blur jquery event I'm trying to use isn't firing and I can't figure out why.My entire JS file:
Code:
$('#unitOneRent').blur(function() {
alert('**** yeah!');
[code]....
I am currently learning jQuery and am setting up a site which sells T-Shirts. The products page lists the same T-Shirt in 3 colours:
iMMAculate HTML Prototype / 10.05.11 / Product 1
When the user clicks on one of the colours, e.g. Charcoal, the page loads with the hashtag on the end #Charcoal, so:
iMMAculate HTML Prototype / 10.05.11 / Product 1
Currently I have the page set up so when the user clicks on one of the colour swatches, it loads the images and the colour name onto the page. However, what I would ideally like to have is for the page to load the relevant colour images and h2 span (colour name) that is generated in the URL sorry does that make sense?
I'm using a simple window.close script on a link, but when I click on the link my browser pops a message asking "are you sure you want to close this?".
Is there anyway I can make it not do that?
<a href="javascript:window.close();">Close Window</a>
I wish to dynamically add a menu, and then trigger an event when the menu changes.Can anyone tell me why the following doesn't work?
$("#mySelect").change(function() {alert('#mySelectchanged');});
$("#myID").html('<select id="mySelect"><option>one</option><option>two</option><option>three</option></select>);
