JavaScript - Javascript Preloader While Waiting For Download To Start? Please Help

I have multiple images and am trying to load it as an array. It's the first time I've used this method and I don't think it's actually working. Here's my code:

Code:

<script type="text/javascript">
<!--
if (document.images) {
	var slides = new Image();
	var pic = new Array();
	pic[0] = "images/cottage/livingroom.jpg";
	pic[1] = "images/cottage/bed.jpg";
	pic[2] = "images/cottage/kitchen.jpg";
	pic[3] = "images/cottage/porch.jpg";
}
//-->
</script>

What do I need to make sure it works?

Hi,

I was wondering if there is anyone who could help me!

I'm creating a Javascript slideshow, I have 'back' & 'next' functions which work.

However, I'm not sure how to create a 'start' and 'stop' function (have to be separate functions), here is my current code below?

IS there a genius out there who can help?!



-------------------------------------------
<div id="slideshow">
<div class="mainimage">
<img height="300px" src="images/homemainimage.jpg" width="300px" height="300px" name="photoslider"/>
<script language="JavaScript1.1">
var photos=new Array()
var which=0
photos[0]="images/css3.svg"
photos[1]="images/cloudcomputing.png"
photos[2]="images/Rss.jpg"
photos[3]="images/html5.png"
photos[4]="images/jQuery.png"
photos[5]="images/firewall.png"
function swapImage(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
setTimeout("swapImage()",10000);
}
window.onload=swapImage;
function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}
function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
}
</script>

<input type="button" value="&lt;&lt;Back" name="B2"
onClick="backward()">

<input type="button" value="Next&gt;&gt;" name="B1"
onClick="forward()"><br>

---------------------------------------------------------

Thanks in advance!!





Reply With Quote




01-20-2015, 09:56 PM #2
felgall View Profile View Forum Posts Visit Homepage

Master Coder Join Date Sep 2005 Location Sydney, Australia Posts 6,745 Thanks 0 Thanked 666 Times in 655 Posts

It would be easier if you used setInterval rather than setTimeout as then you just need to use clearInterval to stop and setInterval to restart.

Note also that both setTimeout and setInterval expect a function as their first parameter and not a string (except for IE3) and so the way you have it coded it has to eval() the string to convert it to a function.

Also the language attribute on the script tag was replaced by a type attribute about 15 years ago.

Also most browsers don't allow JavaScript to access window.status any more for security reasons.

I made a wait time (3 seconds) in a function I made, yet when I call the function, it spam throws "iterating"
and crashes Chrome.

Code:

function Check() {
	setTimeout(Check,3000);{
		location.reload();
		document.getElementsByClassName("Item")[0].click();
	}
}
while (document.getElementById('ctl00_cphRoblox_rbxUserPane_lUserOnlineStatus').getAttribute("class") === "UserOfflineMessage" || document.getElementById('ctl00_cphRoblox_rbxUserPane_lUserOnlineStatus').getAttribute("class") === "UserOnlineMessage") {
	Check();
}

What is wrong with this code?

Evening all.

I have a little bit of code, thus:

Code:

var data = document.createElement("td");
box = document.createElement("input");
box.id = headercategories[i];
box.type = text;
box.value = "Ten";
box.onChange = alter("11");
data.appendChild(box);

in which I insert a text input box into a table data element. When the value of the input is changed, I would like to call the function alter(). However, what's happening in practice is that the function alter is getting called straight away, without waiting for any changes. Is there any way I can stop this? It doesn't seem to happen if you actually write the onchange bit into the HTML by hand rather than doing it dynamically.

Thanks,

Chris

Hi there,

On this website:

http://www.lutanho.net/stroke/online.html

it's allowed to "copy the games to your PC and play them offline".
That's nice but how do I do that?
I've tried to download/copy the game "WordGrid" to my PC but it didn't work.
Help would be appreciated.
Thanks in advance...........

Can anyone give me the code for the following:

Suppose there is a hyperlink for file downloading in a html document. If I click on the link a new pop up window will come up which will be in the form of a typical file download popup window and will ask me to either "open" or "save" or "cancel" or "more info" (just as it happens in a typical file download process where a file download popup is being thrown).

Also my file(the file can be in any format---.doc,.pdf,.exe or whatever)resides in my local hard drive and when I click on the hyper link the file download popup will comeup and will give me the 4 options as mentioned above.It wont just display the content of the file to be opened in new popup window.It will explicitly give the 4 options for any type of file to be downloaded thru the hyperlink.

This coding is to be done only and only with HTML and JAVASCRIPT .

Can anyone help me by providing code for the above task.

Hello everyone,
well i have asked for alot of issues earlier but none completely got resolved i hope that i get answer for this one.
I want something a script or anything that shows loading as we have seen .gif images, before the game loads. I went through google and tried alot of scripts but failed maybe i don't know the exact method how to implement it as i am weak in jquery or scripting.
I would like some one to help me out as i don't know what to do
thank you in advance.

Hi,

i want to bring image download link to download a single image using like

<a href="./images/sam.png">Download</a>

when i click the download link it need to download plz help how can i download
can finished

Thanking you

hi,
I have a website which is available on internet and uses lot of javascript code. Someone recently reported a bug and I fixed it in a javascript file. Now I want to move this updated js file on my server. but I am confused, how will this fix now be downloaded on every user's browser when they access website the next time? Is the download to client machine dependent on browser settings? could it be possible that some customer machine has latest file and some do not. How do I force file to download on client machine independent of client browser settings?
thank u

1 down vote favorite


I do have the countdown script (see link below) to display the time between current time and the date given in real-time.

However, I want to achieve to display the time difference between a given start and end time. Right now, it calculates from the current server time to the end time.

I want to be able to set up my own start time and end time.

Here is what I have:

http://jsfiddle.net/BgEtE/

thank you for help

Here is the code I am working with, been at it for 3 days now. I am at a loss....cant see why it shouldnt work.


window.onload = defineMarquee;

var timeID;

var marqueeTxt = new Array();

var marqueeOff = true;

function defineMarquee(){

var topValue = 0;

var allElems = document.getElementsByTagName("*");

for (var i=0; i < allElems.length; i++){
if (allElems[i].className =="marqueTxt") marqueeTxt.push(allElems[i]);
}

for (i = 0; i < marqueeTxt.length; i++) {
if (marqueeTxt[i].getComputedStyle) {
topValue = marqueeTxt[i].getPropertyValue("top");
} else if (marqueeTxt[i].currentStyle) {
topValue = marqueeTxt[i].currentStyle("top");
}
}

document.getElementById("startMarquee").onclick = startMarquee;
document.getElementById("stopMarquee").onclick = stopMarquee;

}

function startMarquee(){

if (marqueeOff == true) {
timeID = setInterval("moveMarquee()", 50);
marqueeOff = false;
}

}

function stopMarquee(){

clearInterval(timeID);
marqueeOff = true;

}

function moveMarquee(){

var topPos = 0;

for (i=0; i < marqueeTxt.length; i++){
if (marqueeTxt[i].getComputedStyle) {
topPos = parseInt(marqueeTxt[i].getPropertyValue("top"));
} else
if (marqueeTxt[i].currentStyle) {
topPos = parseInt(marqueeTxt[i].currentStyle("top"));
}

if (topPos < -110) {
topPos = 700;
} else {
topPos -= 1;
}

marqueeTxt[i].style.top = topPos + "px";

}
}

I'm a student and i missed first Javascript. Could someone please just put me into the right way to make it work, I can't honestly find an answer anywhere.
E.g. I have following declaration in the head section of html:

<script language="javascript" type="text/javascript" src="java1.js"
</script>

My aim is to initialize a string variable firstname in java.js to be displayed on a page. I declare it in java.js as:

var firstname="Tom";

I put document.write statement to the head of html section as:

<script language="javascript" type="text/javascript" src="java1.js">
document.write;
</script>

....but it doesn't work. Could someone just point me into the right direction, I tried w3c and others but unsuccessfully, it looks like everyone just seamlessly go straight to the coding.

Hi guys I'm new to the forums here. I want to learn how to use Javascript and AJAX along with jquery or prototype to develop a dynamic website.

For example, I like how www.dropbox.com works. Everything has a transition, and you can drag and drop things around which is what I like.

Ultimately I hope to be able to develop a dynamic website with social networking elements.

I know my goals are lofty, but where should I get started and what should I learn. I have some cursory programming experience with visual basic, fortran and html. Any particular books that would help me learn. Ideally a book would have some programming "challenges" or small projects that would give me some experience.

Thanks

hi every one i;m new here and i love to know programming languages and some friends adviced me to start with java script then php , and i guess i'm at the right place can you please tell how to start and where to begain i'm really don't know anything about programming

Ok so i want to code something like this
http://i45.tinypic.com/29y10s1.png

I want it to where the user just clicks on one of the buttons and it changes to the thing. But then i want to be where if the user doesn't click anything then it just changes by itself. so like on a timer.

Can anyone give me some references that might help me get started with coding this.
I have no clue where tos tart.