JavaScript - Please Format Code In Your Posts Using The [code][/code] Tag!

I am trying to set up a looping structure that tests to see if the user enters a value. If the textbox is null then a global variable is false otherwise a checkbox is checked and the global variable is true.

below is what i have done so far, please assist me.

var isValid = false;

window.onload = startForm;

function startForm() {


document.forms[0].firstName.focus();
document.forms[0].onsubmit = checkEntries;

alert("You have been added to the list")
}

function checkEntries() {
var menus = new Array();
var formObject = document.getElementsByTagName('*');
for (var i=0; i < formObject.length; i++){
if (formObject[i] == "myform") menus.push(formObject[i]);
if (document.forms[0].firstName.value.length==0 || document.forms[0].firstName.value.length == null){
isValid= false;
alert("Please enter a first name");
} else (document.forms[0].check0.checked=true);
isValid=true;

if (document.forms[0].lastName=="" || document.forms[0].lastName== null){
alert("Please enter a last name");
isValid = false;
} else (document.forms[0].check1.checked=true);
isValid=true;

if (document.forms[0].email=="" || document.forms[0].email== null) {
alert("Please enter a valid email");
} else
return (document.forms[0].check0.checked=true);
isValid=true;

if (document.forms[0].bDate=="" || document.forms[0].bDate== null) {
isValid=false;
alert("please make sure you enter a valid birth date.");
}
else (document.forms[0].check0.checked=true);
isValid=true;
}
}


here is the form html...

<form name="myform" >
<input type="checkbox" name="check0" class="check0" id="check0" >
First: <input type="text" name="firstName" id="firstName"> <BR>
<input type="checkbox" name="check1" class="check1" id="check1" >
Last: <input type="text" name="lastName" id="lastName" ><BR>
<input type="checkbox" name="check2" class="check2" id="check2" >
E-Mail: <input type="text" name="email" id="email"> <BR>
<input type="checkbox" name="check3" class="check3" id="check3" >
Birthday (mm/dd/yyyy): <input type="text" name="bDate" id="bDate"> <BR>
<input type="submit" value="Join our mailing List" />
</form>

Hi guys.. I really need a bit of help.. is anyone looking at this good with JS?

I have a php form validation script but i think its a bit slow and would rather a JS script instead...

here is what i have in php..

PHP Code:
    <?php
  if(isset($_POST['submit']))
      {
          $firstName = $_POST['firstName'];
          $lastName = $_POST['lastName'];
          $email = $_POST['email'];
          $mobile = $_POST['mobile'];
          $comments = $_POST['comments'];
         
          $errors = array();
          
        function display_errors($error)
          {
          echo "<p class=\"formMessage\">";
          
          
            echo $error[0];
            
            echo "</p>";
          }  
          
         function validateNames($names) 
        {
        return(strlen($names) < 3);
        } 
        
        function validateEmail($strValue) 
        {
           $strPattern = '/([A-Z0-9._%+-]+@(?:[A-Z0-9-]+\.)+[A-Z]{2,4})/sim';
           return(preg_match($strPattern,$strValue));
        } 
        
        function validateMobile($strValue) 
        {
           $strPattern = '/^\d{10}$/';
           return(preg_match($strPattern,$strValue));
        } 
        
        function validateComments($comments) 
        {
        return(strlen($comments) < 10);
        } 
        
        if(validateNames($firstName)) 
        {    
        $errors[] = 'Please Enter Your First Name';    
        }
        
         if(validateNames($lastName)) 
        {    
        $errors[] = 'Please Enter Your Second Name';    
        }
        
          
        if(!validateEmail($email)) 
        {    
        $errors[] = 'Please Enter Your Correct Email';    
        }
        
        if(!validateMobile($mobile)) 
        {    
        $errors[] = 'Please Enter Your Correct Mobile Number';    
        }
        
        if(validateComments($comments)) 
        {    
        $errors[] = 'Please Enter A Comment More Than 10 Characters';    
        }


          if(empty($errors))
          {
            $to = "info@eventpromotion.ie";
            $subject = "Event Promotion Enquiry!";
            $body = 
             "First Name: " . $_POST['firstName'] .
             "\nLast Name: " . $_POST['lastName'] .
             "\nEmail: " . $_POST['email'] .  
               "\nMobile: " . $_POST['mobile'] . 
             "\nMessage: " . $_POST['comments'];
              $headers = "From: ". $firstName ." ". $lastName . " <" . $email . ">\r\n";


          if (mail($to, $subject, $body, $headers)) {
            echo("<p class=\"formMessage\">Thanks for submitting your enquiry.</p>");
            }
            else
            {
            echo("<p class=\"formMessage\">Message delivery failed.</p>");
            }
          }
          else
          {
          //echo "error";
         display_errors($errors);
          }    
      }                   
?>
    <form id="form" method="post" action="index.php#quickContact"> 
              <p> 
                <label>First Name</label><br /> 
                <input type="text" name="firstName" value="<?php if(isset($firstName)){echo $firstName;} ?>" />      
            </p> 
            <p> 
                <label>Last Name</label><br /> 
                <input type="text" name="lastName" value="<?php if(isset($lastName)){echo $lastName;} ?>" />      
            </p> 
              <p> 
                <label>Email:</label><br /> 
                <input type="text" name="email" value="<?php if(isset($email)){echo $email;} ?>" /> 
                
            </p>               
            <p> 
                <label>Mobile:</label><br /> 
                <input type="text" name="mobile" value="<?php if(isset($mobile)){echo $mobile;} ?>" /> 
                
            </p>                                  
            <p> 
                <label>Comments:</label> <br />
                <textarea name="comments" cols="30" rows="3" ><?php if(isset($comments)){echo $comments;} ?></textarea>    
            </p> 
            <p>    <input class="send" type="image" src="images/submit2.gif" name="submit" value="Submit"  /></p> 
  </form>

does anyone know how to transfer this to JS so that it will be easy to understand.. Im not good with JS at all

Ok guys if you look at this page www.runningprofiles.com/members/shout/view.php my code works great....

But when i add it to the rest of the script the code wont work shows he
http://www.runningprofiles.com/membe...ll_Script.php#


Below is view.php (the one that works)
and the one added to the code scirpt is the one the does not.


PHP Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() 
{
$(".view_comments").click(function() 
{
var ID = $(this).attr("id");

$.ajax({
type: "POST",
url: "viewajax.php",
data: "msg_id="+ ID, 
cache: false,
success: function(html){
$("#view_comments"+ID).prepend(html);
$("#view"+ID).remove();
$("#two_comments"+ID).remove();
}
});
return false;
});
});
</script>





<ol>
<?php

//Here $id is main message msg_id value.
$csql=mysql_query("select * from comments where msg_id_fk='130' order by com_id ");
$comment_count=mysql_num_rows($csql);
if($comment_count>2)
{
$second_count=$comment_count-2;
?>


<div class="comment_ui" id="view130">
<a href="#" class="view_comments" id="130">View all <?php echo $comment_count; ?> comments</a>
</div>


<?php 
} 
else 
{
$second_count=0;
}
?>




<div id="view_comments130"></div>
<div id="two_comments130">




<table width="30%">
<?php
$small=mysql_query("select * from comments where msg_id_fk='130' order by com_id limit $second_count,2 ");
while($rowsmall=mysql_fetch_array($small))
{ 
$c_id=$rowsmall['com_id'];
$comment=$rowsmall['comment'];
?>


<div class="comment_actual_text">



<tr>
    <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" valign="top">
                   


 <table style="WIDTH: 100%; BORDER-COLLAPSE: collapse" align="left">
                     <tr>

                 <td width="5%" style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center"><img style="WIDTH: 30px; HEIGHT: 30px" alt="srinivas" src="http://www.gravatar.com/avatar.php?gravatar_id=7a9e87053519e0e7a21bb69d1deb6dfe" border="1" /></td>
                 <td style="VERTICAL-ALIGN: top; TEXT-ALIGN: left">
                   <strong>Jarratt</strong> <?php echo $comment; ?>
                   <br /><span style="COLOR: #a9a9a9">10 min ago - ID = <?php echo $c_id;?> </span></td>
            
</tr> 
</table><br />
      </td>
  </tr>








</div>
<?php } ?>
</table>
</div>
</ol>

Facebook_Wall_Script.php

PHP 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=iso-8859-1" />
<title>9lessons Applicatio Demo</title>
<link href="frame.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.oembed.js"></script>
 
 <script type="text/javascript">
<script type="text/javascript">
$(function() 
{
$(".view_comments").click(function() 
{
var ID = $(this).attr("id");

$.ajax({
type: "POST",
url: "../viewajax.php",
data: "msg_id="+ ID, 
cache: false,
success: function(html){
$("#view_comments"+ID).prepend(html);
$("#view"+ID).remove();
$("#two_comments"+ID).remove();
}
});
return false;
});
});



$(function() {

$(".comment_button").click(function() {

var element = $(this);
   
    var boxval = $("#content").val();
    
    var dataString = 'content='+ boxval;
    
    if(boxval=='')
    {
    alert("Please Enter Some Text");
    
    }
    else
    {
    $("#flash").show();
    $("#flash").fadeIn(400).html('<img src="ajax.gif" align="absmiddle">&nbsp;<span class="loading">Loading Update...</span>');
$.ajax({
        type: "POST",
  url: "update_ajax.php",
   data: dataString,
  cache: false,
  success: function(html){
 
  $("ol#update").prepend(html);
  $("ol#update li:first").slideDown("slow");
  
   document.getElementById('content').value='';
   $('#content').value='';
   $('#content').focus();
  $("#flash").hide();
  
    
    $("#expand_url").oembed(boxval);
    
  }
 });
}
return false;
    });


/ Delete Wall Update

$('.delete_update').live("click",function() 
{
var ID = $(this).attr("id");
var dataString = 'msg_id='+ ID;
var parent=$("#bar"+ID);
    jConfirm('Are you sure you want to delete this message?', 'Confirmation Dialog', 
                
                    function(r) {
                    
                    
                    if(r==true)
                    {
$.ajax({
        type: "POST",
  url: "delete_update.php",
   data: dataString,
  cache: false,
  success: function(html){
 
 
    parent.slideUp(300,function() { parent.remove(); });
  }
 });

}
});
return false;
});//comment slide
$('.comment').live("click",function() 
{

var ID = $(this).attr("id");
$(".fullbox"+ID).show();
$("#c"+ID).slideToggle(300);

return false;
});


//commment Submint

$('.comment_submit').live("click",function() 
{

var ID = $(this).attr("id");

var comment_content = $("#textarea"+ID).val();
    
    var dataString = 'comment_content='+ comment_content + '&msg_id=' + ID;
    
    if(comment_content=='')
    {
    alert("Please Enter Comment Text");
    
    }
    else
    {
    
   
       $.ajax({
        type: "POST",
  url: "comment_ajax.php",
   data: dataString,
  cache: false,
  success: function(html){
  
 
  $("#commentload"+ID).append(html);
    document.getElementById("textarea"+ID).value='';
   
   $("#textarea"+ID).focus();
  
  }
 });
    
    
    }

return false;
});

// Delete Wall Update

$('.delete_update').live("click",function() 
{
var ID = $(this).attr("id");
var dataString = 'msg_id='+ ID;
var parent=$("#bar"+ID);
    jConfirm('Are you sure you want to delete this message?', 'Confirmation Dialog', 
                
                    function(r) {
                    
                    
                    if(r==true)
                    {
$.ajax({
        type: "POST",
  url: "delete_comment.php",
   data: dataString,
  cache: false,
  success: function(html){
 
 $("#comment"+ID).slideUp();
    
  }
 });
}
return false;
});




return false;

});


</script>


<style type="text/css">
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.update_box
{
background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px
}
a
    {
    text-decoration:none;
    color:#d02b55;
    }
    a:hover
    {
    text-decoration:underline;
    color:#d02b55;
    }
    *{margin:0;padding:0;}
    
    
    ol.timeline
    {list-style:none;font-size:1.2em;}ol.timeline li{ display:none;position:relative; }ol.timeline li:first-child{border-top:1px dashed #006699;}
    .delete_button
    {
    float:right; margin-right:10px; width:20px; height:20px
    }
    
    .cdelete_button
    {
    float:right; margin-right:10px; width:20px; height:20px
    }
    
    .feed_link
    {
    font-style:inherit; font-family:Georgia; font-size:13px;padding:10px; float:left; width:350px
    }
    .comment
    {
    color:#0000CC; text-decoration:underline
    }
    .delete_update
    {
    font-weight:bold;
    
    }
    .cdelete_update
    {
    font-weight:bold;
    
    }
    .post_box
    {
    height:55px;border-bottom:1px dashed #006699;background-color:#F3F3F3;  width:499px;padding:.7em 0 .6em 0;line-height:1.1em;
    
    }
    #fullbox
    {
    margin-top:6px;margin-bottom:6px; display:none;
    }
    .comment_box
    {
        display:none;margin-left:90px; padding:10px; background-color:#d3e7f5; width:300px;  height:50px;
    
    }
    .comment_load
    {
      margin-left:90px; padding:10px; background-color:#d3e7f5; width:300px; height:30px; font-size:12px; border-bottom:solid 1px #FFFFFF;
    
    }
    .text_area
    {
    width:290px;
    font-size:12px;
    height:30px;
    }
    #expand_box
    {
    margin-left:90px;
    margin-top:5px;
    margin-bottom:5px;
    }
    embed
    {
        width:200px;
        height:150px;

    }
    
</style>
</head>

<body>
<?php include '../../../settings.php'; ?>

<div align="center">
<table cellpadding="0" cellspacing="0" width="500px">
<tr>
<td>


<div align="left">
<form  method="post" name="form" action="">
<table cellpadding="0" cellspacing="0" width="500px">

<tr><td align="left"><div align="left">
<h3>What are you doing?</h3></div></td></tr>
<tr>
<td style="padding:4px; padding-left:10px;" class="update_box">
<textarea cols="30" rows="2" style="width:480px;font-size:14px; font-weight:bold" name="content" id="content" maxlength="145" ></textarea><br />
<input type="submit"  value="Update"  id="v" name="submit" class="comment_button"/>
</td>

</tr>

</table>
</form>

</div>
<div style="height:7px"></div>
<div id="flash" align="left"  ></div>



<ol  id="update" class="timeline">
</ol>

<div id='old_updates'>
<?php
$small=mysql_query("select * from messages2 order by msg_id desc LIMIT 5");
while($r=mysql_fetch_array($small))
{ 
$id=$r['msg_id'];
$msg=$r['message'];

?>


<div align="left" class="post_box">
<span style="padding:10px"><?php echo $msg.'....'.$id; ?> </span>
</div>


<ol>
<?php
//Here $id is main message msg_id value.
$csql=mysql_query("select * from comments where msg_id_fk='$id' order by com_id ");
$array = mysql_fetch_assoc($csql);

$comment_count=mysql_num_rows($csql);
if($comment_count>2)
{
$second_count=$comment_count-2;
?>


<div class="comment_ui" id="view<?php echo $id; ?>">
<a href="#" class="view_comments" id="<?php echo $id; ?>">View all <?php echo $comment_count; ?> comments</a>
</div>
<?php 
}


?>


<div id="view_comments<?php echo $id; ?>"></div>
<div id="two_comments<?php echo $id; ?>">




<table width="50%">


<?php
$small2=mysql_query("select * from comments where msg_id_fk='$id' order by com_id limit 2 ");
while($rowsmall22=mysql_fetch_array($small2))
{ 
$c_id=$rowsmall22['com_id'];
$comments=$rowsmall22['comment'];
?>


<div class="comment_actual_text">



<tr>
    <td style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" valign="top">
                   


 <table style="WIDTH: 100%; BORDER-COLLAPSE: collapse" align="left">
                     <tr>

                 <td width="5%" style="VERTICAL-ALIGN: middle; TEXT-ALIGN: center"><img style="WIDTH: 30px; HEIGHT: 30px" alt="srinivas" src="http://www.gravatar.com/avatar.php?gravatar_id=7a9e87053519e0e7a21bb69d1deb6dfe" border="1" /></td>
                 <td style="VERTICAL-ALIGN: top; TEXT-ALIGN: left">
                   <strong>Jarratt</strong> <?php echo $comments; ?>
                   <br /><span style="COLOR: #a9a9a9">10 min ago - ID = <?php echo $c_id.'...'.$id;?> </span></td>
        
</tr> 
</table><br />
    </td>
  </tr>








</div>
<?php } ?>
</table>
</div>
</ol>
<?php } ?>








</div>


</td>
</tr>
</table>






</div>
</body>
</html>

I need to know/find out what type of Code Encryptor was used on this code. I want the exact code encryptor. Here's the code that has been encrypted:
Code:

<script type="text/javascript">document.write('\u003C\u0073\u0074\u0079\u006C\u0065\u0020\u0074\u0079\u0070\u0065\u003D\u0022\u0074\u0065\u0078\');</script>

if you want to see more of the code, go to http://leilockheart.me

That is not my code. Please someone help me find out what code encryptor was used for that code above! I need it for my website as well. The other code encryptor does not work for me; people can still decode it. Also, is there a way to decode that code?
Whatever that code encryptor was, it sure worked. I have googled it and I still can't find out which one that person used. Thanks!

I am working on a basic function to determine eiligibility for a loan. I am looking to have the html and js as separate files. I am missing something or not connecting the dots correctly. Any help would be appreciated.

.htm

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="new_file.js"></script>
        <title>New Web Project</title>
		<style type="text/css">body {background-color: #CCCCCC}</style>
		
    </head>
    <body>
        <h1>Loan Application</h1>
		
<form id="Loan Application" action="form_action.asp">
<fieldset>
<legend>Please enter the following information:</legend>
<label for="Annual Income">Annual Income</label>
<br />
<input type="text" name="annual income" id="annual income" value="40000" />
<br />
<label for="credit">Credit Score</label>
<br />
<input type="text" name="credit" id="credit" value="500" />
<br />
<label for="education">Education Level</label>
<br />
<select name="education" id="education">
<option value="High School">High School</option>
<option value="Associate's Degree">Associate's Degree</option>
<option value="Bachelor's Degree">Bachelor's Degree</option>
<option value="Postgraduate Degree">Postgraduate Degree</option>
</select>
<br />
<br />
<input type="button" value="Calculate" onclick="result()" />
<br />
</fieldset>
<DIV id="output"> </DIV>
</form>	
		
    </body>
</html>

.js

PHP Code:
function loanApp(income, credit, education){
    
    if(income >= 0 || income <= 40000){
        return 1;
    } else {
        if(income >=40001 || income <= 80000){
            return 3;
            } else {
                    return 5;
                    }}
    if(credit >= 300 || credit <= 500){
        return 1;
        }else if(credit >= 501 || credit <=650){
            return 3;
            }else {
                return 5;
                }}
                
    switch (education) {
        case "High School":
            result = 1;
            break;
        case "Associate's Degree":
            result = 2;
            break;
        case "Bachelor’s Degree":
            result = 3;
            break;
        case "Postgraduate Degree":
            result = 5;
        default:
            result = "That was not a valid selection.";
    }
    
function result(answer){
    var answer = income + credit + education;
    if (totalScore >= 3 || totalScore <= 7) {
        document.getElementById(output).("I'm sorry but your loan has been declined.");
    }
    else 
        if (totalScore >= 8 || totalScore <= 10) {
            document.getElementById(output).("The loan is approved at 8.5% interest rate.");
        }
        else {
            document.getElementById(output).("Your approved at a 7% interest rate.");
            return answer;
        }
} 

I am new to programming. I am on chapter 2 of eloquent javascript book. I solved this exercise in the chapter and I just need some assessment and nudge. Although I think the shorter code is the better but this thought is not informed. Here is question and the codes to follow:

Write a program that uses*console.log*to print all the numbers from 1 to 100, with two exceptions. For numbers divisible by 3, print*"Fizz"*instead of the number, and for numbers divisible by 5 (and not 3), print*"Buzz"*instead. When you have that working, modify your program to print"FizzBuzz", for numbers that are divisible by both 3 and 5 (and still print*"Fizz"*or*"Buzz"*for numbers divisible by only one of those).
I have yet to work out the hint the author gave (these are just my own cooking based on understanding from chapters 1&2 of the book).

ATTEMPT 1:
Code:

 
for (var numString = 1; numString <= 100; numString++){
if (numString % 3 == 0 && numString % 5 == 0)
console.log("fizzbuzz");

else if (numString % 3 == 0)
console.log("fizz");

else if (numString % 3 == 0)
console.log("buzz");

else console.log(numString);
}

ATTEMPT 2:
Code:

for (var numString = 1; numString <= 100; numString++)
console.log((numString % 3 == 0 && numString % 5 == 0) ? "fizzbuzz" : (numString % 3 == 0 ? "fizz" : (numString % 5 == 0 ? "buzz" : numString)));

Reply With Quote




12-21-2014, 01:33 PM #2
Philip M View Profile View Forum Posts

Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts

In coding there is often a trade-off between conciseness and clarity. FWIIW I would always go for clarity, even at the expense of relative verbosity. One day you or someone else may have to modify your code. With modern computers you are often talking about differences measured in negigible fractions of a millisecond.

His heart must be beating ten to the dozen. - Commentator, BBC Radio 2

Hello!
Could someone please help me with some Js code?
I need to implement more than one gallery on a page, and the current script only allows one gallery.
Can someone please let me know if they can show me how to change the script to allow more than one gallery on a page please?

Here's a copy of the script:
Code:

<script type="text/javascript" src="jquery/jquery-1.4.1.js"></script> 

   <script type="text/javascript"> 
   var currentImage;
    var currentIndex = -1;
    var interval;
    function showImage(index){
        if(index < $('.bigPic img').length){
           var indexImage = $('.bigPic img')[index]
            if(currentImage){   
               if(currentImage != indexImage ){
                    $(currentImage).css('z-index',2);
                    clearTimeout(myTimer);
                    $(currentImage).fadeOut(500, function() {
                   myTimer = setTimeout("false", 3000);
                   $(this).css({'display':'none','z-index':1})
               });
                }
            }
            $(indexImage).css({'display':'block', 'opacity':1});
            currentImage = indexImage;
            currentIndex = index;
            $('.thumbs li').removeClass('active');
            $($('.thumbs li')[index]).addClass('active');
        }
    }
    
    function showNext(){
        var len = $('.bigPic img').length;
        var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
        showImage(next);
    }
    
    var myTimer;
    
    $(document).ready(function() {
       myTimer = setTimeout("false()", 3000);
      showNext(); //loads first image
        $('.thumbs li').bind('click',function(e){
           var count = $(this).attr('rel');
           showImage(parseInt(count)-1);
        });
   });
    
   
   </script>

And heres the url for the page:
http://www.innov8graphics.com/client...proyectos.html

I would really appreciate someones help.
Many thanks

Sanjay

Code:

<html>
<head>

<script language="JavaScript" src="gen_validatorv5-.js"
    type="text/javascript" xml:space="preserve"></script>
<script type="text/javascript">

		function calc(nForm){	
	
	
		

		var inHour =parseInt( nForm.inHr.value)
		var inMinutes = parseInt( nForm.inMin.value);
		var lunchOutHour = parseInt(nForm.lunchOutHr.value);
		var lunchOutMinutes = parseInt( nForm.lunchOutMin.value);
		var lunchInHour = parseInt( nForm.lunchInHr.value);
		var lunchInMinutes = parseInt( nForm.lunchInMin.value);
		var outHour = parseInt( nForm.outHr.value);
		var outMinutes = parseInt( nForm.outMin.value);
		
		var linearInTime = (inHour/1)+(inMinutes/60);
		var linearLunchOutTime = (lunchOutHour/1)+(lunchOutMinutes/60);
		var linearLunchInTime = (lunchInHour/1)+(lunchInMinutes/60);
		var linearOutTime = (outHour/1)+(outMinutes/60);
		
		

		var workDay = linearOutTime-linearInTime;
		var lunchPeriod = linearLunchInTime-linearLunchOutTime;
		var linearMinutesWorked = workDay-lunchPeriod;

		var hoursWorked = parseInt(linearMinutesWorked/60);
		var minutesWorked = linearMinutesWorked-hoursWorked
		
	

		nForm.timeWorked.value = hoursWorked+""+minutesWorked;
	}	
	
			
			function calc2(nForm){	
	
	
		

		var inHour =parseInt( nForm.inHr2.value)
		var inMinutes = parseInt( nForm.inMin2.value);
		var lunchOutHour = parseInt(nForm.lunchOutHr2.value);
		var lunchOutMinutes = parseInt( nForm.lunchOutMin2.value);
		var lunchInHour = parseInt( nForm.lunchInHr2.value);
		var lunchInMinutes = parseInt( nForm.lunchInMin2.value);
		var outHour = parseInt( nForm.outHr2.value);
		var outMinutes = parseInt( nForm.outMin2.value);
		
		var linearInTime = (inHour/1)+(inMinutes/60);
		var linearLunchOutTime = (lunchOutHour/1)+(lunchOutMinutes/60);
		var linearLunchInTime = (lunchInHour/1)+(lunchInMinutes/60);
		var linearOutTime = (outHour/1)+(outMinutes/60);
		
		

		var workDay = linearOutTime-linearInTime;
		var lunchPeriod = linearLunchInTime-linearLunchOutTime;
		var linearMinutesWorked = workDay-lunchPeriod;

		var hoursWorked = parseInt(linearMinutesWorked/60);
		var minutesWorked = linearMinutesWorked-hoursWorked
		
	

		nForm.timeWorked2.value = hoursWorked+""+minutesWorked;
	}	
	
			function calc3(nForm){	
	
	
		

		var inHour =parseInt( nForm.inHr3.value)
		var inMinutes = parseInt( nForm.inMin3.value);
		var lunchOutHour = parseInt(nForm.lunchOutHr3.value);
		var lunchOutMinutes = parseInt( nForm.lunchOutMin3.value);
		var lunchInHour = parseInt( nForm.lunchInHr3.value);
		var lunchInMinutes = parseInt( nForm.lunchInMin3.value);
		var outHour = parseInt( nForm.outHr3.value);
		var outMinutes = parseInt( nForm.outMin3.value);
		
		var linearInTime = (inHour/1)+(inMinutes/60);
		var linearLunchOutTime = (lunchOutHour/1)+(lunchOutMinutes/60);
		var linearLunchInTime = (lunchInHour/1)+(lunchInMinutes/60);
		var linearOutTime = (outHour/1)+(outMinutes/60);
		
		

		var workDay = linearOutTime-linearInTime;
		var lunchPeriod = linearLunchInTime-linearLunchOutTime;
		var linearMinutesWorked = workDay-lunchPeriod;

		var hoursWorked = parseInt(linearMinutesWorked/60);
		var minutesWorked = linearMinutesWorked-hoursWorked
		
	

		nForm.timeWorked3.value = hoursWorked+""+minutesWorked;
	}	
			function calc4(nForm){	
	
	
		

		var inHour =parseInt( nForm.inHr4.value)
		var inMinutes = parseInt( nForm.inMin4.value);
		var lunchOutHour = parseInt(nForm.lunchOutHr4.value);
		var lunchOutMinutes = parseInt( nForm.lunchOutMin4.value);
		var lunchInHour = parseInt( nForm.lunchInHr4.value);
		var lunchInMinutes = parseInt( nForm.lunchInMin4.value);
		var outHour = parseInt( nForm.outHr4.value);
		var outMinutes = parseInt( nForm.outMin4.value);
		
		var linearInTime = (inHour/1)+(inMinutes/60);
		var linearLunchOutTime = (lunchOutHour/1)+(lunchOutMinutes/60);
		var linearLunchInTime = (lunchInHour/1)+(lunchInMinutes/60);
		var linearOutTime = (outHour/1)+(outMinutes/60);
		
		

		var workDay = linearOutTime-linearInTime;
		var lunchPeriod = linearLunchInTime-linearLunchOutTime;
		var linearMinutesWorked = workDay-lunchPeriod;

		var hoursWorked = parseInt(linearMinutesWorked/60);
		var minutesWorked = linearMinutesWorked-hoursWorked
		
	

		nForm.timeWorked4.value = hoursWorked+""+minutesWorked;
	}	
	
			function calc5(nForm){	
	
	
		

		var inHour =parseInt( nForm.inHr5.value)
		var inMinutes = parseInt( nForm.inMin5.value);
		var lunchOutHour = parseInt(nForm.lunchOutHr5.value);
		var lunchOutMinutes = parseInt( nForm.lunchOutMin5.value);
		var lunchInHour = parseInt( nForm.lunchInHr5.value);
		var lunchInMinutes = parseInt( nForm.lunchInMin5.value);
		var outHour = parseInt( nForm.outHr5.value);
		var outMinutes = parseInt( nForm.outMin5.value);
		
		var linearInTime = (inHour/1)+(inMinutes/60);
		var linearLunchOutTime = (lunchOutHour/1)+(lunchOutMinutes/60);
		var linearLunchInTime = (lunchInHour/1)+(lunchInMinutes/60);
		var linearOutTime = (outHour/1)+(outMinutes/60);
		
		

		var workDay = linearOutTime-linearInTime;
		var lunchPeriod = linearLunchInTime-linearLunchOutTime;
		var linearMinutesWorked = workDay-lunchPeriod;

		var hoursWorked = parseInt(linearMinutesWorked/60);
		var minutesWorked = linearMinutesWorked-hoursWorked
		
	

		nForm.timeWorked5.value = hoursWorked+""+minutesWorked;
	}	
	
			function calc6(nForm){	
	
	
		

		var inHour =parseInt( nForm.inHr6.value)
		var inMinutes = parseInt( nForm.inMin6.value);
		var lunchOutHour = parseInt(nForm.lunchOutHr6.value);
		var lunchOutMinutes = parseInt( nForm.lunchOutMin6.value);
		var lunchInHour = parseInt( nForm.lunchInHr6.value);
		var lunchInMinutes = parseInt( nForm.lunchInMin6.value);
		var outHour = parseInt( nForm.outHr6.value);
		var outMinutes = parseInt( nForm.outMin6.value);
		
		var linearInTime = (inHour/1)+(inMinutes/60);
		var linearLunchOutTime = (lunchOutHour/1)+(lunchOutMinutes/60);
		var linearLunchInTime = (lunchInHour/1)+(lunchInMinutes/60);
		var linearOutTime = (outHour/1)+(outMinutes/60);
		
		

		var workDay = linearOutTime-linearInTime;
		var lunchPeriod = linearLunchInTime-linearLunchOutTime;
		var linearMinutesWorked = workDay-lunchPeriod;

		var hoursWorked = parseInt(linearMinutesWorked/60);
		var minutesWorked = linearMinutesWorked-hoursWorked
		
	

		nForm.timeWorked6.value = hoursWorked+""+minutesWorked;
	}	
	
		function calc7(nForm){	
	
	
		

		var inHour =parseInt( nForm.inHr7.value)
		var inMinutes = parseInt( nForm.inMin7.value);
		var lunchOutHour = parseInt(nForm.lunchOutHr7.value);
		var lunchOutMinutes = parseInt( nForm.lunchOutMin7.value);
		var lunchInHour = parseInt( nForm.lunchInHr7.value);
		var lunchInMinutes = parseInt( nForm.lunchInMin7.value);
		var outHour = parseInt( nForm.outHr7.value);
		var outMinutes = parseInt( nForm.outMin7.value);
		
		var linearInTime = (inHour/1)+(inMinutes/60);
		var linearLunchOutTime = (lunchOutHour/1)+(lunchOutMinutes/60);
		var linearLunchInTime = (lunchInHour/1)+(lunchInMinutes/60);
		var linearOutTime = (outHour/1)+(outMinutes/60);
		
		

		var workDay = linearOutTime-linearInTime;
		var lunchPeriod = linearLunchInTime-linearLunchOutTime;
		var linearMinutesWorked = workDay-lunchPeriod;

		var hoursWorked = parseInt(linearMinutesWorked/60);
		var minutesWorked = linearMinutesWorked-hoursWorked
		
	

		nForm.timeWorked7.value = hoursWorked+""+minutesWorked;
	}	


</script>
</head>
<body>

<div align="center">
  <h1>
    <script src='scripts/gen_validatorv5.js' type='text/javascript'></script>
    <script src='scripts/sfm_moveable_popup.js' type='text/javascript'></script>
    
    <style type='text/css'>
.error_strings
{
    font-family:Verdana;
    font-size:10px;
    color:#660000;
}
.sfm_float_error_box
{
    position:absolute;
    z-index:999;
    cursor:default;
    font-family:Verdana;
    font-size:10px;
    color:#660000;
    background-color:#ffff66;
    border-style:solid;
    border-width:1px;
    border-color:#660000;
}
.sfm_float_box_td
{
    padding:3px;
    cursor:default;
    font-family:Verdana;
    font-size:10px;
    color:#660000;
    background-color:#ffff66;
}
.sfm_close_box
{
    font-family:Verdana;
    font-size:10px;
    font-weight:bold;
    color:#ffffff;
    background-color:#660000;
    border-width:0px;
    text-align:center;
}
.sfm_cr_box
{
    font-family:Verdana;
    font-size:10px;
    color:#888888;
    border-style:solid;
    border-width:0px;
    border-color:#660000;
}
.sfm_cr_box a
{
    color:#888888;
}
  </style>
    Masquerade Timesheet Entry</h1>
</div>
<div id='timeSheet_errorloc' class='error_strings' style=''></div>


<form name='timeSheet'>
<table width="833" height="244" border="1" align="center">
  <tr>
    <td width="266"><p>Sunday:</p>
      <p>Clock In:
        <label>
          <input name="inHr7" type="text" id="inHr7" size="10" maxlength="2">
          </label>
  &nbsp
  <label>
  <input name="inMin7" type="text" id="inMin7" size="10" maxlength="2">
  </label>
  <br>
        Lunch Out:
  <label>
  <input name="lunchOutHr7" type="text" id="lunchOutHr7" size="10" maxlength="2">
  </label>
  &nbsp
  <label></label>
  <input name="lunchOutMin7" type="text" id="lunchOutMin7" size="10" maxlength="2">
  <br>
        Lunch In:
  <label>
  <input name="lunchInHr7" type="text" id="lunchInHr7" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="lunchInMin7" type="text" id="lunchInMin7" size="10" maxlength="2">
  </label>
  <br>
        Clock Out:
  <label>
  <input name="outHr7" type="text" id="outHr7" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="outMin7" type="text" id="outMin7" size="10" maxlength="2">
  </label>
      </p>
      <p>Time Worked:
        <input type='text' name='timeWorked7' size='5' readonly>
      </p>      </td>
    <td width="269"><p align="left">Monday :</p>
      Clock In:
        <label>
        <input name="inHr" type="text" id="inHr" size="10" maxlength="2">
        </label>
&nbsp
<label>
<input name="inMin" type="text" id="inMin" size="10" maxlength="2">
</label>
<br>
Lunch Out:
<label>
<input name="lunchOutHr" type="text" id="lunchOutHr" size="10" maxlength="2">
</label>
&nbsp
<label></label>
<input name="lunchOutMin" type="text" id="lunchOutMin" size="10" maxlength="2">
<br>
Lunch In:
<label>
<input name="lunchInHr" type="text" id="lunchInHr" size="10" maxlength="2">
</label>
&nbsp
<label>
<input name="lunchInMin" type="text" id="lunchInMin" size="10" maxlength="2">
</label>
<br>
Clock Out:
<label>
<input name="outHr" type="text" id="outHr" size="10" maxlength="2">
</label>
&nbsp
<label>
<input name="outMin" type="text" id="outMin" size="10" maxlength="2">
</label>
<p>Time Worked:
  <input type='text' name='timeWorked' size='5' readonly>
</p>
</td>
    <td width="276"><p>Tuesday:</p>      
      <p>Clock In:
        <label>
          <input name="inHr2" type="text" id="inHr2" size="10" maxlength="2">
          </label>
  &nbsp
  <label>
  <input name="inMin2" type="text" id="inMin2" size="10" maxlength="2">
  </label>
  <br>
        Lunch Out:
  <label>
  <input name="lunchOutHr2" type="text" id="lunchOutHr2" size="10" maxlength="2">
  </label>
  &nbsp
  <label></label>
  <input name="lunchOutMin2" type="text" id="lunchOutMin2" size="10" maxlength="2">
  <br>
        Lunch In:
  <label>
  <input name="lunchInHr2" type="text" id="lunchInHr2" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="lunchInMin2" type="text" id="lunchInMin2" size="10" maxlength="2">
  </label>
  <br>
        Clock Out:
  <label>
  <input name="outHr2" type="text" id="outHr2" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="outMin2" type="text" id="outMin2" size="10" maxlength="2">
  </label>
      </p>
      <p>Time Worked:
        <input type='text' name='timeWorked2' size='5' readonly>
      </p></td>
  </tr>
  <tr>
    <td><p>Wednesday:</p>      
      <p>Clock In:
        <label>
          <input name="inHr3" type="text" id="inHr3" size="10" maxlength="2">
          </label>
  &nbsp
  <label>
  <input name="inMin3" type="text" id="inMin3" size="10" maxlength="2">
  </label>
  <br>
        Lunch Out:
  <label>
  <input name="lunchOutHr3" type="text" id="lunchOutHr3" size="10" maxlength="2">
  </label>
  &nbsp
  <label></label>
  <input name="lunchOutMin3" type="text" id="lunchOutMin3" size="10" maxlength="2">
  <br>
        Lunch In:
  <label>
  <input name="lunchInHr3" type="text" id="lunchInHr3" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="lunchInMin3" type="text" id="lunchInMin3" size="10" maxlength="2">
  </label>
  <br>
        Clock Out:
  <label>
  <input name="outHr3" type="text" id="outHr3" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="outMin3" type="text" id="outMin3" size="10" maxlength="2">
  </label>
      </p>
      <p>Time Worked:
        <input type='text' name='timeWorked3' size='5' readonly>
      </p></td>
    <td><p>Thursday:</p>      
      <p>Clock In:
        <label>
          <input name="inHr4" type="text" id="inHr4" size="10" maxlength="2">
          </label>
  &nbsp
  <label>
  <input name="inMin4" type="text" id="inMin4" size="10" maxlength="2">
  </label>
  <br>
        Lunch Out:
  <label>
  <input name="lunchOutHr4" type="text" id="lunchOutHr4" size="10" maxlength="2">
  </label>
  &nbsp
  <label></label>
  <input name="lunchOutMin4" type="text" id="lunchOutMin4" size="10" maxlength="2">
  <br>
        Lunch In:
  <label>
  <input name="lunchInHr4" type="text" id="lunchInHr4" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="lunchInMin4" type="text" id="lunchInMin4" size="10" maxlength="2">
  </label>
  <br>
        Clock Out:
  <label>
  <input name="outHr4" type="text" id="outHr4" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="outMin4" type="text" id="outMin4" size="10" maxlength="2">
  </label>
      </p>
      <p>Time Worked:
        <input type='text' name='timeWorked4' size='5' readonly>
      </p></td>
    <td><p>Friday:</p>
      <p>Clock In:
        <label>
          <input name="inHr5" type="text" id="inHr5" size="10" maxlength="2">
          </label>
  &nbsp
  <label>
  <input name="inMin5" type="text" id="inMin5" size="10" maxlength="2">
  </label>
  <br>
        Lunch Out:
  <label>
  <input name="lunchOutHr5" type="text" id="lunchOutHr5" size="10" maxlength="2">
  </label>
  &nbsp
  <label></label>
  <input name="lunchOutMin5" type="text" id="lunchOutMin5" size="10" maxlength="2">
  <br>
        Lunch In:
  <label>
  <input name="lunchInHr5" type="text" id="lunchInHr5" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="lunchInMin5" type="text" id="lunchInMin5" size="10" maxlength="2">
  </label>
  <br>
        Clock Out:
  <label>
  <input name="outHr5" type="text" id="outHr5" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="outMin5" type="text" id="outMin5" size="10" maxlength="2">
  </label>
      </p>
      <p>Time Worked:
        <input type='text' name='timeWorked5' size='5' readonly>
      </p></td>
  </tr>
</table>
<table width="559" border="1" align="center">
  <tr>
    <td width="277"><p>Saturday:</p>
      <p>Clock In:
        <label>
          <input name="inHr6" type="text" id="inHr6" size="10" maxlength="2">
          </label>
  &nbsp
  <label>
  <input name="inMin6" type="text" id="inMin6" size="10" maxlength="2">
  </label>
  <br>
        Lunch Out:
  <label>
  <input name="lunchOutHr6" type="text" id="lunchOutHr6" size="10" maxlength="2">
  </label>
  &nbsp
  <label></label>
  <input name="lunchOutMin6" type="text" id="lunchOutMin6" size="10" maxlength="2">
  <br>
        Lunch In:
  <label>
  <input name="lunchInHr6" type="text" id="lunchInHr6" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="lunchInMin6" type="text" id="lunchInMin6" size="10" maxlength="2">
  </label>
  <br>
        Clock Out:
  <label>
  <input name="outHr6" type="text" id="outHr6" size="10" maxlength="2">
  </label>
  &nbsp
  <label>
  <input name="outMin6" type="text" id="outMin6" size="10" maxlength="2">
  </label>
      </p>
      <p>Time Worked:
        <input type='text' name='timeWorked6' size='5' readonly>
      </p></td>
    
    <td width="266"><p>
      <input type='text' name='timeWorked8' size='5' readonly>
      </p>
      <p>
        <input type='button' value="Calculate" onClick="calc(this.form),calc2(this.form),calc3(this.form),
    				calc4(this.form),calc5(this.form),calc6(this.form),calc7(this.form),calc8(this.form)">
        
        <input type="button" name="reset_form" value="Clear Forms" onClick="this.form.reset();">
        </p>
      <div align="left">
        <p>&nbsp;</p>
        <p>Total Time Worked:</p>
        <label></label>
      </div></td>
  </tr>
</table>
<p align="left">&nbsp; </P>
<p align="left"><br>
    <br>
    <br>
    <br>
</P>
</form


><p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

First off, I know there must be an easier way to code this. Also, I would like to make sure validation, where they only can input numbers but whenever I try, it doesn't work at all.

Hi, im completely new here and to JS. I have a project due where i have to write code to display the current time and date on an index webpage we are working on throughout the year at the university i go to. My problem is that when i view my page, it displays the date properly as i have to for class, but says the word 'undefined' immediately afterwards on my webpage.

This is the page we are working on:
http://unixweb.kutztown.edu/~lsant894/

can someone please look at my source and tell me why im getting this 'undefined' displayed on my page? Ive searched all day and cant find a helpful answer anywhere.

I have a java script code that highlights each row after it is selected by a checkbox
( i am using a control called gridview in asp.net )

i want the code to perform two things
1- highlight the row when it is selected ( when the checkbox status is checked ) .
2- cancel the highlighting when the checkbox is deselected again ( when the checkbox status is unchecked ) .

the code already makes the first thing successfully
my problem is in the second case ( i mean when the checkbox is unchecked ) the color (highlighting ) doesn't change .
here is the function
=======================================

function Check_Click(objRef)
{
//Get the Row based on checkbox
var row = objRef.parentNode.parentNode;

//Get the reference of GridView
var GridView = row.parentNode;

//Get all input elements in Gridview
var inputList = GridView.getElementsByTagName("input");

for (var i=0;i<inputList.length;i++)

{

//The First element is the Header Checkbox
var headerCheckBox = inputList[0];

//Based on all or none checkboxes
//are checked check/uncheck Header Checkbox
var checked = true;
if(inputList[i].type == "checkbox" && inputList[i] != headerCheckBox)
{
if(!inputList[i].checked)
{
row.style.backgroundColor = "#C2D69B";

checked = false;

break;

}
}
}
headerCheckBox.checked = checked;
}
====================================

please help me .. i need this code
thanks in advance

I have asked over a week in diffrent forums, and no one seems to understand this code below :S! This code is for making a content be shown at my page with a mouseclick on a link. When you click the content will first slide down and at the same time fade in.

Does someone know how i can delete the slide down/up. I only want the content to fade in and out when i click on it. No sliding!

And i can also see a preloader function at the bottom, how can i insert a div? so i can show at my webpage that the preloader is loading.

PLEASE HELP ME !!! :<
Code:

//** Animated Collapsible DIV v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 24th, 08'- Script rewritten and updated to 2.0.
//** June 4th, 08'- Version 2.01: Bug fix to work with jquery 1.2.6 (which changed the way attr() behaves).
//** March 5th, 09'- Version 2.2, which adds the following:
			//1) ontoggle($, divobj, state) event that fires each time a DIV is expanded/collapsed, including when the page 1st loads
			//2) Ability to expand a DIV via a URL parameter string, ie: index.htm?expanddiv=jason or index.htm?expanddiv=jason,kelly

//** March 9th, 09'- Version 2.2.1: Optimized ontoggle event handler slightly.
//** July 3rd, 09'- Version 2.4, which adds the following:
			//1) You can now insert rel="expand[divid] | collapse[divid] | toggle[divid]" inside arbitrary links to act as DIV togglers
			//2) For image toggler links, you can insert the attributes "data-openimage" and "data-closedimage" to update its image based on the DIV state

var animatedcollapse={
divholders: {}, //structu  {div.id, div.attrs, div.$divref, div.$togglerimage}
divgroups: {}, //structu  {groupname.count, groupname.lastactivedivid}
lastactiveingroup: {}, //structu  {lastactivediv.id}
preloadimages: [],

show:function(divids){ //public method
	if (typeof divids=="object"){
		for (var i=0; i<divids.length; i++)
			this.showhide(divids[i], "show")
	}
	else
		this.showhide(divids, "show")
},

hide:function(divids){ //public method
	if (typeof divids=="object"){
		for (var i=0; i<divids.length; i++)
			this.showhide(divids[i], "hide")
	}
	else
		this.showhide(divids, "hide")
},

toggle:function(divid){ //public method
	if (typeof divid=="object")
		divid=divid[0]
	this.showhide(divid, "toggle")
},

addDiv:function(divid, attrstring){ //public function
	this.divholders[divid]=({id: divid, $divref: null, attrs: attrstring})
	this.divholders[divid].getAttr=function(name){ //assign getAttr() function to each divholder object
		var attr=new RegExp(name+"=([^,]+)", "i") //get name/value config pair (ie: width=400px,)
		return (attr.test(this.attrs) && parseInt(RegExp.$1)!=0)? RegExp.$1 : null //return value portion (string), or 0 (false) if none found
	}
	this.currentid=divid //keep track of current div object being manipulated (in the event of chaining)
	return this
},

showhide:function(divid, action){
	var $divref=this.divholders[divid].$divref //reference collapsible DIV
	if (this.divholders[divid] && $divref.length==1){ //if DIV exists
		var targetgroup=this.divgroups[$divref.attr('groupname')] //find out which group DIV belongs to (if any)
		if ($divref.attr('groupname') && targetgroup.count>1 && (action=="show" || action=="toggle" && $divref.css('display')=='none')){ //If current DIV belongs to a group
			if (targetgroup.lastactivedivid && targetgroup.lastactivedivid!=divid) //if last active DIV is set
				this.slideengine(targetgroup.lastactivedivid, 'hide') //hide last active DIV within group first
				this.slideengine(divid, 'show')
			targetgroup.lastactivedivid=divid //remember last active DIV
		}
		else{
			this.slideengine(divid, action)
		}
	}
},

slideengine:function(divid, action){
	var $divref=this.divholders[divid].$divref
	var $togglerimage=this.divholders[divid].$togglerimage
	if (this.divholders[divid] && $divref.length==1){ //if this DIV exists
		var animateSetting={height: action}
		if ($divref.attr('fade'))
			animateSetting.opacity=action
		$divref.animate(animateSetting, $divref.attr('speed')? parseInt($divref.attr('speed')) : 500, function(){
			if ($togglerimage){
				$togglerimage.attr('src', ($divref.css('display')=="none")? $togglerimage.data('srcs').closed : $togglerimage.data('srcs').open)
			}
			if (animatedcollapse.ontoggle){
				try{
					animatedcollapse.ontoggle(jQuery, $divref.get(0), $divref.css('display'))
				}
				catch(e){
					alert("An error exists inside your \"ontoggle\" function:\n\n"+e+"\n\nAborting execution of function.")
				}
			}
		})
		return false
	}
},

generatemap:function(){
	var map={}
	for (var i=0; i<arguments.length; i++){
		if (arguments[i][1]!=null){ //do not generate name/value pair if value is null
			map[arguments[i][0]]=arguments[i][1]
		}
	}
	return map
},

init:function(){
	var ac=this
	jQuery(document).ready(function($){
		animatedcollapse.ontoggle=animatedcollapse.ontoggle || null
		var urlparamopenids=animatedcollapse.urlparamselect() //Get div ids that should be expanded based on the url (['div1','div2',etc])
		var persistopenids=ac.getCookie('acopendivids') //Get list of div ids that should be expanded due to persistence ('div1,div2,etc')
		var groupswithpersist=ac.getCookie('acgroupswithpersist') //Get list of group names that have 1 or more divs with "persist" attribute defined
		if (persistopenids!=null) //if cookie isn't null (is null if first time page loads, and cookie hasnt been set yet)
			persistopenids=(persistopenids=='nada')? [] : persistopenids.split(',') //if no divs are persisted, set to empty array, else, array of div ids
		groupswithpersist=(groupswithpersist==null || groupswithpersist=='nada')? [] : groupswithpersist.split(',') //Get list of groups with divs that are persisted
		jQuery.each(ac.divholders, function(){ //loop through each collapsible DIV object
			this.$divref=$('#'+this.id)
			if ((this.getAttr('persist') || jQuery.inArray(this.getAttr('group'), groupswithpersist)!=-1) && persistopenids!=null){ //if this div carries a user "persist" setting, or belong to a group with at least one div that does
				var cssdisplay=(jQuery.inArray(this.id, persistopenids)!=-1)? 'block' : 'none'
			}
			else{
				var cssdisplay=this.getAttr('hide')? 'none' : null
			}
			if (urlparamopenids[0]=="all" || jQuery.inArray(this.id, urlparamopenids)!=-1){ //if url parameter string contains the single array element "all", or this div's ID
				cssdisplay='block' //set div to "block", overriding any other setting
			}
			else if (urlparamopenids[0]=="none"){
				cssdisplay='none' //set div to "none", overriding any other setting
			}
			this.$divref.css(ac.generatemap(['height', this.getAttr('height')], ['display', cssdisplay]))
			this.$divref.attr(ac.generatemap(['groupname', this.getAttr('group')], ['fade', this.getAttr('fade')], ['speed', this.getAttr('speed')]))
			if (this.getAttr('group')){ //if this DIV has the "group" attr defined
				var targetgroup=ac.divgroups[this.getAttr('group')] || (ac.divgroups[this.getAttr('group')]={}) //Get settings for this group, or if it no settings exist yet, create blank object to store them in
				targetgroup.count=(targetgroup.count||0)+1 //count # of DIVs within this group
				if (jQuery.inArray(this.id, urlparamopenids)!=-1){ //if url parameter string contains this div's ID
					targetgroup.lastactivedivid=this.id //remember this DIV as the last "active" DIV (this DIV will be expanded). Overrides other settings
					targetgroup.overridepersist=1 //Indicate to override persisted div that would have been expanded
				}
				if (!targetgroup.lastactivedivid && this.$divref.css('display')!='none' || cssdisplay=="block" && typeof targetgroup.overridepersist=="undefined") //if this DIV was open by default or should be open due to persistence								
					targetgroup.lastactivedivid=this.id //remember this DIV as the last "active" DIV (this DIV will be expanded)
				this.$divref.css({display:'none'}) //hide any DIV that's part of said group for now
			}
		}) //end divholders.each
		jQuery.each(ac.divgroups, function(){ //loop through each group
			if (this.lastactivedivid && urlparamopenids[0]!="none") //show last "active" DIV within each group (one that should be expanded), unless url param="none"
				ac.divholders[this.lastactivedivid].$divref.show()
		})
		if (animatedcollapse.ontoggle){
			jQuery.each(ac.divholders, function(){ //loop through each collapsible DIV object and fire ontoggle event
				animatedcollapse.ontoggle(jQuery, this.$divref.get(0), this.$divref.css('display'))
			})
		}
 		//Parse page for links containing rel attribute
		var $allcontrols=$('a[rel]').filter('[rel^="collapse["], [rel^="expand["], [rel^="toggle["]') //get all elements on page with rel="collapse[]", "expand[]" and "toggle[]"
		$allcontrols.each(function(){ //loop though each control link
			this._divids=this.getAttribute('rel').replace(/(^\w+)|(\s+)/g, "").replace(/[\[\]']/g, "") //cache value 'div1,div2,etc' within identifier[div1,div2,etc]
			if (this.getElementsByTagName('img').length==1 && ac.divholders[this._divids]){ //if control is an image link that toggles a single DIV (must be one to one to update status image)
				animatedcollapse.preloadimage(this.getAttribute('data-openimage'), this.getAttribute('data-closedimage')) //preload control images (if defined)
				$togglerimage=$(this).find('img').eq(0).data('srcs', {open:this.getAttribute('data-openimage'), closed:this.getAttribute('data-closedimage')}) //remember open and closed images' paths
				ac.divholders[this._divids].$togglerimage=$(this).find('img').eq(0) //save reference to toggler image (to be updated inside slideengine()
				ac.divholders[this._divids].$togglerimage.attr('src', (ac.divholders[this._divids].$divref.css('display')=="none")? $togglerimage.data('srcs').closed : $togglerimage.data('srcs').open)
			}
			$(this).click(function(){ //assign click behavior to each control link
				var relattr=this.getAttribute('rel')
				var divids=(this._divids=="")? [] : this._divids.split(',') //convert 'div1,div2,etc' to array 
				if (divids.length>0){
					animatedcollapse[/expand/i.test(relattr)? 'show' : /collapse/i.test(relattr)? 'hide' : 'toggle'](divids) //call corresponding public function
					return false
				}
			}) //end control.click
		})// end control.each

		$(window).bind('unload', function(){
			ac.uninit()
		})
	}) //end doc.ready()
},

uninit:function(){
	var opendivids='', groupswithpersist=''
	jQuery.each(this.divholders, function(){
		if (this.$divref.css('display')!='none'){
			opendivids+=this.id+',' //store ids of DIVs that are expanded when page unloads: 'div1,div2,etc'
		}
		if (this.getAttr('group') && this.getAttr('persist'))
			groupswithpersist+=this.getAttr('group')+',' //store groups with which at least one DIV has persistance enabled: 'group1,group2,etc'
	})
	opendivids=(opendivids=='')? 'nada' : opendivids.replace(/,$/, '')
	groupswithpersist=(groupswithpersist=='')? 'nada' : groupswithpersist.replace(/,$/, '')
	this.setCookie('acopendivids', opendivids)
	this.setCookie('acgroupswithpersist', groupswithpersist)
},

getCookie:function(Name){ 
	var re=new RegExp(Name+"=[^;]*", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return null
},

setCookie:function(name, value, days){
	if (typeof days!="undefined"){ //if set persistent cookie
		var expireDate = new Date()
		expireDate.setDate(expireDate.getDate()+days)
		document.cookie = name+"="+value+"; path=/; expires="+expireDate.toGMTString()
	}
	else //else if this is a session only cookie
		document.cookie = name+"="+value+"; path=/"
},

urlparamselect:function(){
	window.location.search.match(/expanddiv=([\w\-_,]+)/i) //search for expanddiv=divid or divid1,divid2,etc
	return (RegExp.$1!="")? RegExp.$1.split(",") : []
},

preloadimage:function(){
	var preloadimages=this.preloadimages
	for (var i=0; i<arguments.length; i++){
		if (arguments[i] && arguments[i].length>0){
			preloadimages[preloadimages.length]=new Image()
			preloadimages[preloadimages.length-1].src=arguments[i]
		}
	}
}

}

Hi I am told that this web site has javascript behind the "type your word" frame. http://www.alphabetphotography.co.uk...FYwMtAodgkYKdg
I would like to use this in a similar format on my wordpress web site. Can anyone help to find out where to go
Thank you

i was trying to make a code, but through trial and error i made this code

var word=prompt("enter a sentence below we will find where the first A or a starts");
document.write(word.indexOf("A"));
document.write(word.indexOf("a"));

what does this code do(if you cant tell, its in javascript)
i wanted it so someone could type a sentence in a prompt box and it would tell them where the first a or A is in the sentence.