I've developed a web application which handles a big ammount of data
(acquired via web form), so it takes 30-40 seconds to show the result.
In order to calm down users, I want to implement some JavaScript code
which shows:
------
"Wait a moment...."
------
while it makes calculations.
Do you know any solution?
I'm trying to write some code to show a little div (with an image
is sayng is loading...) that is showed when the page is loading...
the events I can use are onbeforeunload, onunload and onload but with
that the code does not work!
are there a solution to show a little div while the page is loading
and then make it to disappear when the page is loaded?
I have a button in a form and I want to change the text displayed when button is clicked.Here is how button is declared-
<button type="button" name="sel1" id="sel1" class="chooseNo" onClick="selectNum(this,1);">Choose<br >Nos</button>
Text inside the button is displayed in two lines.However when I try to change text after click event, it shows <br /> tag instead of inserting line break- Here is java script that I am using-
function resetBtnText(idx,txt){
//txt has a vale of - "Clear <br/>Nos"
document.getElementById("sel"+idx).innnerHTML =txt;[code]........
I am using a custom dialog function which is called after an AJAX request to see if a file exists. This dialog shows a "Continue" or "Cancel" button and returns true or false depending on which button is clicked. It can also be switched between "alert" and "confirm" functions.
Here's the function:
//Popup dialog
function popup(message,mode) {
// get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
// calculate the values for center alignment
var dialogTop = (maskHeight/3) - ($('#dialog-box').height());
var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2);
// assign values to the overlay and dialog box .....
$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();
if(mode=="alert") {
$('#continue, #cancel').hide();
$('#close').show();
$('#close').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return false;
});
} else {
$('#continue').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return true;
});
$('#cancel').click(function() {
$('#dialog-overlay, #dialog-box').hide();
return false;
});
$('#continue, #cancel').show();
$('#close').hide();}
// display the message
$('#dialog-message').html(message);
}
Here's how I call the function:
success: function(result) { if(result==1) {
if(!popup("<p>Plugin version exists. Overwrite?</p>","confirm")) {
$('#file_upload').uploadifyCancel();
} else {
$('#file_upload').uploadifyUpload();
}} else {
alert("Doesn't Exist ");
}
After a few tries I realised that the file was always being uploaded whether it existed or not. I then used the alert function to show me what is being returned from the popup() function and it was returning "undefined". Obviously the function isn't waiting for a response from the listeners. How can I change this so the function doesn't return until one of the buttons has been clicked?
New to javascript/jquery, been trying to create a rotator which displays a large image with caption and uses next/previous button and thumbnails for control. Everything works fine but when the rotator gets to the last item i'd like it to go back to the first, and when the previous button is clicked at the first item I'd like it to go to the last.
$(document).ready(function() {
//set to zero
var x = 0;
[code]....
How can I make something in jQuery slideDown without pushing things under it down? To take it out of the flow so it just overlays a slidedown like a typical dropdown menu? Can slideDown be used for that?
View 2 Replies View RelatedI'm working on a image upload script. I have finish the PHP side of things now I'm ready for javascript to do its side of things. I wanting to have no page refresh the only way I know of doing this is pushing the form data to a iframe with the target property
View 3 Replies View RelatedI'm using javascript to show and hide (via display:none & block) a drop down horizontal menu. But it pushes my content down the page. Can I keep it in a set space so nothing moves when it shows up?
View 2 Replies View Relatedi've already create a form that will pop up an alert message if there is an empty input. it went great. but after i edit <form onSubmit="return formValidator()"> to <form onSubmit="return formValidator()" action="html_form_submit.asp" method="get"> i don't know why my submit button cannot send this form to html_form_action.asp.
<html><head>
<title>Kelab ICT OUM</title>
</head>
<body>
<script type="text/javascript">
function formValidator(){
var nama=document.getElementById("nama");
[Code]...
I want to make few forms but 1 submit button. I want to do 1 page, 5 forms, 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
View 2 Replies View RelatedCan I send a key stroke to effectively click the back button?
View 5 Replies View RelatedI need to get something fun! with setTimeout function!I am n00b! :D so be patent please.I need when <body onload="Myfunc();"> fires, that function should show "Please wait...!" or "Loading...". for , say 5 seconds!. then it disappear.I used setTimeout with that but it didn't do what I wanted!here is my code:
function Myfunc(){
document.getElementById("ss2").innerHTML = "Loading...";
setTimeout("Myfunc();", 5000);
[code]....
<?php
session_start();
if (empty($_SESSION['is_logged_in']))
{
header("Location:chatframe.php");
[Code]...
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
Code:
I am a PHP programmer and new to Javascript and jQuery and I have tried about 20 examples/tutorials and cannot seem to get even close to what I want.I have a form (PHP/MySQL) with a list of subjects I got from my database, and then create a set of radio buttons from that list. And based on what radio button they select, I need to pass that variable to a div (at least that's what I want to use) and then show a list of videos that match the radio buttons value. I don't care if its a get or post or other.I tried to use GET or POST so I can use that value for my PHP/MySQL lists.I am open to any suggestions/tutorials, etc.
View 1 Replies View RelatedI want to make few forms but 1 submit button. I want to do 1 page , 5 forms , 1 submit button so when i click on the submit button it will send the 5 forms as 1 form.
View 2 Replies View RelatedI am trying to get a line of text that a user types into a textfield to appear somewhere else on the screen. AT teh moment when the user presses submit it refreshes the page and does write the text line to the screen but it is a brand new page and I lose all my content.
View 11 Replies View RelatedI have been trying for several days now to append a text caption to a displayed image using Javascript, but with no real success. Perhaps JS is not the best way. Has anyone a suggestion as to the best way to tackle this.
I want to replace the image captions with text ones to help speed up the site. It is my home site here [URL].
A modification of the existing code seems obvious, but I have been unable to do this.
Here is the code im using for a slideshow, i would like to add a title and or a caption to each image
<td width="33%"><h4><u><center>Slideshow</center></u><br/><img src="Images/img1.jpg" name="photoslider">
<div align="center">
<script type= "text/javascript">
[Code]....
I have a database that contains a filename and an associated caption. Switching the photos works OK, but I want the caption above the photo to change as well. I'm getting the correct data back so that's not the issue.[code]...
View 6 Replies View RelatedI have a gallery on my site here:
[URL]
add a caption to the bottom of the images when they are clicked on and perhaps even a link?
I cannot work out why this doesn't work.
$(document).ready(
function(){
// Actual jQuery goodness that moves the captions
// Set the default value for the caption
$('.boxcaption').live('click',
function(){
console.log(this);
});
});
When I run the following and click on a .boxcaption element. It returns the this value 15 times, once for each .boxcaption that is on the page. I only want to return one value, which is the one I have clicked on.
I'm looking for a lightbox that allows me to have 3 lines of captions. Line one would be the art title, line two would be art dimensions, and line three would be media used. Would someone point me in the right direction? I have a lightbox that supports multiple lines, but doesn't allow for line breaks in the caption.
View 6 Replies View RelatedIm not sure if this is a php problem or javascript, but since the actual photo gallery is run by javascript I'll post it here, sorry if its not though.
Everything works fine but when I click on another image to change the main image the caption wont change with it.
<script type="text/javascript">
// Gallery script.
// With image cross fade effect for those browsers that support it.
// Script copyright (C) 2004-08 [url]www.cryer.co.uk[/url].
[Code].....
point me in the right direction as to where I can find a javascript modal window image viewer that allows html in the caption area? It seems like I've been searching forever and can't find anything that natively supports it.If one doesn't exist, then maybe point me in the direction of adapting one? My js knowledge is a little limited.
View 3 Replies View RelatedIve used this tutorial code...
But when I hover over the Wrapper DIV the Description DIV also fades.
I want the Description DIV to remain at 100 opacity even when I hover over the wrapper.
Is that possible?