JavaScript - Delete Cookies With Javascript

I am trying to make it when a user comes to a site, if they have been there before an alert box will open saying "Welcome firstname, lastname, and email address".

Right now I can get the code to work to show a first name, but when I try to get it to also show the last name and email I get an error or something like "Welcome NaN NaN, NaN".

Here is the code I have right now.

Code:

function confirmSubmission()
	{
		var confirmed = validateData();
		return confirmed;
	}//confirmSubmission
	
	function validateData()
	{
		if (document.forms[0].elements[1].value == "")
		{
			alert("You must enter a first name.");
			document.forms[0].elements[1].focus();
			return false;
		}//blank first name
		
		if (document.forms[0].elements[2].value == "")
		{
			alert("You must enter a last name.");
			document.forms[0].elements[2].focus();
			return false;
		}//blank last name
		
		if (document.forms[0].elements[3].value == "")
		{
			alert("You must enter an address.");
			document.forms[0].elements[3].focus();
			return false;
		}//blank address
		
		if (document.forms[0].elements[4].value == "")
		{
			alert("You must enter a city.");
			document.forms[0].elements[4].focus();
			return false;
		}//blank city
		
		if (document.forms[0].elements[5].value == "")
		{
			alert("You must enter a state.");
			document.forms[0].elements[5].focus();
			return false;
		}//blank state
		
		if (document.forms[0].elements[6].value == "")
		{
			alert("You must enter a zipcode.");
			document.forms[0].elements[6].focus();
			return false;
		}
		else
		{
			if (/...../.test(document.forms[0].elements[6].value) == false)
			{
				alert("You must enter a valid zipcode.");
				document.forms[0].elements[6].focus();
				return false;
			}
		}//blank zip
		
		if (document.forms[0].elements[7].value == "")
		{
			alert("You must enter an e-mail address.");
			document.forms[0].elements[7].focus();
			return false;
		}
		else
		{
			if (/@/.test(document.forms[0].elements[7].value) == false || (document.forms[0].elements[7].value).indexOf(".", (document.forms[0].elements[7].value).indexOf("@")) == -1)
			{
				alert("You must enter a valid e-mail address.");
				document.forms[0].elements[7].focus();
				return false;
			}
		}//blank email
		
		if (document.forms[0].elements[8].value == "" || document.forms[0].elements[9].value == "" || document.forms[0].elements[10].value == "")
		{
			alert("You must enter a telephone number.");
			document.forms[0].elements[8].focus();
			return false;
		}
		else
		{
			if (/.../.test(document.forms[0].elements[8].value) == false)
			{
				alert("You must enter a valid area code.");
				document.forms[0].elements[8].focus;
				return false;
			}//area code
			else
				if (/.../.test(document.forms[0].elements[9].value) == false)
				{
					alert("You must enter a valid telephone exchange.");
					document.forms[0].elements[9].focus;
					return false;
				}//NNX
				else
					if (/..../.test(document.forms[0].elements[10].value) == false)
					{
						alert("Your number must be four characters.");
						document.forms[0].elements[10].focus;
						return false;
					}//number
		}//blank telephone
			
		setCookie('username', document.forms[0].elements[1].value, 2);
		return true;
	}//validateData
	
	function setCookie(c_name, value, expiredays)
	{
		var expDate=new Date();
		expDate.setDate(expDate.getDate() + expiredays);
		document.cookie=c_name + "=" + escape(value) + ((expiredays==null) ? "" : ";expires=" + expDate.toUTCString());

And on another page I have:
Code:

function checkCookie()
	{
		username = getCookie('username');
		if (username != null && username != "")
			alert('Welcome back, ' + username + '!');
	}//checkCookie
	
	function getCookie(c_name)
	{
		if (document.cookie.length > 0)
		{
			c_start = document.cookie.indexOf(c_name + "=");
			if (c_start != -1)
			{
				c_start = c_start + c_name.length + 1;
				c_end = document.cookie.indexOf(";", c_start);
				if (c_end == -1) c_end=document.cookie.length;
		        return unescape(document.cookie.substring(c_start, c_end));
			}
		}
		return "";
	}

Any help would be appreciated.

Hello guys!
I have a jquery fancybox that pop's up on exit (using onbeforeunload), now i want it to show only once so i tried doing it with cookies but i just can get it to work. this is my script so far hope you can help me with this, Thanks!
Code:

<script type="text/javascript">
	function PopIt() 
	{
		if (document.cookie.length == 0)
		{
			var exdate=new Date();
			exdate.setDate(exdate.getDate()+7);
			document.cookie="cook=yes" + ";expires="+exdate.toUTCString();

			$("a#trigger").trigger('click');
			window.onbeforeunload = UnPopIt;
			return "Before you leave:\nPlease take a few seconds to answer 2 questions\nso we can better assist you and others in the future. \nThanks!"; 				
		}
	}
	
	function UnPopIt()  { /* nothing to return */ } 
 
	$(document).ready(function() {
		window.onbeforeunload = PopIt;
 
		$("a#trigger").fancybox({
			'hideOnContentClick': false,
			'showCloseButton': true
		});
 
		$("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
	});	
</script>

I'm more of an actionscript person but got roped into an html/javascript job.

What I need to do, and it shouldn't be that difficult is this:

page1.html - there is a yellow button and a red button - if the user clicks on the yellow button I want to set a cookie with the value "yel" then load the next page - if they click the red button set that cookie with the value "red"

page2.html - 'onload' i want to read that cookie and load up the main image to match, something like this maybe?... document.mainimage.src='img/main_' + variable + '.png'
so that the path would be for example 'img/main_red.png'

Any help please? Preferably javascript only and as simple as possible.

If you think this would be easier sending that variable in the URL instead of as a cookie please explain. I'm having a very hard time searching for tutorials that are any good and that do exactly this kind of thing.

I've looked on several websites and several threads here regarding writing and reading cookies with javascript, and I just can't seem to get it to work. All I want is a simple text box with 2 buttons: Save and Recall. Text entered into box is saved to a cookie when "Save" is pressed, and at a later date when "Recall" is pressed the saved text will show up in the box.

Can you help please?

I'm running into a bit of problems trying to use some JS cookies. I have 2 values I want stored and have created the following set cookie function Code:

 setCookie(Name, amountCorrect, totalAmountCorrect, max-age)
{ document.cookie = "averageScore" + quizAverageIncrement + totalCorrect +"; max-age=" + 1000 * 60 * 60 * 24 * 30 +"; path=/; }

Now I want to read the cookie and use the values from the two variables "averageScore" and "quizAverageIncrement" I'm not sure exactly how to be able to use the values of those two variables since they have been concatenated into a string when the cookie is made (I think). So I would like to start with Code:

 function getCookie(averageScore) { // if cookie is blank on first iteration do nothing else retrieve values I need. \n  if (document.cookie.length > 0

Thats all I have please point me in the right direction to retrieve these values and use them in my JS elsewhere.

Hi... is there a way to create iframes using cookies and javascript ?

What i need to do is to have a way to create a cookie on page one, and use the info on page two to create the iframe.

Users will see a list of "external links", once they click on a link, they will be redirected to a page that will generate a iframe of the chosen link.

My guess is that if there is a way, it must need to use cookies to store the info (url) to get used by the script that will create the iframe on the page that will be used to show all iframes.

Any ideas or help with this will be apriciated.
Sorry for my poor english.

Hi all,

I am having some problems with the below multiple image upload script.

Code:

<script type="text/javascript">
set_cookie ( "uid", "14" );
</script>
<script type="text/javascript">


$(function(){
	$('#swfupload-control').swfupload({
		upload_url: "upload-file.php",
		file_post_name: 'uploadfile',
		file_size_limit : "10240",
		file_types : "*.jpg;*.png;*.gif",
		file_types_description : "Image files",
		file_upload_limit : 100,
		flash_url : "jquery/swfupload/swfupload.swf",
		button_image_url : 'jquery/swfupload/wdp_buttons_upload_114x29.png',
		button_width : 114,
		button_height : 29,
		button_placeholder : $('#button')[0],
		debug: false
	})
		.bind('fileQueued', function(event, file){
			var listitem='<li id="'+file.id+'" >'+
				'File: <em>'+file.name+'</em> ('+Math.round(file.size/1024)+' KB) <span class="progressvalue" ></span>'+
				'<div class="progressbar" ><div class="progress" ></div></div>'+
				'<p class="status" >Pending</p>'+
				'<span class="cancel" >&nbsp;</span>'+
				'</li>';
			$('#log').append(listitem);
			$('li#'+file.id+' .cancel').bind('click', function(){
				var swfu = $.swfupload.getInstance('#swfupload-control');
				swfu.cancelUpload(file.id);
				$('li#'+file.id).slideUp('fast');
			});
			// start the upload since it's queued
			$(this).swfupload('startUpload');
		})
		.bind('fileQueueError', function(event, file, errorCode, message){
			alert('Size of the file '+file.name+' is greater than limit');
		})
		.bind('fileDialogComplete', function(event, numFilesSelected, numFilesQueued){
			$('#queuestatus').text('Files Selected: '+numFilesSelected+' / Queued Files: '+numFilesQueued);
		})
		.bind('uploadStart', function(event, file){
			$('#log li#'+file.id).find('p.status').text('Uploading...');
			$('#log li#'+file.id).find('span.progressvalue').text('0%');
			$('#log li#'+file.id).find('span.cancel').hide();
		})
		.bind('uploadProgress', function(event, file, bytesLoaded){
			//Show Progress
			var percentage=Math.round((bytesLoaded/file.size)*100);
			$('#log li#'+file.id).find('div.progress').css('width', percentage+'%');
			$('#log li#'+file.id).find('span.progressvalue').text(percentage+'%');
		})
		.bind('uploadSuccess', function(event, file, serverData){
			var item=$('#log li#'+file.id);
			item.find('div.progress').css('width', '100%');
			item.find('span.progressvalue').text('100%');
			var pathtofile='<img src="uploads/'+file.name+'" height="120px" width="120px"></img>';
			item.addClass('success').find('p.status').html(pathtofile);
		})
		.bind('uploadComplete', function(event, file){
			// upload has completed, try the next one in the queue
			$(this).swfupload('startUpload');
		})
	
});	

</script>

Process Page (upload-file.php)
Code:

<script type="text/javascript">
function get_cookie ( uid )
{
  var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );

  if ( results )
    return ( unescape ( results[2] ) );
  else
    return null;
}
</script>
<?php

include('includes/config.php');


$uploaddir = 'uploads/'; 
$file = $uploaddir . basename($_FILES['uploadfile']['name']); 
$size=$_FILES['uploadfile']['size'];
if($size>10485760)
{
	echo "error file size > 10 MB";
	unlink($_FILES['uploadfile']['tmp_name']);
	exit;
}
if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) { 

$uploadedfiles = ($_FILES);
$files = $uploadedfiles;
foreach($files as $value)
$a_id = $_COOKIE['a_id'];
$u_id = '<script type="text/javascript">var x = get_cookie ( "uid" );</script>';
{
$insert = "INSERT INTO images (a_id, u_id) VALUES ('$a_id', '$u_id')";

mysql_query($insert) or die(mysql_error());
}
  echo "success"; 
	}

 else {
	echo "error ".$_FILES['uploadfile']['error']." --- ".$_FILES['uploadfile']['tmp_name']." %%% ".$file."($size)";
}

?>

Basically the problem I am having that when the row is entered into the database, it always inputs a 0 for a_id and u_id, I have tried this with php cookies, php sessions and now I am trying with javascript cookies.

Why wont the included file read the cookies? Is their anyway to pass data into this script?

I believe that Code:

upload_url: "upload-file.php",

is the issue, I cant seem to parse any data into this file?

Any help would be greatly appreciated, this is driving me nuts!

Hello,

Im pretty new at JavaScript still, and I am trying to add cookies to a page of my website, so that what is entered into form fields, is retained for future visits. Below is my code, and I am scratching my head as to why it is not working for me! I have viewed a few different cookie tutorials, and so far trying to shape them around what I am seeking, is leading me to my broken code.

Javascript:
Code:

var today = new Date();
var expiry = new Date(today.getTime() + 100 * 24 * 3600 * 1000); 

function setCookie(name, value) 
{ 
document.cookie=name + "=" + escape(value) + "; path=/; expires=" + expiry.toGMTString(); 
} 
function storeValues(form) 
{ 
setCookie("name", contact.name.value);
setCookie("email", contact.email.value);
setCookie("phone", contact.phone.value);
    return true; 
}
if(name = getCookie("name")) document.contact.name.value = name;
if(email = getCookie("email")) document.contact.email.value = email; 
if(phone =getCookie("phone")) document.contact.phone.value = phone;

HTML for the Form
Code:

<form action="mailto:ksim@dbk.com" method="POST" name="contact" onsubmit="return validateForm();" >
 <ul>
    <li>
        <strong>Name<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="name" /></div>
    </li>
    <li>
        <strong>E-mail Address<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="email" /></div>
    </li>
    <li>
        <strong>Phone Number<font color="#5fb81e">*</font></strong>
        <div><input type="text" size="25" name="phone" /></div>
    </li>
    <li>
        <strong>Prefered Type of Contact?<font color="#5fb81e">*</font></strong>
        <div><input type="radio" name="contact" value="email" id="contactem" /> E-mail<br />
        <input type="radio" name="contact" value="phone" id="contactph" /> Phone</div>
    </li>
        <li>
        <strong>Reason For Contact?</strong>
        <div><input type="checkbox" name="reason" value="showinfo" />Show Information<br />
        <input type="checkbox" name="reason" value="groupinfo" />Group Information<br />
        <input type="checkbox" name="reason" value="collab" /> Collaboration<br />
        <input type="checkbox" name="reason" value="misc" />Misc
</div>
    </li>
        <li>
        <strong>What Are You Contacting About?<font color="#5fb81e">*</font></strong>
        <div><textarea name="message" rows="7" cols="28"></textarea></div>
    </li>
        <li>
        <strong></strong>
        <div><input type="button" value="Save" conclick="setCookie();"/><button type="reset">Reset</button><button type="submit">Submit</button>
        </div>
    </li>
</ul>

If anyone has some tips to point me in the right direction, and let me see the error of my ways (pun totally intended) I would appreciate it.

i hava e java script fr confrmation of record deletion on server side in asp.net
function deleteCheck()
{
if (document.getElementById('H_ctrl').value!="")
{
alert(document.getElementById('H_ctrl').value)
var delconfirm = confirm('Are you sure ? You want to delete ' + document.getElementById('H_ctrl').value +' Details ?')
if (delconfirm==true)
{
var delconfirmAgain = confirm('The Record ' + document.getElementById('H_ctrl').value +' will be deleted permanently. Are you sure? ')
if(delconfirmAgain==true)
{
return true
}
else
{
return false
}
}
else
{
return false
}

}

}

BTNDELETE.Attributes("onclick") = "javascript:return deleteCheck();"
in the button event i have a query for redord deletion

i need to delete the records
if u use the return keyword the record doesnot get deleted but if i remove the return keyowrd the record gets deleted even if CANCEL is clicked

Hi I really really really need your help since I have no idea about this.

How can I insert the Javascript Confirmation Alert into the del.php file?



I have this del.php file

PHP Code:
<?php
require ("include/config.php");
$id=$_REQUEST['id'];
 
$strSQL = "DELETE FROM change WHERE id = '".$id."' ";  
 $objQuery = odbc_exec($conn,$strSQL);  
 if($objQuery)  
 {  
 
 echo "<script language='Javascript'>alert('Deleted.'); 
     window.location=\""."index.php?action=syif\"</script>";
 
 }  
 else  
 {  
 echo "Error Delete [".$strSQL."]";  
 }  
 odbc_close($conn);  
 
 
?>



This is the confirmation javascript

Code:

<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("Delete?");
if (r==true)
  {
  alert("Deleted!");
  }
else
  {
  alert("Cancelled!");
  }
}
</script>
</head>
<body>
 
<input type="button" onclick="show_confirm()" value="Show confirm box" />
 
</body>
</html>

I have a HTML table with 800 rows. How can I delete rows that has no Activity & no $ in JavaScript(Orange Colored Rows)? Please note I can have 1 or more than 1 assessments with 1 or more than 1 activity. Sample data.

Name Address Assessment Activity $
Bela Toronto First Assesment Activity 1 10
Asif Toronto First Assesment
Asif Toronto First Assesment Activity 1 10
Asif Toronto First Assesment Activity 2 10
Asif Toronto First Assesment Activity 3 20
Asif Toronto First Assesment Activity 4 30
Asif Toronto Second Assesment
Asif Toronto Second Assesment Activity 1 10
Asif Toronto Second Assesment Activity 2 10
Asif Toronto Second Assesment Activity 3 10
Akhtar Toronto First Assesment
Akhtar Toronto First Assesment Activity 1 20
Akhtar Toronto First Assesment Activity 2 30
Akhtar Toronto First Assesment Activity 3 10
Akhtar Toronto First Assesment Activity 4 10
Akhtar Toronto First Assesment Activity 5 10

Hi! I'm trying to make a multiple choice quiz using javascript. I downloaded codes from http://www.javascriptkit.com/script/cut180.shtml
But when I used it nothing comes up on the results (number of correct answer, number of wrong answer and percentage) as well as the solution box is empty.
I tried it on Google Chrome and it says "Your browser does not accept cookies. Please adjust your settings."
So I tried it in Safari because that's what we use in school and it doesn't work. The results and solution box is empty.
I am guessing that problem is with cookies?
Please help me.
Here are my codes:

- Quiz

//Enter total number of questions:
var totalquestions=10

//Enter the solutions corresponding to each question:
var correctchoices=new Array()
correctchoices[1]='a' //question 1 solution
correctchoices[2]='d' //question 2 solution, and so on.
correctchoices[3]='b'
correctchoices[4]='b'
correctchoices[5]='c'
correctchoices[6]='b'
correctchoices[7]='a'
correctchoices[8]='c'
correctchoices[9]='d'
correctchoices[10]='b'

/////Don't edit beyond here//////////////////////////

function gradeit(){
var incorrect=null
for (q=1;q<=totalquestions;q++){
var thequestion=eval("document.myquiz.question"+q)
for (c=0;c<thequestion.length;c++){
if (thequestion[c].checked==true)
actualchoices[q]=thequestion[c].value
}

if (actualchoices[q]!=correctchoices[q]){ //process an incorrect choice
if (incorrect==null)
incorrect=q
else
incorrect+="/"+q
}
}

if (incorrect==null)
incorrect="a/b"
document.cookie='q='+incorrect
if (document.cookie=='')
alert("Your browser does not accept cookies. Please adjust your browser settings.")
else
window.location="results.htm"
}


function showsolution(){
var win2=window.open("","win2","width=200,height=350, scrollbars")
win2.focus()
win2.document.open()
win2.document.write('<title>Solution</title>')
win2.document.write('<body bgcolor="#FFFFFF">')
win2.document.write('<center><h3>Solution to Quiz</h3></center>')
win2.document.write('<center><font face="Arial">')
for (i=1;i<=totalquestions;i++){
for (temp=0;temp<incorrect.length;temp++){
if (i==incorrect[temp])
wrong=1
}
if (wrong==1){
win2.document.write("Question "+i+"="+correctchoices[i].fontcolor("red")+"<br>")
wrong=0
}
else
win2.document.write("Question "+i+"="+correctchoices[i]+"<br>")
}
win2.document.write('</center></font>')
win2.document.close()
}

______________________________________________________________
For Results

<html>

<head>
<title>Instant Quiz Results</title>
</head>

<body bgcolor="#FFFFFF">

<p align="center"><strong><font face="Arial">

<script src="quizconfig.js">
</script>Quiz Results Summary</font></strong></p>
<div align="center"><center>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form method="POST" name="result"><table border="0" width="100%" cellpadding="0" height="116">
<tr>
<td height="25" bgcolor="#D3FFA8"><strong><font face="Arial">Number Of Correct Questions:</font></strong></td>
<td height="25"><p><input type="text" name="p" size="24"></td>
</tr>
<tr>
<td height="17" bgcolor="#D3FFA8"><strong><font face="Arial">Wrong Questions:</font></strong></td>
<td height="17"><p><textarea name="T2" rows="3" cols="24" wrap="virtual"></textarea></td>
</tr>
<tr>
<td height="25" bgcolor="#D3FFA8"><strong><font face="Arial">Grade Percentage:</font></strong></td>
<td height="25"><input type="text" name="q" size="8"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</center></div>

<form method="POST"><div
align="center"><center><p>

<script>
var wrong=0
for (e=0;e<=2;e++)
document.result[e].value=""

var results=document.cookie.split(";")
for (n=0;n<=results.length-1;n++){
if (results[n].charAt(1)=='q')
parse=n

}

var incorrect=results[parse].split("=")
incorrect=incorrect[1].split("/")
if (incorrect[incorrect.length-1]=='b')
incorrect=""
document.result[0].value=totalquestions-incorrect.length+" out of "+totalquestions
document.result[2].value=(totalquestions-incorrect.length)/totalquestions*100+"%"
for (temp=0;temp<incorrect.length;temp++)
document.result[1].value+=incorrect[temp]+", "


</script>

<input type="button" value="Retake Quiz" name="B1"
onClick="history.go(-1)"> <input type="button" value="Show Solution" name="B2"
onClick="showsolution()"></p>
</center></div>
</form>
</body>
</html>


Please help me. I've been trying to find out what is wrong with my codes for a week.

Thanks in advance!

Hello. I have a youtube video that autoplays everytime one opens the webpage containing the video. The only extra parameter that causes the video to autoplay is having the following added at the end of the embed src link: "&autoplay=1" If that is not present or if a zero is present in place of the 1, the video does not autoplay.

I would like the video to play only once per session. If one is visiting the webpage a second time, the parameter above should not be present or the 1 should be a zero.

I am modifying attempting to modify this code: http://www.javascriptkit.com/script/...2/postit.shtml and I am able to get differnt urls to print on screen depending if it's a first visit or not.

Problem 1: I cannot however get this to work in Google Chrome.

Problem 2: When I attempt to get the url to be printed inside the embed src [/B]link, which is inside the object tag, the javascript either gets printed or that portion is ignored. I don't know if this is because of the quotations and the way I am handling them or if because javascript cannot be inserted inside an object tag.

Here is the code:

Code:

<html>
<body>

<br><br>

<script type="text/javascript">

//Post-it only once per browser session? (0=no, 1=yes)
//Specifying 0 will cause postit to display every time page is loaded
var once_per_browser=1
///No need to edit beyond here///
/* var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ns4)
crossobj=document.layers.postit
else if (ie4||ns6)
crossobj=ns6? document.getElementById("postit") : document.all.postit
function closeit(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
crossobj.visibility="hide"
} */

var url = "\"http://www.youtube.com/blah/version=3&hl=en_US&fs=1\"";

function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}
function showornot(){
if (get_cookie('postdisplay')==''){
showit()
document.cookie="postdisplay=yes"
}
}

function showit(){

url = "\"http://www.youtube.com/blah/version=3&hl=en_US&fs=1&autoplay=1\"";

/*if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
crossobj.visibility="show" */

} 

if (once_per_browser)
showornot()
else
showit()
</script>


<b>Outside the Object Tag:</b> <br>
<script type="text/javascript">document.write(url);</script>

<br><br>

<b>In the Object Tag</b>
<br><br>

<object width="570" height="250"><param name="movie" value="http://www.youtube.com/blah?version=3&hl=en_US&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src=<script type="text/javascript">document.write(url);</script> type="application/x-shockwave-flash" width="570" height="250" allowscriptaccess="always" allowfullscreen="true"></embed></object>


</body>
</html>

I have search for about a week and still no luck.
I need to dynamically display mutliple images using javascript, no hardcoding. The images have different categories. For ex. bellTower01.jpg, bellTower02.jpg...and fountain01.jpg, fountain02.jpg....

-Use JavaScript to display several images and scroll through them
To display multiple thumbnails, arrange them into a small quantity (no more than 8 per page)
Provide pagination

I really really really need help. I have never done javascript before, so I'm still learning. I seriously checked out many threads and links but nothing works or is what I want. I hope someone can help me out and hopefully also allow me to become better at coding this kind of stuff.

I am not allowed to code in php for this project. I can only use javascript to display the images. Also, I don't really need anything fancy, like slideshows or rotations, I just the image to appear when I select that specific category. I want to get the images from my folder/directory.

Right now, I have it working as it just being hardcoded.
Below is my code for my galleries page:

<?php

//creates a session..initializes session data
session_start ();

echo("<?xml version=\"1.0\" encoding=\"UTF-8\"?>"); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Scenes of Purdue</title>
<!-- Styling of the Webpage -->
<link rel="stylesheet" type="text/css" href="css/style.css"/>

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="css/lightbox.css"/>

</head>

<body>
<div id="shadowContainer">
<div id="mainContainer">
<div id="mainHeader"></div>
<div id="topNav">
<ul>

<li><a href="index.php">Home</a></li>
<li><a href="galleries.php">Galleries</a></li>
</ul>
</div><div id="content">
<br />
<div class="clearfix"><h1>Select a Category to View</h1>
<br />

<div class="paginationBar" id="paginationBar">
<select id="catDropDown" onchange="javascript:getCategory()">
<option value="-" selected="selected">Select a Category</option>
<option value="bellTower">Bell Tower</option>
<option value="fountain">Fountain</option>
</select>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br />

<ul id="pagination">
</ul>

<div id="r1c1"></div>
<div id="r1c2"></div>
<div id="r1c3"></div>

<div id="r2c1"></div>
<div id="r2c2"></div>
<div id="r2c3"></div>


<script type="text/javascript"><!--
var bellTowerArray = new Array();

bellTowerArray[0] = "bellTower01.jpg";
bellTowerArray[1] = "bellTower02.jpg";
bellTowerArray[2] = "bellTower03.jpg";
bellTowerArray[3] = "bellTower04.jpg";
bellTowerArray[4] = "bellTower05.jpg";
bellTowerArray[5] = "bellTower06.jpg";
bellTowerArray[6] = "bellTower07.jpg";
bellTowerArray[7] = "bellTower08.jpg";
bellTowerArray[8] = "bellTower09.jpg";
bellTowerArray[9] = "bellTower10.jpg";
bellTowerArray[10] = "bellTower11.jpg";
bellTowerArray[11] = "bellTower12.jpg";
bellTowerArray[12] = "bellTower13.jpg";
bellTowerArray[13] = "bellTower14.jpg";
bellTowerArray[14] = "bellTower15.jpg";
bellTowerArray[15] = "bellTower16.jpg";

var fountainArray = new Array();

fountainArray[0] = "fountain01.jpg";
fountainArray[1] = "fountain02.jpg";
fountainArray[2] = "fountain03.jpg";
fountainArray[3] = "fountain04.jpg";
fountainArray[4] = "fountain05.jpg";
fountainArray[5] = "fountain06.jpg";
fountainArray[6] = "fountain07.jpg";
fountainArray[7] = "fountain08.jpg";
fountainArray[8] = "fountain09.jpg";
fountainArray[9] = "fountain10.jpg";
fountainArray[10] = "fountain11.jpg";
fountainArray[11] = "fountain12.jpg";
fountainArray[12] = "fountain13.jpg";
fountainArray[13] = "fountain14.jpg";
fountainArray[14] = "fountain15.jpg";
fountainArray[15] = "fountain16.jpg";
fountainArray[16] = "fountain17.jpg";
fountainArray[17] = "fountain18.jpg";

var currentArray = new Array();

function getCategory()
{
if(document.getElementById("catDropDown").selectedIndex == 1)
{
currentArray = bellTowerArray;
}
else if(document.getElementById("catDropDown").selectedIndex == 2)
{
currentArray = fountainArray;
}//if/else
if(document.getElementById("catDropDown").selectedIndex > 0)
{
displayImages(0);
doPagination();
}
}

function displayImages(start)
{
//r1c1
if(!(start > currentArray.length-1))
document.getElementById("r1c1").innerHTML = "<a id=\"r1c1_a\" href=\"images/regular/" + currentArray[start] + "\" rel=\"lightbox\" title=\"This is the static description\"><img src=\"images/th/thumb_" + currentArray[start] + "\" id=\"r1c1_img\" width=\"150\" height=\"150\" alt=\"This is the static description in alt\" title=\"Static title description\" /><"+"/a>";
else
document.getElementById("r1c1").innerHTML = "";

//r1c2
if(!(start+1 > currentArray.length-1))
document.getElementById("r1c2").innerHTML = "<a id=\"r1c2_a\" href=\"images/regular/" + currentArray[start+1] + "\" rel=\"lightbox\" title=\"This is the static description\"><img src=\"images/th/thumb_" + currentArray[start+1] + "\" id=\"r1c2_img\" width=\"150\" height=\"150\" alt=\"This is the static description in alt\" title=\"Static title description\" /><"+"/a>";
else
document.getElementById("r1c2").innerHTML = "";

//r1c3
if(!(start+2 > currentArray.length-1))
document.getElementById("r1c3").innerHTML = "<a id=\"r1c3_a\" href=\"images/regular/" + currentArray[start+2] + "\" rel=\"lightbox\" title=\"This is the static description\"><img src=\"images/th/thumb_" + currentArray[start+2] + "\" id=\"r1c3_img\" width=\"150\" height=\"150\" alt=\"This is the static description in alt\" title=\"Static title description\" /><"+"/a>";
else
document.getElementById("r1c3").innerHTML = "";

//r2c1
if(!(start+3 > currentArray.length-1))
document.getElementById("r2c1").innerHTML = "<a id=\"r2c1_a\" href=\"images/regular/" + currentArray[start+3] + "\" rel=\"lightbox\" title=\"This is the static description\"><img src=\"images/th/thumb_" + currentArray[start+3] + "\" id=\"r2c1_img\" width=\"150\" height=\"150\" alt=\"This is the static description in alt\" title=\"Static title description\" /><"+"/a>";
else
document.getElementById("r2c1").innerHTML = "";

//r2c2
if(!(start+4 > currentArray.length-1))
document.getElementById("r2c2").innerHTML = "<a id=\"r2c2_a\" href=\"images/regular/" + currentArray[start+4] + "\" rel=\"lightbox\" title=\"This is the static description\"><img src=\"images/th/thumb_" + currentArray[start+4] + "\" id=\"r2c2_img\" width=\"150\" height=\"150\" alt=\"This is the static description in alt\" title=\"Static title description\" /><"+"/a>";
else
document.getElementById("r2c2").innerHTML = "";

//r2c3
if(!(start+5 > currentArray.length-1))
document.getElementById("r2c3").innerHTML = "<a id=\"r2c3_a\" href=\"images/regular/" + currentArray[start+5] + "\" rel=\"lightbox\" title=\"This is the static description\"><img src=\"images/th/thumb_" + currentArray[start+5] + "\" id=\"r2c3_img\" width=\"150\" height=\"150\" alt=\"This is the static description in alt\" title=\"Static title description\" /><"+"/a>";
else
document.getElementById("r2c3").innerHTML = "";
}

function doPagination()
{
var numpages = (currentArray.length / 6) +1;
var numleft = currentArray.length % 6;

document.getElementById("pagination").innerHTML = "";

for(i=0; i<numpages-1; i++)
{
document.getElementById("pagination").innerHTML += "<span onclick='displayImages("+ i*6 +")'>"+ (i+1) + "<"+"/span> ";
}

if(numpages <=1)
{
document.getElementById("pagination").innerHTML = "";
}
}

document.getElementById("catDropDown").selectedIndex = 0;

-->
</script>

</div>
</div>
</div>
<div id="footer"><a href="readme.php">Readme</a><br />
<div class="clearfix">
<div style="float: left"><a href="adminLogin.php" title="Admin Login" class="adminLoginAjax">Admin login</a></div>

</div>
</div>
</div>

</div>

</body>
</html>

I am in the process of learning 'JavaScript' and I am having a problem understanding how to delete cookies. I understand that to do delete a cookie you want to set the expiration attribute of the cookie to delete, to any date in the past. My confusion lies in the exact syntax of how to do this. In the example s I have seen in books and on the internet it appears that you must submit the "exact" name/value pair that you originally set the cookie with to delete it. For an example:
var UserId = "MrJones", password = "secret";
var currentDate = new Date();
currentDate.setFullYear(currentDate.getFullYear()+1);

document.cookie = encodeURI("userid=" + UserId " + "; " +
"password=" + password + "; expires=" + currentDate.toUTCString());

What is the minimum syntax I would need to delete the cookie above?
Also, I need clarification on the terminology. Is a single cookie a collection of name/value pairs(also known as crumbs) or is each name/value pair considered a cookie unto itself?

Why does the ECMA board allow people on drugs to be part of settings standards for programming languages that will be used by the entire world?

I've been reading a book on JavaScript and have had no problems understanding anything until reaching Chapter 9 and the subject of cookies. This syntax is crazy. And the way you add to a cookie by using just an assignment operator? How about a cookie.Add() and a cookie.Delete() method?