JavaScript - Loading Issue W/ Script At Bottom, Or Not?

I'm no coder, as you will soon discover. The web work I do is from a purely novice, even hobby standpoint and the sites I create and host are nothing more than favors for friends and acquaintances who have needed but have not had a presence on the web. This being explained, I am asking those with coding skills to please take a look at the site I've just completed for a little diner down the road. (They're just starting out and can't afford to pay a professional web designer and, unfortunately, are stuck with me.)

The site is http://d-n-ddiner.com

I'm the first to say that the mouseover sound would drive me crazy, but the guys who own the diner are enthusiastic and want it left as is. I have had to combine scripts in order to have the "black-and-white to color" image effect work simultaneously with sound. The sound script depends on uploaded files: soundmanager.js, soundcontroller.swf and sound-config.xml and its tags are found incorporated with each involved image, within the body. The image effects are just the result of playing around with bits and pieces I've seen, mucking about the Internet. Its script is found within the head and also within the body, in each involved image's area, in mouseover, mouseout and, of course when specifying "name=" (such as Img_1).

I opted for providing the sound in this manner because I am able to use an .mp3 file, rather than having to weigh through the pros and cons of .au versus .wav, etc., and the fickle nature of different browsers and plug-in crashes. After having many test the site (friends with varying operating systems and browsers) it appears that this mp3 solution makes the mouseover sound available to a broader range of users. Success has been achieved with Firefox, Safari, Netscape, Omniweb and Chrome. However, Internet Explorer and Opera seem to be the holdouts for both Mac and PC users.

All this brings me to two requests: Would someone take a look at the site (particularly with Firefox) to determine if something might be done to help the page load more smoothly? Secondly, is there some sleight-of-hand that might be incorporated into the script to help IE and Opera detect the mouseover sound or do you consider these two browsers essentially not worth the bother?

I am attaching a zip of the sound files I mentioned. The mp3 is not included but any mp3 snippet would do for testing, provided the sound config file is edited to reflect its file name.

My primary concern is smooth page-loading; the IE and Opera issue is of less importance. Thank you for your patience and for any assistance you would offer.

I have written this code but when i include code for pop calender in a row, then button was disabled, So please help me i just struck in this problem from last one week
Thanking you,
L.Rajesh
rajboy13@gmail.com

my code is

Code:

function addRow()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

 var cellLeft = row.insertCell(0);
  var sl = document.createElement('input');
  sl.type = 'text';
  sl.name = 'sln' ;
  sl.id = 'sln' + iteration;
  sl.value = iteration;
  sl.size = 3;
  sl.readOnly = true;
  cellLeft.appendChild(sl);

var cellRights= row.insertCell(1);
var elm= document.createElement('input');
elm.type = 'text';
elm.name = 'txtMdesc' ;
elm.id = 'Mdesc' + iteration;
elm.size = 20;
cellRights.appendChild(elm);

var cellRightt= row.insertCell(2);
var elmn= document.createElement('input');
elmn.type = 'text';
elmn.name = 'txtMqty' ;
elmn.onclick = "cal1xx.select(document.forms[0].sdate,'anchor1xx','dd-MM-yy');
elmn.id = 'Mqty' + iteration;
elmn.size = 20;
cellRightt.appendChild(elmn)";

var cellRightu= row.insertCell(3);
var elmno= document.createElement('input');
elmno.type = 'text';
elmno.name = 'txtMbill' ;
elmno.id = 'Mbill' + iteration;
elmno.size = 20;
cellRightu.appendChild(elmno);

}

the button code is :
Code:

</br>
 <fieldset style="width:60%;" align="center"> <legend>


<SCRIPT LANGUAGE="JavaScript">
function deleteRow(b){
    document.getElementById('table_formcontainer').deleteRow(b)
}
function CompareDates1() 
{ 
	var str1  = document.getElementById("start").value;   
	var str2  = document.getElementById("edate").value;  
	var dt1   = parseInt(str1.substring(0,2),10);    
	var mon1  = parseInt(str1.substring(3,5),10);  
	var yr1   = parseInt(str1.substring(6,10),10);   
	var dt2   = parseInt(str2.substring(0,2),10);    
	var mon2  = parseInt(str2.substring(3,5),10);   
	var yr2   = parseInt(str2.substring(6,10),10);   
	var date1 = new Date(yr1, mon1, dt1);    
	var date2 = new Date(yr2, mon2, dt2);    
	if(date2 < date1)  
		{      
			alert("To date cannot be greater than from date");      
			return false;   
		}    
	else   
		{      
			alert("Submitting ...");     
			document.form1.submit();   
		} 
		return true;
}
function addRow()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

 var cellLeft = row.insertCell(0);
  var sl = document.createElement('input');
  sl.type = 'text';
  sl.name = 'sln' ;
  sl.id = 'sln' + iteration;
  sl.value = iteration;
  sl.size = 3;
  sl.readOnly = true;
  cellLeft.appendChild(sl);

var cellRights= row.insertCell(1);
var elm= document.createElement('input');
elm.type = 'text';
elm.name = 'txtMdesc' ;
elm.id = 'Mdesc' + iteration;
elm.size = 20;
cellRights.appendChild(elm);

var cellRightt= row.insertCell(2);
var elmn= document.createElement('input');
elmn.type = 'text';
elmn.name = 'txtMqty' ;
elmn.onclick = "cal1xx.select(document.forms[0].sdate,'anchor1xx','dd-MM-yy');
elmn.id = 'Mqty' + iteration;
elmn.size = 20;
cellRightt.appendChild(elmn)";

var cellRightu= row.insertCell(3);
var elmno= document.createElement('input');
elmno.type = 'text';
elmno.name = 'txtMbill' ;
elmno.id = 'Mbill' + iteration;
elmno.size = 20;
cellRightu.appendChild(elmno);

}

function delRow1(c)
{
    document.getElementById('tblMed').deleteRow(c)
}

function validate()
{
	
	var tbl = document.getElementById('tblMed');
    var lastRow= tbl.rows.length-1;
   	var a;

    for (a=1; a<=lastRow; a++)
		{
      var def = document.getElementById('sln'+ a);
      var ghi = document.getElementById('Mdesc'+ a);
	   var jkl = document.getElementById('Mqty'+ a);
	   var jkl1 = document.getElementById('Mqty'+ a).value;
       var abc = document.getElementById('Mbill'+ a);
       var gpexpdt2 = document.getElementById('tblMed').value;
      var str11  = document.getElementById("sdate").value; 
      var str12  = document.getElementById("edate").value;
	  var tranday = jkl1.substring(0,2);
      var tranmon = jkl1.substring(3,5);
      var tranyear = jkl1.substring(6,10);
	


	var trandate = new Date(tranyear,tranmon,tranday);
	 var tranday2 = str11.substring(0,2);
	  
          var tranmon2 = str11.substring(3,5);
         


	var tranyear2 = str11.substring(6,10);
	


	var trandate2 = new Date(tranyear2,tranmon2,tranday2);
	var tranday3 = str12.substring(0,2);
	  
          var tranmon3 = str12.substring(3,5);
         


	var tranyear3 = str12.substring(6,10);
	


	
if ((document.getElementById("AC").value == ""))
{
alert ( "Please enter Amount Claimed." );
document.form5.AC.focus();
return false;
}

else if((document.getElementById("Amb").value == ""))
{
alert ( "Please enter Relationship" );
document.form5.Amb.focus();
return false;
}

if ( document.form5.Treat.selectedIndex == "")
    {
        alert ( "Please select Treatment Type" );
		document.form5.Treat.focus();
        return false;
    }

else if((document.getElementById("C10").value == ""))
{
alert ( "Please enter Total " );
document.form5.C10.focus();
return false;
}

else if((document.getElementById("C11").value == ""))
{
alert ( "Please enter Place " );
document.form5.C11.focus();
return false;
}

else if((document.getElementById("start").value == ""))
{
alert ( "Please enter from date" );
document.form5.start.focus();
return false;
}

else if((document.getElementById("edate").value == ""))
{
alert ( "Please enter to date" );
document.form5.edate.focus();
return false;
}
    if (ghi.value.length == "")
	  {
        alert('Please enter Bill No');
        ghi.focus();

        return false;
      }
	  if (jkl.value.length == "")
	  {
        alert('Please enter Date');
	   jkl.focus();
        return false;
      }
	  var trandate3 = new Date(tranyear3,tranmon3,tranday3);
	if (tranmon > 12|| tranmon < 1)
		 {
			 alert('Invalid Month In Date Field .Enter as dd-mm-yy');
        	jkl.focus();
			 return false;
		 }
		 if (tranday > 31|| tranday < 1)
		 {
			 alert('Invalid Date In Date Field Enter as dd-mm-yy');
			 		jkl.focus();
			 return false;
		 }
		 if(trandate2.getTime() > trandate.getTime())
			{
	alert("Bill date should be less than From date");
	jkl.focus();
	return false;
			}
			if(trandate3.getTime() < trandate.getTime())
			{
	alert("Bill date should not  be greater than End date");
	jkl.focus();
	return false;
			}
	
     if (abc.value.length == "")
	  {
        alert('Please enter Amount');
	    abc.focus();
        return false;
      }
	  	
	 
var str3  = document.getElementById("AC").value;
var str4  = document.getElementById("Amb").value;

if(parseInt(str3) > parseInt(str4))
{
alert('Amount Claimed must be less than Amount Balance');
document.form5.AC.focus();
return false;
}	
var alertsay = ""; 
if (form5.Treat.value > 4)
{
alert("Sorry You Can Not This Employee Data In Database..........");
form5.Treat.focus();
return (false);
}
var checkOK = "0123456789";
var checkStr = abc.value;
var allValid = true;
var allNum = "";
for (e = 0;  e < checkStr.length;  e++)
{
ch = checkStr.charAt(e);
for (f = 0;  f < checkOK.length;  f++)
if (ch == checkOK.charAt(f))
break;

if (f == checkOK.length)
{
allValid = false;
break;
}
if (ch != ",")
allNum += ch;
}
if (!allValid)
{
alert("Invalid Data Please enter only digits'");
abc.focus();
return (false);
}
}
 return true;
}
var count =0;
function Check()
	{
if (!validate())
	return true;
	 addRow()
	}
function removeRow1()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
if (lastRow > 1) tbl.deleteRow(lastRow - 1);
}
function deleteRow(node) {
if (rowNum > 1) {
var td = node.parentNode; 
while (td.tblMed.toLowerCase() != "tr") 
td = td.parentNode; 
td.parentNode.removeChild(td); 
rowNum = rowNum - 1;
document.form1.count.value = rowNum;
}
else { 
alert ("You cannot delete the last remaining row");
} 
}

</script>

<b><font color="#153E7E"border="1">Bill Details</b></legend><br>
<table id="tblMed" width="75%">
<tr>
<th>Sl.No.</th>
<th align="left">Bill No</th>
<th align="left" onClick="cal1xx.select(document.forms[0].edate,'anchor1xx','dd-MM-yy'); return false;" NAME="anchor1xx" ID="anchor1xx" onFocus="self.status='Select Treatment Start Date';return true; " onBlur="self.status='';return true;">Bill Date(DD-MON-YY)</th>
<th>Bill Amount( <span class="WebRupee">Rs.</span> )</th>

</tr>

</table>
<tr><br/>
&nbsp &nbsp <input name="button" type="button" value="Add  Bill" onClick="Check()"/>

................................................................................................



i want popup calender in 3rd row of the table

please help and if any one got solution then please please mail it to my gmail id : rajboy13@gmail.com

I'm trying to resize this to about 60% smaller... it's a live chat pop-up, but out of my realm to expertise... can anyone help? It's the pop-up on the website brandedgear.com after about 25 seconds.

Thanks!




<div style="FLOAT: left; WIDTH: 500px; BACKGROUND: #FFFFFF url(<{$_themePath}>images/mainbackground.gif) REPEAT; BORDER: SOLID 1px #bcb5a6;">
<div style="BACKGROUND: #FFFFFF url(<{$_themePath}>images/icon_proactiveuserbackground.gif) NO-REPEAT bottom left; BORDER: SOLID 1px #bcb5a6; MARGIN: 8px;">
<div style="TEXT-ALIGN: center;"><img src="<{$_themePath}>images/<{$_product}>.gif" border="0" align="absmiddle" /></div>
<HR align="center" style="WIDTH: 80%; BORDER: none; COLOR: #bcb5a6; BACKGROUND-COLOR: #bcb5a6; HEIGHT: 1px; MARGIN-TOP: 10px; MARGIN-BOTTOM: 3px;" />
<div style="PADDING-LEFT: 120px; TEXT-ALIGN: left; MARGIN-TOP: 30px; HEIGHT: 80px; FONT: 45px Trebuchet MS, Georgia, Verdana, Arial, Helvetica; COLOR: #333333;">
<{$_language[proactivetitle]}>
</div>
<div style="PADDING-LEFT: 120px; VERTICAL-ALIGN: top; MARGIN-TOP: 0px; PADDING-TOP: 0px; HEIGHT: 200px; FONT: 18pt Trebuchet MS, Georgia, Verdana, Arial, Helvetica; COLOR: #776849;">
<{$_language[proactivemsg]}><br />
<div style="PADDING-TOP: 30px; PADDING-LEFT: 80px; TEXT-ALIGN: center;"><div style="BORDER: SOLID 0 #FFFFFF; TEXT-ALIGN: center; BACKGROUND: URL(<{$_themePath}>images/proactivebutton.gif) no-repeat; HEIGHT: 37px; WIDTH: 135px; COLOR: #000000; FONT-WEIGHT: bold; FONT-FAMILY: Trebuchet MS, Georgia, Helvetica, Verdana, Tahoma; FONT-SIZE: 16px; MARGIN: 0px; PADDING-TOP: 6px; PADDING-BOTTOM: 15px; VERTICAL-ALIGN: middle; CURSOR: pointer;" onmouseover="this.style.color='red';" onmouseout="this.style.color='#000000'" onclick="javascript:doProactiveRequest_<{$_randomSuffix}>();"><{$_language[proactivechatnow]}></div></div>
</div>
</div>
</div><div style="FLOAT: left; MARGIN-LEFT: -8px; MARGIN-TOP: -8px;"><a href="javascript:closeProactiveRequest_<{$_randomSuffix}>();"><img src="<{$_themePath}>images/icon_close.png" border="0" align="absmiddle" /></a></div>

Hello all,

I have the following code to load a new html page into the 'new content' div once the user scrolls to the bottom of the page.

It all works fine. No problems, except I would like it to pause for a moment whilst it is loading, and show a loading box div at the bottom of the screen as it loads the new content, just to give some positive feedback for the user.

So the new div would sit in a fixed position at 'bottom:0px;' and have a loading image inside it.

Is this easy to do? I am new to javascript so bear with me

Code:

alreadyloading = false;
nextpage = 2;
 
$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() == $(document).height()) {
        if (alreadyloading == false) {
            var url = "page"+nextpage+".html";
            alreadyloading = true;
            $.post(url, function(data) {
                $('#newcontent').children().last().after(data);
                alreadyloading = false;
                nextpage++;
            });
        }
    }
});

The 'new content' is a div which is at the bottom of the page and is where the new content loads to!

Thank you very much

Hey there! This code I am posting is used for some tests I'm doing with PHP and AJAX. What I find absolutely confusing is that when I add the refreshDir() function to any of the other functions, so that it runs once they have done their buisness, it absolutely screws up what-ever function I have it in. For instance if I have it running in the deleteTheFile() function. It prevents it from deleting the file. That function works perfectly fine when the refreshDir() function is not in it. Any hints or solutions? Please let me know if you'd like to see any of my other code. I'm posting the page's code along with the JS file and the Delete the file php page that deletes the files (there are other php files that create and read files). This whole thing was meant to be a simple exercise, but I am entirely confused as to why the refeshDir() function is screwing up everything. I don't think that the issue is related to anything else other than the javascript / ajax. Thanks for your help!

Here is the JS file:

Code:

if (window.XMLHttpRequest){
	ajaxRequest=new XMLHttpRequest();
}
else{
	alert('Try again gold star!');
}

var createResponse = 'Created Successfully';
var deleteResponse = 'Deleted Successfully';
var i = 0;

function refreshDir(){
	ajaxRequest.onreadystatechange = function(){
		if (ajaxRequest.readyState == 4 && ajaxRequest.status == 200){
			document.getElementById('directory').innerHTML = ajaxRequest.responseText;
		}
	}
	ajaxRequest.open('GET', 'theReadDir.php', true);
	ajaxRequest.send();
}

function createTheFile(file){
	var file = document.getElementById(file).value;
	var textInput = document.getElementById('toBeInserted').value;
	ajaxRequest.onreadystatechange=function(){
		
		if (ajaxRequest.readyState==4 && ajaxRequest.status==200){
			document.getElementById('responseCreated').innerHTML = " " + createResponse;
		}
	}
	ajaxRequest.open("POST", "theCreator.php", true);
	ajaxRequest.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	ajaxRequest.send("inserted=" + textInput + '&file=' + file);
//	refreshDir();
}

function readTheFile(file){
	var file = document.getElementById(file).innerHTML;
	ajaxRequest.onreadystatechange=function(){
		if (ajaxRequest.readyState==4 && ajaxRequest.status==200){
			document.getElementById('responseRead').innerHTML = ajaxRequest.responseText;
		}
	}
	ajaxRequest.open('GET', 'theReader.php?file=' + file, true);
	ajaxRequest.send();
}

function readTheFileEntered(file){
	var file = document.getElementById(file).value;
	ajaxRequest.onreadystatechange = function(){
		if (ajaxRequest.readyState==4 && ajaxRequest.status==200){
			document.getElementById('responseRead').innerHTML = ajaxRequest.responseText;
		}
	}
	ajaxRequest.open('GET', 'theReader.php?file=' + file + '&dir=', true);
	ajaxRequest.send();
}

function deleteTheFile(file){
	var file = document.getElementById(file).value;
	alert(file);
	ajaxRequest.onreadystatechange = function(){
		alert(0);
		if (ajaxRequest.readyState == 1 && ajaxRequest.status == 200){
			alert(1);
		}
		if (ajaxRequest.readyState == 4 && ajaxRequest.status == 200){
			document.getElementById('responseDeleted').innerHTML = ' ' + deleteResponse;
			document.getElementById('responseDeleted').innerHTML = ' ' + ajaxRequest.responseText;
		}
	}
	alert(2);
	ajaxRequest.open('GET', 'theDeleter.php?file=' + file, true);
	alert(3);
	ajaxRequest.send();
	alert(4);
	refreshDir();
}

function resetFeedback(response){
	document.getElementById(response).innerHTML = '';
}

/*function removeAlert(){
	var t = setTimeout("resetFeedback('responseDeleted')", 2000);
}


function updateSatus(){
	document.getElementById('createButton').innerHTML = 'Update';
	i += 1;
	if (i > 1) createResponse = 'Updated Successfully';	
	var t = setTimeout("resetFeedback('responseCreated')", 2000);
}
*/

Here is the main page code:

Code:

<html>

<head>

<script type="text/javascript" src="operations.js"></script>
<style type='text/css'>

.niceboy{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-align: center;
	text-shadow: 0px 1px 0px #B7B7B7;
	background-image: -webkit-linear-gradient(top,#D1D1D1,#c9c9c9);
	border-color: #BABABA;
	border-style: solid;
	border-radius: 12px;
	border-width: 1px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 24px;
	display: inline-block;
	cursor: pointer;
}

.listing{
	margin: 4px;
	width: 200px;
	padding-left: 15px;
	cursor: pointer;
}

.listingfile{
	background-color:#f0f0f0;
}

.listingdir{
	background-color:#e3e3e3;
}

#directory{
	margin: 20px;
}
</style>
</head>


<body onLoad="refreshDir();">

File Name: <input type='text' id='file' />

<br />
<br />

File Contents: <input type='text' id='toBeInserted' />

<br />
<br />
<br />

<div class='niceboy' id='createButton' onclick='createTheFile("file");'>
Create
</div>

<span id='responseCreated'></span>

<br />
<br />


<div class='niceboy' onclick='readTheFileEntered("file")'>
Read
</div>

<span id="responseRead"></span>

<br />
<br />

<div class='niceboy' onclick='deleteTheFile("file");'>
Delete
</div>

<span id = 'responseDeleted'></span>

<br />
<br />

<div class='niceboy' onClick='refreshDir();'>
Refresh
</div>

<div id='directory'>
</div>

<br />
<br />


</html>
</body>

Here's the theDeleter.php file:

PHP Code:
<?php

$file = $_GET['file'];
//$file = 'created-files/'. $file;
echo $file;

function delete($file){
    unlink($file);
    echo 'Deleted Successfully';
}

if (file_exists($file) && is_file($file)) delete($file);
else echo 'whoa bro that file doesn\'t exist!';

?>

And here's the theReadDir.php:

PHP Code:
<?php


$dir = new DirectoryIterator('/wamp/www/phpAjaxTest/');


foreach($dir as $file){
    if (!$dir->isDot()){
    
    $ft = filetype($file);
    if ($ft == 'dir'){
        $format = '<div class=\'listing listing' . $ft . '\' id = \'' . $file . '\' onClick = "readTheFile(\'' . $file . '\'); refreshDir();">' . $file .  '</div>';
        echo $format;
    }
    else{
        $format = '<div class=\'listing listing' . $ft . '\' id = \'' . $file . '\' onClick = "readTheFile(\'' . $file . '\');">' . $file .  '</div>';
        echo $format;
    }

    }

}
?>

Basically any of the other function's (the only one's that I'd want refreshDir() to run in would be the creating and deleting functions) break when I add the refreshDir() function.

Hello Everyone! I'm new to JavaScript. I thought of learning by doing instead of just reading tutorials and books. So I started writing a Greasemonkey script for Facebook.

Basically what it does is it creates a link to download photo albums from Facebook. I'm far from finished but anyway, here's my code so far.

The format of the HTML code block where the URLs of pics are.

Code:

<div class="tagWrapper">
<i style="background-image: url(https://fbcdn-photos-a.akamaihd.net/hphotos-ak-ash4/299595_10150290138650735_543370734_8021370_355110168_a.jpg);"></i>
</div>

And here's my script so far,

Code:

var picURL;
var modURL;
var URLset = [];

for(var i=0; i<picURL.length; i++)
{
    //gets all the URLs in the page
    picURL = document.getElementsByClassName("tagWrapper")[0].children[0].style.backgroundImage;
    modifyURL(picURL);
    URLset.push(modURL);  //inserting them to an array
    
    alert(URLset) ;
}

function modifyURL();
{
    //doing the replacements to make them downloadable
    modURL = picURL.replace("url(", "").replace(")", "");
    modURL = modURL.replace("a.jpg", "n.jpg");
    var dwn = "?dl=1";
    modURL = modURL.concat(dwn);
    
    return modURL;
}

I have created a fiddle so that it all would be clearer.

Since I'm half way through it, I just want to make sure it works up to this point so I have put an alert box to show all the modified URLs stored in the array. (supposed to, at least) the problem is, it isn't showing up.

Can anyone please tell me what I have done wrong here? Bare with me for I'm new to this as I've mentioned earlier. Any help in teh right direction would be much appreciated.

Thanks in advance.

I am having an issue with this script I wrote. Actually it works the way it is now, but not the way I want it too.

This is a random raffle ticket number generater. The guys at the fire department where talking about selling 300 tickets and discussing how they were going to select and call the numbers. It got me thinking and inspired to start messing around with javascript again.

It all starts with index.html and a form w/ a button and textarea. When a user clicks the button it will generate a random number and insert it into the textarea. This is accomplished by the Generate(); function that is in Genny.js an external js file.

Code:

<h2>Raffle Ticket Number Generator</h2>
<form name="theform">
<input type="button" name="pickNumber" value="Pick a Winner" onclick="Generate();" />
<br /><br />
<textarea cols="40" rows="25" name="winnersCircle">Winning Numbers Will Display Here!
</textarea>
</form>

This much works just fine. Now onto Genny.js
Code:

//initialize counter and array
count = 1;
winners = new Array();

function Generate(){
//generate a random number from 0-300
var random_number = Math.floor(Math.random()*301);

//checks output of Math.random() against winners array to see if number has been used already
for (i = 0; i < winners.length; i++ ) { 
	if ( winners[i] == random_number )
		alert("I am so sorry... we have accidently drawn a duplicate number! Please pick again.");
}
//add the number to the array
winners[count] = random_number;
//increment the counter
count++;
//display the stored random number
document.theform.winnersCircle.value = winners.join("\n");
}

This much works...somewhat! It generates the random number and checks the winners array to see if it is already used. If it wasn't used it adds the number to the array, increments the counter, and then displays the number in the textarea of the form, as it should. If the number was used it alerts the user, once the user clicks the button to accept the alert it carries on with the script and adds it to the array again and also displays it.
This is not what I want it to do. If the number was used I do not want it added to the array or displayed. I would also like it to regenerate another number without the alert. The alert was wrote in to assist me in checking to see if it was finding a duplicate number, thats all.

As an extra, is there a way to also add a numbered list to the results. To show the sequence of the ticket draw.

I have messed with this for days and rewrote it over and over. I have used different loops and conditional operators to try and solve this problem. But to no avail. Here I am, asking not for the answer but a push in the right direction. Any help would be great, this is becoming an obsession trying to make it work. The code above is the last attempt at this point. Everything else has returned no values or just errors.
Thanks in advance!

This script isnt working. Im not sure what im doing wrong. forgive me i havent programmed in javascript before.


titles.js
Code:

<script type="text/javascript" language="javascript">   
    <!--//  
 function random_Title(){
 if (parseInt(navigator.appVersion) >= 4) {  
        var num = 3;  
        var rantitle = new Array(num+1);  
        rantitle[1] = "Random Title1";  
        rantitle[2] = "Random Title1";  
        rantitle[3] = "Random Title1";  
        ranNumber = parseInt(num * Math.random() + 1);  
        document.title = rantitle[ranNumber];  
    }  
    //-->   
 }
</script>

html page
Code:

<html>
<head>

<script type='text/javascript' src='http://www.flashmajic.com/Google/titles.js'></script>
<script>
  document.title =   random_Title() ;  
</script>
</head

hi

I am creating a gallery using my flickr feed. I have the bones of it working the only issue is with the thumbnail pulled from flickr. You get the option of small medium and large whicj Im using meduim.

I want to add an image border around the thumbnails using a background image

but when I add the styles it wont work. If i add a width to the img tag it will distrit the images because its being pulled from the flickr api

anyone any ideas on how to get the background image working?


html code is here

Code:

<body>


	<!-- Some Content -->
	<div id="gallery"> 
	
	
	 <input type='hidden' id='current_page' />  
     <input type='hidden' id='show_per_page' />  
		<div id="flickr">
		
	

		</div> 
		
		<div id='page_navigation'></div>  
		
		
	</div>	
	

</body>

CSS for the img is

Code:

[.hidden {
	display: none;
}

div#flickr a.lightbox img {
	border: 5px solid #b3aaa4;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:30px
}

and the java script is here

Code:

$(function() {
  
    
    $.getJSON('http://api.flickr.com/services/rest/?format=json&method='+
        'flickr.photos.search&api_key=' + apiKey + '&user_id=' + userId + 
        '&tags=' + tag + '&per_page=' + perPage + '&jsoncallback=?', 
    function(data){
        var classShown = 'class="lightbox"';
        var classHidden = 'class="lightbox hidden"';
        
        $.each(data.photos.photo, function(i, rPhoto){
            var basePhotoURL = 'http://farm' + rPhoto.farm + '.static.flickr.com/'
                + rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret;
            
            var thumbPhotoURL = basePhotoURL + '_m.jpg';
            var mediumPhotoURL = basePhotoURL + '.jpg';
            
            var photoStringStart = '<a ';
            var photoStringEnd = 'title="' + rPhoto.title + '" href="'+ 
                mediumPhotoURL +'"><img src="' + thumbPhotoURL + '" alt="' + 
                rPhoto.title + '"/></a>;'
            var photoString = (i < showOnPage) ? 
                photoStringStart + classShown + photoStringEnd : 
                photoStringStart + classHidden + photoStringEnd;

            $(photoString).appendTo("#flickr");
        });
        $("a.lightbox").lightBox();
    });
});

anyone?

I tried posting the code but it's too long...

Page address:
http://professorcuddlecore.com/paintings/

Problem:

Click first or second photo, pops up fine, bottom text is behind the photo. You can view the JS by viewing source etc, sorry I can't fit it here.

I spent 2-3 hours trying to figure out the problem but I'm new to JS and it looks like pretty convoluted code I'm using (obviously didn't write it myself, it's by "PopBox.")

Thanks for any time spent helping me, pre-appreciated.

Hi Script Experts

I am facing issue in below code for Brisilia time zone.(GMT-3). Issue comes in October month only. It is going tobig loop. I am not getting how Date object is behaving here.

Thanks in advance
Pranav Sharma
***********************************
<script type="text/javascript">
var nDate;
var nCurrentYear = 2011;
var nCurrentMonth = 10;
nYear=2011;
nMonth=10;
var date = new Date(nYear, nMonth-1, 1);

document.write('Month:'+date.getMonth() +':CurrentMonth:'+nCurrentMonth);
while (date.getMonth() == nCurrentMonth-1)
{
nDate = date.getDate();
document.write(date.toDateString());
date = new Date(nCurrentYear, date.getMonth(), date.getDate()+1);
}


</script>

**********************************

Hi everyone,

I am having trouble getting a loading bar to appear from my javascript.

I have the following code in place

Code:

$(document).ready(function(){
 $(window).scroll(function(){

  var h = $('#footer').height();
  var y = $(window).scrollTop();
  if( y > (h*0) && y < (h*1.0) ){

	  $('#loading').fadeIn("slow");
	   $('#loading').delay(10000).fadeOut();

   $("#portfolios").delay(1000).fadeIn("slow");
  
  }
 });
})

I have it so when the user reacher the 'footer' div of the page, new posts appear which are contained in the 'portfolios' container div. They appear fine but no loading bar appears...

The loading bar 'gif' is in the 'loading div id'.

There is a 'display:none;' in the css on the loading div and the portfolios div.

Any reason why the 'loading' div doesn't display but the portfolios does?

I want the loading gif to show whilst the 'portfolios' is loading basically when the user hits the bottom of the page.

Any help would be appreciated!

Thank you!

Hi there,

Firstly my title may be a bit misleading as I don't i'm not sure how to do it. My situation is that I have a small piece of javascript that 'cycles' through a bunch of URL's (the URL's are reports produced by SSRS). The problem is that each time the javascript loads a new URL it has to generate the report, so I have a few seconds where the screen says 'Generating Report'.

What I would like is a system that never displays the Generating Report, instead I would like to maybe pre-load the next report so it is ready to show instantly.

Does anyone have any idea how to do this? Any help would be greatly appreciated.

Cheers,

Tom.

Right,

I've been searching for a few days now and i'm looking for a AJAX/JQuery script where i can load external content in to a div.

I've seen a few site's that have it, and im after it so when i click the page link it loads it in the address bar like this
http://www.google.co.uk/#content/index.php

or what ever.

Thanks.

Hi I am currently doing a photography site. I would like to do a 'portfolio' page, but would like to pre-load the images so that they appear on-screen faster.

Do I need to connect code to <body onload>?