Does anyone know how to add an ajax loader to the remember the milk validation example? So that while the backend is busy, it shows the gif, when it's finished, it hides the gif...
View 5 RepliesI'm creating a site using AJAX and I would like for an ajax loader to appear in between the page loadings.
$("#menu ul li").click(function(event) {
$("#ajaxLoader").show(function(){
alert('hello');
});
setTimeout("jQuery.fn.test("about");", 3000);
});});
jQuery.fn.test = function(page) {
$("#content").load(page + ".html");
$("#ajaxLoader").hide(function(){
alert('good bye');
});};
This works perfectly the first time - the ajax loader appears for about three seconds before disappearing and instead the page is displayed. But the second, third, fourth ... time, the ajax loader never shows up.
I'm working on a php/jQuery application, I want to display a loading image automatically every ajax request, without writing code for every ajax request. Is there anyway to do this.
View 1 Replies View RelatedIn the below code, the ajax-loader disappears before the html returned by .load is actually visible in the browser. How can I correct it?
[Code]...
I have a form that uses ajax to load some of the elements. If the database says a checkbox has been previously ticked then the box itself is unavailable in the form. Ajax continuously checks and updates the form accordingly. The problem I'm having is when I check an available box ajax unchecks it the next time it refreshes. I just need the form to "remember" which boxes I've checked after an ajax update. Does anyone know how to retain new form entries between ajax refreshes?
View 1 Replies View RelatedCan anyone teach me on how to use this script? (im not a programmer )
i wish to use this but the images are in each div code...
I am having a little problem trying to show a loader (An animated GIF) while some request to a database happens. I have a page where the user selects a YEAR and when they select it with AJAX I perform a request to a database to get all the values for that specific year.
The problem is that there is a lot of information (4000+ records) that I need to query and show in a table (Actually I didn't use a table I use DIVs that look like a table), and when the user selects the year the webpage freezes for about 5 seconds and then it loads all of the data.
Is there a way to sort of show an image loader gif while the data is being gotten? I tried putting the loader image in the DIV container while no year is selected and then once the request is done, I substitute the DIV container's contents (The image loader) for the data from the database.
[Code]...
I'm trying to make a username form validation combined with ajax but I'm stuck at 1 point. I need to use a var that is outside of my $.get() function so that I can add the function to the validate plugin.
This is what I have:
As you can see, I'm trying to change the value of "var result" to true, but since that is outside of my $.get() it doesn't seem to happen. I tried to put the return command inside the $.get function, but then my validator always keep saying it's a false check.
Is there anyway I can call that var inside my $.get function?
I use ajax submit for my jquery validation form. I NEED a captcha for the form, being I am getting attacked by bots. I cannot figure out how to do it. I will past my code below.
$('#contact_form2').validate({
submitHandler: function(form) {
var str = $("form").serialize();
$.ajax({
type: "POST",
url: "contactpage.php",
data: str,
success: function(){
$('#contact_form2').html("<div id='message'></div>");
$('#message').html("<h2>Contact Form Submitted!</h2>")
.append("<p>We will be in touch soon.</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("<img id='checkmark' src='images/check.png' />");
});}});
return false;
}
I have a form and i am using jquery validation plugin to validate form.now i want to after validation submit form using ajax.
here is the example.
Code:
<form id="frmRegister" action="" method="Post" >
<input type="text" id="username" name="username" value="" />
<input type="submit" id="btnRegister" name="btnRegister" value="Register" />
</form>
[Code]...
I have a scenario where I have the following jquery
Code:
$("#frompdc<?php echo $JavaCnt;?>").change(function(){
var id = $('#id<?php echo $JavaCnt;?>').attr('value');
var frompdc = $('#frompdc<?php echo $JavaCnt;?>').attr('value');
var topdc = $('#topdc<?php echo $JavaCnt;?>').attr('value');
$.ajax({
type: "POST",
url: "AJ_Update.php",
data: "firm=y&id="+ id + "&frompdc=" + frompdc&topdc=" + topdc
});
And some php to insert this data
Code:
mysql_query("UPDATE TBLTRANSFERS SET FROMPDC = ".$_POST['frompdc'].", MOD_TS = '". $timenow ."' WHERE ID = ".$_POST['id']);
I'm trying to throw some validation in here which I can do in php (a language that I'm much more proficient in) but can't figure out how to get the two together. I want to be able to do a select against another table I have for both the frompdc and the topdc.
Code:
$tofpdcresult = mysql_query("SELECT * FROM tbltransferspdcexclusions where FROMPDC = '".$frompdc."' AND TOPDC = '".$topdc."'");
$tofpdcnum_rows = mysql_num_rows($tofpdcresult);
And if it exists I want to give a popup message to the user as well as blank out the field.
I'm struggling with two things:
How do I get ajax to run two queries and return the results to a popup window?
How do I blank out the field in the form?
I have a PHP page that talks to a MySQL page, i want to put in a "loading"
message. I have tied to use a layer and using a showlayer at the top of the page and
hide at the bottom, but it does not work, it still waits for the PHP to run. I know it can be done, as i have seen it, how do they do that?
I like the looks of the validation engine plugin, but I can't figure out one thing... For a particular form field, I need to use an Ajax service to validate the data. I have to pass the value of the text input, of course, but I also need to pass a couple of other key=value pairs along with it. In the file with the selectors there's the option to add extraData (like extraData="name=eric") but I need to set these parameters based on some dynamic info.Is there a way to pass extra information to the ajax service?
View 1 Replies View RelatedIs there a way of getting javascript to load or reload on a mac?
At the moment I use this function Code:
function addScript(js) {
mybody=document.getElementsByTagName("body")[0];
newScript = document.createElement("SCRIPT");
mybody.appendChild(newScript);
newScript.setAttribute("type","text/javascript");
newScript.setAttribute("src",js);
}
but it doesn't seem to work on the mac.
I know I have the option of working with xml, but why would I want to create another output when my script already has a html output.
I use it like this (php)
Code:
$html="";
$html.="<h1>livescript</h1><p><a href=http://www.sitepoint.com title="sitepoint">Sitepoint</a>";
if($_GET["live"]=="on"){
header("ContentType: application/x-javascript");
echo "document.getElementsByTagName("body")[0].innerHTML="".preg_replace("/"/","'",$html).""";
} else echo $html;
works nicely, but not on a mac.
http:[url].....If you're on fast internet, you might not even see it, but I don't know how they do two things upon entrance.
1.) Allow the content to load (and function as a preloader)
2.) Get everything to fade in after loader completes. Is it just a div overlapping everything where opacity turns from 1 to 0 or what?
I know this loader must be javascript, but this is all I can find when viewing the source, so I don't know if there is php involved but I'm guessing there is.
<div id="csd3-jscheck">
<h1>Color Scheme Designer 3</h1>
<div id="csd3-load">[code].....
I have a small function that replaces an image with that of a clicked thumbnail (and updates some text). Is it possible to display a loader whilst the new image is being downloaded?code...
View 4 Replies View RelatedIm using below code to load the page when im selecting option in dropdownbox. Now, I need to add loader img before load page.
[Code]...
I have a problem where if a form submission (set up to submit via AJAX) fails validation, the next time the form is submitted, it doubles the number of post requests - which is definitely not what I want to happen. I'm using the jQuery ValidationEngine plugin to submit forms and bind validation messages to my fields. This is my code below. I think my problem is that I need to unbind from the validationEngine plugin when the form fails, but I can't figure out how to do this.
[Code]...
This is a script that will load a page with a random background song, plus will refresh the page when the song finishes!
<script language="javascript">
// use this script freely
// var numsong stands for the number of songs given
var nummidi = 5
day = new Date()
seed = day.getTime()
ran = parseInt(((seed - (parseInt(seed/1000,10) * 1000))/10)/100*numsong
+ 1,10)
if (ran == (5))
{
song=("song source")
words=("song name")
time=("song time in seconds")
}
else if (ran == (4))
{
song=("song source")
words=("song name")
time=("song time in seconds")
}
else if (ran == (3))
{
song=("song source")
words=("song name")
time=("song time in seconds")
}
else if (ran == (2))
{
song=("song source")
words=("song name")
time=("song time in seconds")
}
else if (ran == (1))
{
song=("song source")
words=("song name")
time=("song time in seconds")
}
document.write('<meta http-equiv="refresh" content="' + time + ' URL=npmusic.html">')
document.write('<EMBED SRC= "' + song + '" CONTROLS=smallconsole HEIGHT=45 WIDTH=290 AUTOSTART=TRUE LOOP=FALSE VOLUME=100%>')
document.write('<br>You are listening to ' + words + ' ')
</SCRIPT>
This script was made for a small pop-up window to have nothing but the song file in it. Also, you use this script in the <body> of the file. (Yes, the meta tag works there) ...
I have 3 tabs that call an external ASP page that has a rather intensive Database query and takes a while to execute and display. On my tab there's a link to another page. once that page is finished the user goes back to the tab. But my problem is it's going back to the database page (that takes a while to execute).Can the original page be cached and remembered so that I dont have to keep calling my database page?
View 1 Replies View Relatedhow do you save the position of a widget or list ?[URL]...
View 3 Replies View RelatedI have built a website with draggable scaleable items on a page. You can see what I've done here... [URL]
It uses java script from... [URL]
What I need the site to do is remember the position and scale of the items so that when visitors return to the site the items are where they left them.
I believe it is possible to store this information in a cookie, however I have no idea how to do that or make it work.
i have a slider ( slideup and slidedown of a div box ) and in the div box i have a menu. If i click on the menu the page will refresh and my div box do not show because standart the div box is up ( slidup ). can i make jquery remeber how position is my slide ? if the page do refresh i will see my div box.
View 2 Replies View RelatedI want to make a gallery with image loader. When image placed in JavaScript Image object finishes loading, the script includes it into HTML code and performs jQuery fadeIn effect on it.
The '.complete' property of the Java Script 'Image' object is perfect for this purpose(recognizing when image has finished loading) but the only problem is that Mozilla Firefox doesn't recognize this property and in this browser it's always true(always loaded) even if it's not. The script works perfectly in other browsers.
Does someone of you know what is the other way of recognizing whether the image finished loading or not?
I want to start coding using the YUI provided by yahoo, but do not understand how to set up the yui.loader script that pulls in the rest for me. What this script does is pull in all dependencies and install them. Just like using the installer in linux. But there does not seem to be any howtos for beginners. I have never used jaascript before, And this is suppsed to be a cut & paste way of getting started but I have been doing that most of the day and reading about it but I still obvoisly do not understand or missing somthing.
[Code]....
You know when you go to a website, and you see a window that expands with content in it. It also gives you the option to close it. What do you call this window? I forgot, but told myself I would go back and learn it.
View 3 Replies View Related