I am doing a simple function to validate text fields(you can see the code below). Now, the alert box appears only once when I refresh the page, not when I click inside or outside the username box. #username is the id of a input text field. On a sidenote, how can I pass multiple parameters to the function(not a fixed number of params)? or should I just pass an array?
[Code]...
I'm currently facing a weird issue with the onchange event. I have a web application where each blur event makes a call the webserver to store the value of the textfield. I only want to trigger that ajax call when something has changed, so i track the onchange event on each textfield to set a flag if something has changed.
The onchange event always fires to first time when i click outside of a textfield even if i didn't change anything in the field.
I narrowed it down to the following: A prefilled textfield always fires the onchange-event the first time you leave the textfield. An initially empty textfield does not fire the onchange event.
Sample code (IE 8 on Windows 7 computer):
script:
HTML:
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 want to handle focus and blur events on any DIV element but don't know how? I tried this one:
$('.myDIV').bind('focus',function(event){
// something
});
But it doesn't work!
I am sure that this is a BASIC question for javascript gurus but I'm struggling to resolve.The form starts with the cursor focus in the FROM ACCT NUMBER FIELD. When I tab to the next field without entering any value in this text field I want to send an alert to the user that the field is required and put the cursor back on that field. I attempted to do that using:
$(function() {
$("#ARTransferForm\:fromAccountNumber").blur(function() {
var fromAcctNumLen = $("#ARTransferForm\:fromAccountNumber").val().length;
[code]....
I have a textarea and a DIV as code below. The way it supposes to work is when I focus on the textarea by clicking it, the DIV will show. Otherwise, it will be hidden. Then when I click the DIV, there will be an alert(). However, right now if I click on the DIV, it will trigger the blur() event first which calls to hide() the DIV. After that, the click event is not called at all. I need to be able to click on the DIV and the DIV is not hide() at all and show alert().
<!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>
[Code]....
I have an asp.net web application which includes jquery plugins and runs very well locally( ie using ASP.NET development server) but when deployed or published to IIS 5.0 the same is not working. Is there anything to do with jQuery not supporting IIS5.0 and ASP.NET 2.0.
View 1 Replies View RelatedI'm working on a simple slideshow made with jQuery. What I'm trying to do now, is to make it change image every X second. I know how to change image, but i'm kind of stuck trying to find out how to make it "do something" every Xth second.
Here's an example: (obviously not working..)
function slideSwitch() {
//change image...
}
setInterval(slideSwitch, 5000);
//make the function slideSwitch execute every 5th second.
Also, is there any "else if" function in jQuery? Like in for example PHP, you can use "if", "else if" and "else".. like this:
if(){
}else if(){
}else {
}
So is there any function like that? I googled it, and I found out I have to use some kind of plugin for it to work? How do I use it?
I'm triing to write script that close popup window, when user click outside the popup. Script below is working fine in firefox (v1.0.3), but not in IE.
I tried also to print hello but still the same problem firefox OK IE not. I think the problem is in event capture, but I can't fix it.
My script:
fotowin = window.open("", "foto", "width =100,height
=100,location=no,menubar=no,directories=no,toolbar =no,scrollbars=no,resizable=no,status=no");
fotowin.onblur = closeWin;
if (fotowin.captureEvents) {
fotowin.captureEvents(Event.BLUR);
}
function closeWin() {
fotowin.close();
//fotowin.document.write("hello");
}
I have these "editable" divs in my document. When you click them, a text box comes up and you type something and push enter. It changes what's in the div.There is also a blur event associated with the text box. When the user tabs or clicks away, it fires the blur event. Here lies the problem.I have other elements on the page that are clickable. I don't want those clickable things to fire their events if the user is clicking away from the text box, ie. the blur event. This isn't a problem is the user pushes tab, for instance.
View 3 Replies View RelatedWhat is the practical use window.focus() and window.blur()?
View 2 Replies View Relatedi want to store current textbox value in session on onblur event of textbox.
how can i do this. i am using javascript ans asp.net 1.1. And
How can i call server side function on onblur event of textbox.
I want to execute server code invoked from inside Javascript code.
I will have my server code in a servlet, callable with a URL, but how
do I invoke the servlet from Javascript without reloading the page and
not opening any window? I mean, I don't want to display the HTML result
of this request.
I set up a variable that should replace HTML code when run but it doesn't seem to be doing that...
Here it is:
Any idea why? (My console isn't showing any issues)
For 2 day ago, i have re-read and re-write my code in first i have very very broken code execution in web in second :, i re write the code and in previewer browser ( i use mozilla 3.6.8) its work off line, but when i have implanting in web page, its not work, in 3rd, with mr.airshow support i have rewrite and it work on web page (thanks mr. airshow) but still in my mind, again :
Question :
1. Why the 2nd code can not execution in web page ?
2. How the code must be to load in web page ? Any rules ?
Here are the code :
I am having some difficulties getting some inline js code to run when
retrieved via AJAX by XMLHTTPRequest.
Basically I am running a php script every 15 secs or so that does a query of
a mysql database, checks to see if any new chat requests have been sent to
the user, and if so, it is simply returning them via a "echo" statement, and
the info is placed into a DIV in my sidebar.
Now when I add something in like:
<script type="text/javascript">
alert('you have a chat request');
</script>
it runs if i go ahed and run the script by itself, i get the chat requests
and the alert to popup. When the script is called via AJAX and loaded into
the div, I get the message from the mysql query about chat info, but no
javascript alert.
Am i just missing something stupid here? Like I said, it works when I run
the script by itself, just not when called via XMLHTTPRequest.
I've run into a roadblock I just can't seem to get past. I'm developing a website for work (internal) and I have a lot of javascript calculations going on when someone enters data. What I want to do is to have a div apear when it begins calculating and goes away when it ends. I'm using:
// CSS code
div.loading-invisible{ display: none; }
div.loading-visible { display: block; ... various formatting here ... }
// Javascript
function calculate(evalForm) {
document.getElementById("loading").className = "loading-visible";
[Code]...
It works great in firefox. The div display appropriately, calculates, then disappears when it's finished. However, in IE it seems to want to calculate everything before anything is displayed. I placed alerts in the code to be able to pause it mid way and it worked. But without alerts it just hangs while everything is being calculated and the code for the loading screen just seems to cancel itself out. I attempted to put some waits in the code such as:
[Code]...
Two buttons - "Calculate" and "Start" do not seem to be executing the code associated with them. I cannot figure out why -- code is below...
View 1 Replies View RelatedI want to add the values of several variables in one variable and then use this variable, which contains the values of variables
You can see the following example
HTML Code
Javascript Code
After executing this code I find that the variables are not displayed values
As in the following picture: [url]
What I am trying to do is have an input box where the user inputs a word(s), the a button which onclick changes the user's input data so that each line is modified to have a "<<" before the word and a ">>" after.
For example :
user types:
apple
orange
pear
[Code]...
I have a button on a page that is created with the <input> statement - this statement also contains the event handler onClick. The button displays correctly on the page but the event handler is not working - I know this as I put a simple alert at the beginning of the function PrcsBtn1.
<script type="text/javascript" language="javascript">
function PrcsBtn1()
{
var data2 = new Array();
[Code]....
I am having issues with the following bit of code:
function test(){
window.alert("Alert1");
var testvar = document.getElementById("topMenu").getElementsByTagName("li");
[code]....
I have a simple button in my HTML. I also have a function in my external JavaScript file. This function calls an alert box with some text. Now, I also have a global variable in my JavaScript that gets the button by id, then assigns the onclick event handler to it which in turn is assigned the call to my alert box function. Simple right?
Problem: The alert box shows up when the page loads as well as when the button is clicked. This is not desirable. code...
New to jQuery, I did many searches before posting. This is happening in both IE6 and Firefox 3.0.13. I've gotten the following script to work under strange circumstances (explained below
first snippet).
[Code]...
I have a page with a form, that represent questions and the corresponding answers.I defined the minimum questions, answers, and their maximum.So I added a link in the form to add question (along with the minimum amount of answers), and a link per question to add an answer in it.the "click" event for my links is like:
$(document).ready(function(){
$(".addquestion").click(function(event){...});
$(".addanswer").click(function(event){alert("addanswer");...});
});
the code look more like JS, but basically it.adds the html code in the corresponding divs.The problem is the following: if I add a question, it also add a link to add answers to this question, but this link does not fire the event.Did I miss something to add to make it work?I mean the link in html page is exactly the same, I even tried not
changing the part with the int, it still doesn't work.
I'mtryingto put the right code in place to stop event bubbling on my menu script. I have a the following code for the mouseenter event. I can't find where's appropraite to put stopPropagation()
menu_trigger is an array which is cycled through to put the mouseenter event onto the right <th> tags menu_objects is an array linking to the menu which should be shown.
[Code]...