JavaScript - Accumulator Issues

I've having a problem with alignment on my portfolio. It works in mozilla although you may need to refresh the page, and it doesn't work in chrome at all. does anyone know why?

the address is townsendwebdd.com
thanks, I am totaly stuck

I have a quick search box in my home page that I can't seem to get working properly. When the user types in the input field and hits the "Add" button, the word they typed in appears in a box below the "Add" button. I got that, no problem. The issue arises because I want the user to be able to hover over any of the words they typed in, see some visual change (like text color changing), and be able to click the word to delete it.
Right now, when the user hits the "Add" button, a function is called and the word is stored to an array. Then I have a for() loop to display the contents of the array, but the for() is only displaying one word on the screen and it is the most recent word that was added. How can I make this right?

HTML Form:
Code:

<form>
			<table>
				<th>Recipe Quick Search</th>
				<tr>
					<td class="quickSearchHeader">Ingredient:</td>
				</tr>
				<tr>
					<td><input type="text" name="quicksearch" size="18" id="quickSearchInput"/></td>
				</tr>
				<tr>
					<td class="quickSearchAddButton" name="quickSearchAddButton" id="quickSearchAddButton"><input type="image" src="images/quickAddButton.png" name="quicksearchadd" alt="Add" onclick="insert(this.form.quicksearch.value);show();this.form.quicksearch.value='';return false;"/></td>
				</tr>
				<tr>
					<td class="quickSearchIngList" id="quickSearchIngList" valign="top"></td>
				</tr>
				<tr>
					<td class="QSSubmit"><input type="submit" name="quickSearchSubmit" value="Search!"></td>
				</tr>
			</table>
			</form>

Javascript Code:
Code:

<script type="text/javascript">

 var array = new Array();

  function insert(val)
  {
	if(val != "")
	{
		array.push(val);
	}
  }

  function show()
  {
  if(array.length > 0)
	{
		for(i = 0; i < array.length; i++)
		{
		document.getElementById('quickSearchIngList').innerHTML = "<p id='quickList'>" + array[i] + "</p>";
		}
	}

  }

</script>

Issue with the following code is the cookie is not getting updated. It does create the cookie though.

Browser: Opera

Code:

javascript: var report = document.body.innerHTML;
var worldSpeed = 3;
var period = 1;
var timber = report.match(/Timber camp <b>\(Level \d{1,2}/i);
timber = timber.toString().split(" ")[3];
minelvl(timber);
tres = mineres;
var clay = report.match(/Clay pit <b>\(Level \d{1,2}/i);
clay = clay.toString().split(" ")[3];
minelvl(clay);
cres = mineres;
var iron = report.match(/Iron mine <b>\(Level \d{1,2}/i);
iron = iron.toString().split(" ")[3];
minelvl(iron);
ires = mineres;
var totallc = Math.round(tres + cres + ires);

var defendingVillage = document.getElementById('attack_info_def').innerText.match(/\d+\|\d+/gi);
var value = defendingVillage + '|' + totallc;

checkCookie(value);

//alert('This farm produces ' + value + ' resources per +period+ hours.', "JChilds");


function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function checkCookie(value)
{
var TargetHaul=getCookie("TargetHaul");
var v=value;
alert("hi");
if (TargetHaul!=undefined && TargetHaul!="")
  {
  v=TargetHaul + ' ' + v;
  setCookie("TargetHaul",v,365);
  }
else 
  {
    v=value;
    setCookie("TargetHaul",v,365);
  }
}


function minelvl(mine) {
    if (mine == 0) {
        mineres = 5
    }
    if (mine == 1) {
        mineres = 30
    }
    if (mine == 2) {
        mineres = 35
    }
    if (mine == 3) {
        mineres = 41
    }
    if (mine == 4) {
        mineres = 47
    }
    if (mine == 5) {
        mineres = 55
    }
    if (mine == 6) {
        mineres = 64
    }
    if (mine == 7) {
        mineres = 74
    }
    if (mine == 8) {
        mineres = 86
    }
    if (mine == 9) {
        mineres = 100
    }
    if (mine == 10) {
        mineres = 117
    }
    if (mine == 11) {
        mineres = 136
    }
    if (mine == 12) {
        mineres = 158
    }
    if (mine == 13) {
        mineres = 184
    }
    if (mine == 14) {
        mineres = 214
    }
    if (mine == 15) {
        mineres = 249
    }
    if (mine == 16) {
        mineres = 289
    }
    if (mine == 17) {
        mineres = 337
    }
    if (mine == 18) {
        mineres = 391
    }
    if (mine == 19) {
        mineres = 455
    }
    if (mine == 20) {
        mineres = 530
    }
    if (mine == 21) {
        mineres = 616
    }
    if (mine == 22) {
        mineres = 717
    }
    if (mine == 23) {
        mineres = 833
    }
    if (mine == 24) {
        mineres = 969
    }
    if (mine == 25) {
        mineres = 1127
    }
    if (mine == 26) {
        mineres = 1311
    }
    if (mine == 27) {
        mineres = 1525
    }
    if (mine == 28) {
        mineres = 1774
    }
    if (mine == 29) {
        mineres = 2063
    }
    if (mine == 30) {
        mineres = 2400
    }
    mineres = mineres * worldSpeed;
};

I was wondering if anyone could shed some light on this little problem.

Code:

function lostfocus(current,productNum,e)
{
	var keycode;
	if (window.event)
	{
		keycode = window.event.keyCode;
	}
   	else if (e)
   	{
   		keycode = e.which;
   	}

	if(keycode == 0)
	{
		if(current == ($("#itemCount"+productNum).val()-1))
		{
			newItem(productNum);
		}
	}	
	else
	{
		alert(keycode);
	}
}

Works great in FireFox, but not in IE7 - it doesn't even get to the else alert statement.

This is how it is called..

onkeypress='lostfocus($current,$productNum,event)'

And that is inside of a input type=text element.

And help would be greatly appreciated.

I need to write a script that use cookies to keep in memory the user's preferences. First, a form to collect data. I need to know the name and second name of the user and his favorite color. After that, I need to valid all the values of the form, that is to say to be sure that they're not empty and that the color is a defined color. The form will be displayed at the first visit of the user then it will greet the user with a welcome message. Moreover, the background color will match the color that the user chose. The welcome message needs to be as follow: "Hi, Name secondName, Good morning! (if time is between 6am and 12), Good afternoon! (if time is between 12 and 6pm) or Good evening! (Between 6pm and 6am).

Here's what I've done so far...
What is colored in red is what I don't know what to write.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<SCRIPT LANGUAGE="JavaScript">
function setCookie(firstNameCookie,nameCookie,colorCookie,valueCookie,DateExp)
{
  strName = nameCookie;
  strFirstName = firstNameCookie
  strColor = colorCookie
  strValue = valueCookie;
  dateExpiration = DateExp;

  var newCookie = strName+strFirstName+strColor+"="+ escape(strValue) +"; " + " path=/; " + "expires="+dateExpiration.toGMTString() +"; ";

  window.document.cookie=newCookie;
}

function getCookieValue(firstname,name,color)
{
  cookieFirstName = firstname;
  cookieName = name;
  cookieColor = color;

  sCookieValue = document.cookie;

  iCookieNameIndex = sCookieValue.indexOf(cookieFirstName,cookieName,cookieColor + "=");
  if (iCookieNameIndex == -1)
  {
     return (""); 
  }

  sCookieValue = sCookieValue.substring (iCookieNameIndex, sCookieValue.length);

  iCookieValueIndex = sCookieValue.indexOf("=") + 1;
  sCookieValue = sCookieValue.substring(iCookieValueIndex, sCookieValue.length);

  indexFinCookie = sCookieValue.indexOf(" ");  
  if (indexFinCookie != -1)
  {
    sCookieValue = sCookieValue.substring (0, indexFinCookie);
  }

  sCookieValue = unescape(sCookieValue);

  return sCookieValue;
}
 var valueCookieName=getValeurCookie("name");
if(valueCookieName="");
{
	
}
var valueCookieFirstName=getValeurCookie("firstname");
if(valueCookieFirstName="");
{
	
}
var valueCookieColor=getCookieValue("color");
if(valueCookieColor="");
{
	
} 
</SCRIPT>
</head>
<body>
  <form name="nameFirstName">
  <table>
    <tr>
      <td valign="top">
      First Name :
	  <input type="text" name="firstname" value="">
      </td>
      </tr>
      <tr>
	  <td valign="top">
      Name :
      <input type="text" name="name" value="">
      </td>
      </tr>
      <tr>
      <td valign="top">
      What is your favorite color? :
      </td>
      <td>
      <input name="white" type="radio" value="white">white<br>
        <input name="blue" type="radio" value="blue">blue<br>
        <input name="green" type="radio" value="green">green<br>
        <input name="red" type="radio" value="red">red<br>
        <input name="yellow" type="radio" value="yellow">yellow<br>
        <input name="purple" type="radio" value="purple">purple<br>
	  </td>
    </tr>
    <tr>
    <td>
    <input type="button" name="bouton" Value="Submit"  onClick="" >
    </td>
    </tr>
  </table>
  </form>
</body>
</html>

The second code is the part of the greeting message that shows a different greeting message depending on the time (ex.: Good morning "Firstname name", welcome to my site (if it's morning)). The tricky thing is I can't seem to figure out how to input it in the coding. Do I need to make another file and then SRC it?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var now = new Date();
var hrs = now.getHours();
var msg = "";

if (hrs >  0) msg = "Mornin' Sunshine!"; // REALLY early
if (hrs >  6) msg = "Good morning";      // After 6am
if (hrs > 12) msg = "Good afternoon";    // After 12pm
if (hrs > 17) msg = "Good evening";      // After 5pm
if (hrs > 22) msg = "Go to bed!";        // After 10pm

alert(msg);
</script>
</head>
<body>
</body>
</html>

Hi Guys & Girls,

I am looking for help with a technical issue, which my programmer can't find the answer to.

My website has a demonstration facility which allows a client to enter their website which then in turn creates a video transparency overlaying their own website.

The problem is some sites with Flash, overlay my transparency video so that you cant see my demo video.

Any ideas please.

Thanks

Maximillion

The Website: http://hudson.zzl.org

The CSS: http://hudson.zzl.org/galleria.classic.css

The JavaScript: http://hudson.zzl.org/galleria.js

The problem:

a. first load = nothing shows up
b. upon refresh everything loads very quickly and is fine.

Ill explain my other loading problems once I can figure out how to fix this problem.

Help please!

Hello,

Take a look at this page and this just what I want:

http://yensdesign.com/tutorials/popupjquery/

But I have two issues concerning this:

1)I am able to insert a youtube image into the popup BUT when I click on the 'X' the popup disappears but the audio remains.What I would like to do is somehow alter the code so the popup is "destroyed" and the clip is stopped completely including the audio.


2) I also want to able to adapt the code so that I can click on any one of multiple youtube links and get the same effect.


My javascript capabilities aren't that strong so any help or links to other pages or suggestions are welcome.

Hello,

I have been trying to make a script that will enlarge some images while the mouse passes over them.. though the script i wrote does not work..

Can someone please tell me what is wrong with it?

What did i do wrong?

Here is the script i wrote:

Code:

<script type="text/javascript" >
        var img1 = "img1.jpg";

        function zoomin()
        {
            document.getElementById('img1').style.height = 220;
            document.getElementById('img1').style.width = 200;
        }
        function zoomout()
        {
            document.getElementById('img1').style.height = 60;
            document.getElementById('img1').style.width = 50;
        }
    </script>

<img src="img1.jpg" id="img1" alt="" width="" height="" onMouseover="zoomin();" onMouseout="zoomout();"/>

Please help..

Thank you in advance.

When I enter the data into my form then submit it, it is supposed to be inserted into my MySql database but I get the following error:

"Unable to save data to database: Incorrect date value: '3-31-2001' for column 'sent_date' at row 1"

The sent_date field is the first date field the user types in. The TYPE for this field in the MySql database is set to DATE. Any ideas what is going on? I think the problem is in my javascript but can't find the problem...

_________________________________________________________
Below is the javascript code
_________________________________________________________

<script type="text/javascript">
var valid;

function dcheck(form) {
var a = form.assgn_date.value;
var s = form.sent_date.value;
var i = form.interv_date.value;
var dr = form.due_rev.value
var su = form.due_suspo
var clk = form.due_clerk
var att = form.due_attny
var jdg = form.due_judge
var assn = new Date(a);
var sent = new Date(s);
var intv = new Date(i);
var due_rev = new Date(dr);
var due_suspo = new Date(su);
var due_clerk = new Date(clk);
var due_attny = new Date(att);
var due_judge = new Date(jdg);


if (isNaN(sent)) {
sent = new Date(assn.getFullYear(),assn.getMonth(),assn.getDate()-7);
}
if (isNaN(due_rev)) {
due_rev = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-42);
}
if (isNaN(due_suspo)) {
due_suspo = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-40);
}
if (isNaN(due_clerk)) {
due_clerk = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-38);
}
if (isNaN(due_attny)) {
due_attny = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-36);
}
if (isNaN(due_judge)) {
due_judge = new Date(sent.getFullYear(),sent.getMonth(),sent.getDate()-7);
}

form.sent_date.value = (sent.getMonth()+1) + "-" + sent.getDate() + "-" + sent.getFullYear();
form.due_rev.value = (due_rev.getMonth()+1) + "-" + due_rev.getDate() + "-" + due_rev.getFullYear();
form.due_suspo.value = (due_suspo.getMonth()+1) + "-" + due_suspo.getDate() + "-" + due_suspo.getFullYear();
form.due_clerk.value = (due_clerk.getMonth()+1) + "-" + due_clerk.getDate() + "-" + due_clerk.getFullYear();
form.due_attny.value = (due_attny.getMonth()+1) + "-" + due_attny.getDate() + "-" + due_attny.getFullYear();
form.due_judge.value = (due_judge.getMonth()+1) + "-" + due_judge.getDate() + "-" + due_judge.getFullYear();
return true;
}



</script>

Is there any way to edit this code so the user will get a pop up box if the enter a date other than in the format YYYY-MM-DD for the date_disclo_att field?

I have some javascript code on lines 120-129 but it is not working. Can someone help me out?

PHP Code:
<b> <p> <i> To go to the main page <a href="http://tnep-g-psrflow/flow/index.html">click here</a>.</p> </i>


<?php # edit_dqa.php

$page_title = 'Edit a Record';

$con = mysql_connect("localhost","username","password");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("psrflow", $con);

ini_set('display_errors',1); 
error_reporting(E_ALL);


if ( (isset($_GET['id'])) && (is_numeric($_GET['id'])) ) { 
    $id = $_GET['id'];
} elseif ( (isset($_POST['id'])) && (is_numeric($_POST['id'])) ) { 
    $id = $_POST['id'];
} else { // No valid ID, kill the script.
    echo '<h1 id="mainhead">Page Error</h1>
    <p class="error">This page has been accessed in error.</p><p><br /><br /></p>';
    include ('./includes/footer.html'); 
    exit();
}

if (isset($_POST['submitted'])) {

    $errors = array(); 

    if (empty($_POST['pacts'])) {
        $errors[] = 'You forgot to enter your PACTS number. If there is no PACTS # you can enter 0000';
    } else {
        $pt = $_POST['pacts'];
    }
    
    if (empty($_POST['fname'])) {
        $errors[] = 'You forgot to enter the first name.';
    } else {
        $fn = $_POST['fname'];
    }
    
    if (empty($_POST['lname'])) {
        $errors[] = 'You forgot to enter the last name.';
    } else {
        $ln = $_POST['lname'];
    }

        if (empty($_POST['date_sub_crt'])) {
        $errors[] = 'You forgot to enter a date submitted to office!.';
    } else {
        $crt = $_POST['date_sub_crt'];
    }
    
        if (empty($_POST['date_disclo_att'])) {
        $errors[] = 'You forgot to enter the supervisor disclosure date!';
    } else {
        $disc = $_POST['date_disclo_att'];
    }
        
    if (empty($errors)) { 
        
    $query = "UPDATE psrinfo SET pacts='$pt', fname='$fn', lname='$ln', date_sub_crt='$crt', date_disclo_att='$disc' WHERE fid=$id";
    $result = @mysql_query ($query); // Run the query.
        
$EmailAddress = 'email@yahoo.com';    
$Message = "A clerk has entered a 'Date Submitted to supervisor or office'. Please enter/edit this information in PACTS.\n \n PACTS No : ${_REQUEST['pacts']}\n First Name : ${_REQUEST['fname']} \n Last Name : ${_REQUEST['lname']} \n Date Submitted to office : ${_REQUEST['date_sub_crt']} \n Date Dislosed to supervisor : ${_REQUEST['date_disclo_att']} ";    
$Subject  = "A Clerk has Edited a Record.";
$Headers = "From: PODDS@yahoo.com \n"; 

if (mail($EmailAddress, $Subject, $Message, $Headers)) {
                
echo "<p><center><h2>My Office</h2></center></p>";
echo "<p><h3><center>Eastern District</center></h3></p>";
echo "<center>An email has been sent to your supervisor for approval and "; 
 
} else { 
 
echo "This system is not working properly. Please contact IT so they can fix it."; 
 
}         
        
$url = 'http://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['PHP_SELF']);
if ((substr($url, -1) == '/') OR (substr($url, -1) == '//')) {
$url = substr ($url, 0, -1);
}
$url ='/flow/index.html'; 

header("Location: $url");

exit();

        
    } else { // Report the errors.
    
        echo '<h1 id="mainhead">Error!</h1>
        <p class="error">The following error(s) occurred:<br />';
        foreach ($errors as $msg) { // Print each error.
            echo " - $msg<br />\n";
        }
        echo '</p><p>Please try again.</p><p><br /></p>';
        
    } 

} 

$query = "SELECT pacts, fname, lname, date_sub_crt, date_disclo_att, date_disclo_att FROM psrinfo WHERE fid = " . $_REQUEST['id'];
$result = @mysql_query ($query); // Run the query.

if (mysql_num_rows($result) == 1) { 

    $row = mysql_fetch_array ($result, MYSQL_NUM);
        
?>

<script type="text/javascript"> 
function checkme() {  
  if(!document.forms[0].date_disclo_att.value.match(/\d{4}-\d{1,2}-\d{1,2}/)) { 
        alert("ATTENTION: Please enter your start date in the format yyyy-mm-dd."); 
        document.forms[0].date_of_training_start.focus();   
        return(false); 
        }

else {return true}
</script>
    

<?php

echo '<form action="clerk_edit.php" method="post">
<fieldset><legend><h2> You are editing a record! After submitting this form, your DQA will be notified of the change via email.</h2></legend>

<b>PACTS No:</b> <br><input type="text" name="pacts" size="15" maxlength="30" value="'.$row[0].'" /><br>
<b>First Name:</b> <br><input type="text" name="fname" size="15" maxlength="30" value="'.$row[1].'" /><br />
<b>Last Name:</b> <br><input type="text" name="lname" size="15" maxlength="30" value="'.$row[2].'" /><br />
<b>Submitted to office: </b><br><input type="text" name="date_sub_crt" size="15" maxlength="30" value="'.$row[3].'" /> <br>
<b>Submitted to supervisor: </b><br><input type="text" name="date_disclo_att" size="15" maxlength="30" value="'.$row[4].'" /> <br>
</fieldset>

<div align="left"><input type="submit" name="submit" value="Submit" /></div> 

<input type="hidden" name="submitted" value="TRUE" />
<input type="hidden" name="id" value="' . $id . '" />
</form>';

} else { // Not a valid user ID.
    echo '<h1 id="mainhead">Page Error</h1>
    <p class="error">This page has been accessed in error.</p><p><br /><br /></p>';
}

mysql_close(); // Close the database connection.

?>

Hi all

I use the following to verify that a user has entered a number between 0 and 99 in a form:

Code:

function validate_number(number) { //Checks uploaded files for invalid characters and extensions
		if (/^([0-9]|[0-9][0-9])$/gi.test(number)) {  // anything but 0-99 is disallowed
			return true;
			}
		return false;
	}

It seems to work fine in all browser / machine combos except Firefox on a Mac, when entering 0 returns false (I don't know if entering other numbers also returns false.) Can anybody suggest why?

If anyone could help me, I would soooo appreciate it. I'm writing this program and I can't seem to figure out what the problems is. I'm new to this and really bad at it.
public class Points
{

int ycoordinate;
int xcoordinate;

public Points(){
ycoordinate=0;
xcoordinate=0;
}
public Points(int xcoord, int ycoord)
{
xcoordinate=xcoord;
ycoordinate=ycoord;
}
public int getxcoordinate()
{
return xcoordinate;
}
public int getycoordinate()
{
return ycoordinate;
}
public void setxcoordinate(int xcoord)
{
xcoord=xcoordinate;
}
public void setycoordinate(int ycoord)
{
ycoord=ycoordinate;
}
public int distanceFromOrigin()
{
int point1=(xcoord-0)*(xcoord-0);
int point2=(ycoord-0)*(ycoord-0);
int distance=Math.sqrt(point1+point2);
}
public String Points()
{
String str="The distance between the coordinates is:"+""+distance;
return str;
}
}

Hi all!

code without "return false":
<a onclick="javascript: this.disabled = 1;" href="www.abc.com">
IE6/7 : both disabled and link works
IE8 : disabled works, link fails (stay on same page instead of going to www.abc.com)
FF : disabled fails, link works


code with "return false":
<a onclick="javascript: this.disabled = 1;return false;" href="www.abc.com">
IE6/7 : same as above
IE8 : same as above
FF : disabled fails, link fails


Please help!

Thanks,
Ken.