Handling Onblur
Feb 16, 2006
I have few textfields and dropdowns in my jsp, form is submitted on
clicking an image link.
In case there is an error for instance some text field is left empty,
then message is displayed below respective fields ( using spans, inner
html). The message is displayed onblur event of the field. So if there
was an error then message is displayed, now if the user corrects the
error and clicks the link then first the message disaapears ,which is
desired ,but he has to click again to submit the form. please suggest a
way to handle this. So that user doesn't have to click the link twice
to submit the form.I tried having onmousedown and onfocus events on
image , but then sometimes the form was submitted twice which gave
backend errors.
View 2 Replies
ADVERTISEMENT
Jul 2, 2009
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 Related
Aug 11, 2006
I have two textboxes, each of them is controlled with a function called checknumber. It controlles if they are empty or a valid number and I connected this function to onBlur event of these textboxes. The problem is that when I wrote an invalid number to the first and click the second one, It gives continuously error messages. How can I solve this problem ?
View 6 Replies
View Related
Jul 23, 2005
I'm looking for tutorials or articles considering HTML Frames and how to
handle them with Javascript.
E.g. samples how Frames can exchange information, can a Frame instruct
other Frame to update it's content etc.
View 5 Replies
View Related
Oct 25, 2005
We have some date fields in our HTML forms in various places. In the
accounts package we use, there is some pretty nifty date handling.
It has a standardised date format of dd/mm/yyyy and if you enter e.g.
3-12 it will switch it to 3/12/2005
Same applies for e.g. 3:12 etc
Anyone know of some javascript which will do this for our HTML form
fields? Our target format is actually dd-mon-yyyy and it would make it
really nice for users if the system could accept a variety of input
formats and then switch it to a date to our specification. Any
suggestions?
View 8 Replies
View Related
Jul 20, 2005
I have a piece of simple code which take the user inputs and depending which check box is selected directs them to a different page.
<form name="allform">
<input type="radio" name="allsearch" value="Weaksearch">
<font face="Arial,Helvetica" >Weak </font><br>
<input type="radio" name="allsearch" value="Pinsersearch">
<font face="Arial,Helvetica" >Pinser </font><br>
<input type="radio" name="allsearch" value="Brutesearch">
<font face="Arial,Helvetica">Brute note </font> <br>
<input type="radio" name="allsearch" checked
value="gogsearch">
<font face="Arial,Helvetica">Google</font> <br>
<input type=text name=allsearchtext size=10 maxlength=255>
<input type="button" onClick="locateall(this)" value="Go"
name="button">
</form>
This works but the user needs to hit the go button, if they just hit return the text field is emptied, I would like if the user hits ENTER, the search begins.
I believe I can add something similar as
if (window.event.keyCode == 13)
But I am not sure how to incorporate it in the form?
View 3 Replies
View Related
Jul 23, 2005
I'm having trouble with a bit of code that is both validating and updating fields on the fly. Here's something similar to my code:
-----------
<script>
function validate(field) {
var frm = document.theForm;
if (field.value != "") {
frm.field3.value = Number(frm.field1.value) +
Number(frm.field2.value);
} else {
alert("Field is empty.");
}
}
</script>
<body>
<form name="theForm">
Field 1 <input name="field1" type="text" onblur="return
validate(this)">
<br><br>
Field 2 <input name="field2" type="text" onblur="return
validate(this)">
<br><br><br>
Total <input name="field3" type="text">
<br><br>
<input type="button" value="Validate"> <input type="button"
value="Cancel" onClick="window.location.href='http://www.google.com'">
-----------
So, I need to
1. Have the "Total" field update whenever a user changes a value in field 1 or field 2.
2. Perform some validation on those fields
3. Have the onblur and validation NOT fire when the user clicks the Cancel button.
Problem: click in the first field, don't enter a value, then try to press Cancel - the validation is happening, and I don't want it to.
This third point above seems to be the kicker. Anyone know a way I can go from a text field to clicking the "Cancel" button without firing the onBlur event? I normally don't like doing validating on-the-fly like this, but my application has the requirement of updating that Total box dynamically, so I have to perform field-level validation as I go....
View 2 Replies
View Related
Jul 23, 2005
I cannot seem to get these two events to work together. If I change
them to say onmousedown and onmouseup, they seem to work fine. In this
case, the onclick appears to work properly but onblur does not kick
in.
<a href="javascript:submitCheck();"><img border="0" alt="Next"
name="btnNext" src="Resources/SurveyButtons/Next.gif"
onclick="this.src='Resources/SurveyButtons/Wait.gif'"
onblur="this.src='Resources/SurveyButtons/Next.gif'"></a>
Any ideas? am i doing something wrong?
View 5 Replies
View Related
Jul 23, 2005
For those who have been using Outlook Express, you must be pretty used to
the fact that whenever you focus on the preview section, the header for the
preview turns from grey to blue, while the text turns from black to white.
Code:
View 3 Replies
View Related
Mar 3, 2010
I am trying to use onBlur to get to pictures to pop up when a user leaves a text box. The only requirement is that a user must enter any value into the text box if they want the pictures to pop up. Unfortunately, I cannot figure out why my code will not work
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
View 3 Replies
View Related
Feb 2, 2008
Supose I have a couple inputboxes, and all have onBlur ---> purpose to evaluate min lenght of text, ... before exiting
input box.
They are all contained inside iFRAME. The onBlur event triggers allso outside iframe, on close browser window, etc
which is unwanted.
1.How to limit onBlur event triggering to objects inside certain IFRAME
2. or..
<input type='text' id='nick' onblur = func(this) ...
function func(obj)
{
// pseudocode - can this be done somehow?
alert(document.getElementById('the next obj that just recived focus'));
}
View 2 Replies
View Related
Jan 5, 2006
I 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>
View 10 Replies
View Related
Sep 25, 2006
I have an JS function called from one of my JSP on Blur on a text box. But the JS function is not being called. I am pasting the code below.
<td width="14%">Date of Losses: </td>
<td width="14%">
<input type="text" maxlength = 2 size=2 name="txtLossdd" value="<%=strLossdd%>" checkDay(this)">-
<input type="text" maxlength = 2 size=2 name="txtLossmm" value="<%=strLossmm%>" checkMonth(this)">-
<input type="text" maxlength = 4 size=4 name="txtLossyyyy" value="<%=strLossyyyy%>" checkLossDate()">
</TD>
The JS function
function checkLossDate()
{
alert("Test");
var lossDD=document.frmSicsClmHdrSetup.txtLossddFrom.value;
The first three lines of the function.The first alert not being called. I have used the same logic in one of my other JSP's.There it worked fine. I know i am missing some silly things.
View 1 Replies
View Related
Feb 21, 2009
The onblur event for <div> or <table> is not working while it is working for <input checkbox, text> fields
<div id="abc"
onblur="onblur();">
<table style="border-top: none;color: black; border="0" cellpadding="0" cellspacing="0" onblur="onblur();">
[Code].....
View 6 Replies
View Related
Nov 10, 2006
I am struggling to find definitive information on how IE 5.5, 6 and 7
handle character input (I am happy with the display of text).
I have two main questions:
1. Does IE automaticall convert text input in HTML forms from the
native character set (e.g. SJIS, 8859-1 etc) to UTF-8 prior to sending
the input back to the server?
2. Does IE Javascript do the same? So if I write a Javascript function
that compares a UTF-8 string to a string that a user has inputted into
a text box, will IE convert the user's string into UTF-8 before doing
the comparison?
I think that the answer to question 1 is probably "YES", but I cannot
find any information on question 2!
View 44 Replies
View Related
Aug 2, 2010
Geeting a JS error from IE 6 only in this method: handle: function( event ) { var all, handlers, namespaces, namespace, events;
[Code]...
On the last line of the code snippet above. It appears to me that IE6 doesn't like the fact that the events object is undefined. To trigger this error we are doing a simple blur binding to an input box. ex:
$(field).bind('blur', function(){onfocusout(this);}); It appears IE 6 stops executing JS after the error (imagine that). Is this an issue in jQuery core or BTW I know MS has dropped IE 6 support but we still have customers.
View 2 Replies
View Related
Aug 25, 2010
I have javascript calculating the total price of all the products in a shoppping cart. The prices are in the format of 10.99 or 5.50 or 10 ete.g if there are five items bought for 10.99 and 1 bought for 10, the script will multiply 10.99 by 3, then multiply 10 by one, then add the two results.
The resulting number is sometimes right, but quite often it ads an extra '000000002' or so to the amount??
[Code]...
View 3 Replies
View Related
Sep 9, 2007
a common task when writing multi-use functions, is deciphering the type of data passed to the function.
Javascript's built-in data identification methods complicate function writing, by imposing a "20 questions" style interogation to determine the actual, useful to a programmer, type.
they also slow down functions, requiring both a function execution and a comparision operation upon every type guess.
a common method is something like:
if(typeof x=='string'){ };
but this has several limitations. for example:
x=[1,2,3];
typeof x; //returns 'object'
safely catching an undefined is often done like:
if(typeof x != 'undefined' ){ };
my function making got a lot easier after writing these simple prototypes:
String.prototype.type="string";
Array.prototype.type="array";
Number.prototype.type="number";
Boolean.prototype.type="boolean";
Date.prototype.type="date";
Object.prototype.type="object";
RegExp.prototype.type="regexp";
Function.prototype.type="function"
if(!!window.XML)XML.prototype.type="xml";
String.prototype.isString=1;
Array.prototype.isArray=1;
Number.prototype.isNumber=1;
Boolean.prototype.isBoolean=1;
Date.prototype.isDate=1;
Object.prototype.isObject=1;
RegExp.prototype.isRegExp=1;
Function.prototype.isFunction=1;
if(!!window.XML)XML.prototype.isXML=1;
the result?
shorter simpler code.
examples:
// smarter object typin':
[1,2,3].type; //returns 'array'
//when expecting a string or array possibility:
y=x.isString?x:x.join();
//more-flexible event handling:
function doBold(elm){ //accepts element object or id string...
if(elm.isString){elm=document.getElementById(elm);}
elm.style.fontWeight="bold";
}//end doBold
// detect an undefined variable:
if( ! x.type){ alert('x is undefined')};
by tucking the protos in your script file, you get simpler, faster-executing code. (for a tiny bit of overhead)
if script length is of upmost concern (as in a bookmarklet), these smaller protos give you simpler typing: (without the speed benefits...)
Object.prototype.type=function(){return typeof this;};
//usage:
switch(x.type()){
case 'string': return x;
case 'date': return x.toLocaleString();
case 'array': return x.join('
');
default: return x.toString();
}//end switch;
//another one:
Object.prototype.isType=function(strType){return (!! typeof this === strType)};
//usage:
x=101;
x.isType('string'); //returns false
x.isType('number'); //returns true
View 12 Replies
View Related
Jan 20, 2008
I have two div elements (both dynamically created, one within the other). The parent div has an event attached to it:
contextmenuDIV.onmouseout = function () {doSomething()}
for example. However the onmouseout event will fire when you mouseover the child div as (of course) I am technically leaving the div layer (despite it being the parent).
Is there anyway to cancel this? I've read all about bubbling and all that, but it's just confusing me even more!
Anyway, at all, to allow me to have divs within another div element but only allow the event to fire for the parent!
View 2 Replies
View Related
Jan 11, 2009
why I should use the dom level 2 event handling over inline events like ...
Code HTML4Strict:
<a href="http://www.yahoo.com" onClick="myFunction()">click me</a>
I work in a team of developers and our pages are dynamically created using Java.I can at any moment change the inline JS across a site due to this so changes are easier then if the site was just static HTML.As far as reasons to use dom 2 over inline, I looking for something beyond:
it separates behavior from html
it is a best practice
it is the 'modern' way of doing it
I need facts that explain why it is a best practice or why 'modern' is better like : you can only assign one function action to the event.That was just an example which I see but is not true to me.I can either assign multiple functions to it like:
Code HTML4Strict:
<a href="http://www.yahoo.com" onClick="myFunctionA();myFunctionB();myFunctionC()">click me</a>
or I can call my functions from a single function call like
Code HTML4Strict: <a href="http://www.yahoo.com" onClick="myMultiFunctionCall()">click me</a>
and then have a function defined before the inline call like
Code JavaScript:
function myMultiFunctionCall()
{[code].....
Here the second statement overwrites the first.By the way, here is a con for using dom and to me a big one considering debugging: you can't see what event handlers are assigned to what unlike inline where it is obvious because it is in the page. see http:[url].......
View 5 Replies
View Related
Jan 9, 2003
I am working on this web site with some of the pages at a different domain name. It is actually one web site, but some of the pages are at a different domain name (different root, too) although the IP address is the same.
Basically, there is one main window, and a pop-up window. They need to "talk" to each other - mainly access properties to see what page they are on.
As, the web site is on two domain names, there is a security problem when the pop-up window tries to read properties in the main window, or vice versa.
Is there anyway to share information between the two? Or is it hopeless?
View 1 Replies
View Related
Jan 6, 2010
The following bit of javascript writes and retrieves a cookie which counts a users visits to the page. Then using swfobject it both embeds main_banner.swf and passes the cookie value "visits" to it via flashvars. The trouble is in the actionscript below; the vallue has been passed (this is certain, because the .swf shows up rather than the alternative content)- but the .swf is stuck on the first frame rather than processing the cookie and sending the user to the appropriate frame label.
View 1 Replies
View Related
Nov 17, 2011
I am having a list (ul) in which a mouse over will populate its sub categories as list under that(like tree) and so on. My problem is, when passes mouse over a 2nd or 3rd level element, 2 mouse over events will be fired (The actual one and its parent) The sample code is given below
HTML Code:
<ul>
<li>
Root[code]............
View 2 Replies
View Related
Apr 28, 2010
How can I have a button with onclick that calls a function which returns a true/false based on the associated input, and based on the return value shows a message that it was true or false. I see how onclick can call one function, but is there a way to call two functions and use the return value of one of the functions?
[Code]....
View 3 Replies
View Related
Jul 23, 2005
I'm having some trouble with the "onBlur" event in the BODY tag.
Ideally, what I want to happen is that when someone leaves window A,
window A executes a command. I had put
<body onBlur="savePage();">
I have a couple of problems. On IE 6 (win2000), whenever I put the
cursor focus on a textfield within window A, the "savePage" function
is invoked. And on Mozilla Filefox 0.9.1, the event never launches
even when I leave the window.
Does anyone know how I can solve these respective problems?
View 2 Replies
View Related
Jan 21, 2006
What is the replacement for onBlur in Mozilla
<body STYLE='background-color:buttonface;' leftmargin=0 rightmargin=0
topmargin=0 bottommargin=0 onBlur="window.focus()">
View 1 Replies
View Related
