JavaScript - Looking For Somewhat Complex Multiple Timer Setup

EDIT: sorry sorry, I just realized I posted this on the wrong place.... {palmface}

Just to start off, Javascript is NOT my forte'. Ive been trying to do some form validating for a few hours now. I've tried many different combos and trying multiple functions to make this work but I have seemed to make more of a mess than anything now.

Here's what I've got going on... A simple form with 3 text inputs a checkbox and a submit button. I'm trying to do 7 things.

1. strip special characters from all 3 input fields (except : / and @)
2. make sure no input fields are blank
3. verify that email has @ and . in it
4. insure that the checkbox is checked

I would love to set the email not to allow certain domains(yahoo,gmail) but that is a bit out of my league.

Any help would be appreciated, below is the current garbled mess of javascript I am left with after hours of trying to get it to work... my appologies. I know it's ugly.

Code:

<script LANGUAGE="Javascript">
		<!-- Begin
	function CleanUp() {
	name = document.register.name.value;
	email = document.register.email.value;
	website = document.register.website.value;
	var iChars = "!#$%^&*()+=-[]\';,.{}|\"<>?";
	 
		//remove crap name
	for (var i = 0; i < document.register.name.value.length; i++) {
	if ((iChars.indexOf(document.register.name.charAt(i)) != -1)) {
   	window.alert ("No special characters allowed.");
   	return false;
   	}}
		
		//remove crap website
	for (var i = 0; i < document.register.website.value.length; i++) {
	if ((iChars.indexOf(document.register.website.charAt(i)) != -1)) {
   	window.alert ("No special characters allowed.");
   	return false;
   	}}
	
		//remove crap email
	for (var i = 0; i < document.register.email.value.length; i++) {
	if ((iChars.indexOf(document.register.email.charAt(i)) != -1)) {
   	window.alert ("No special characters allowed.");
   	return false;
   	}}

		//check required field
	if ((name == "") || (email == "")|| (website == "")) {
	window.alert("Please enter your Name, website, and E-mail address.");
	return false;
	}	
		//verify email
	if (email.value.indexOf("@", 0) < 0)
    {
    window.alert("Please enter a valid e-mail address.");
    return false;
    }
    
	if (email.value.indexOf(".", 0) < 0)
    {
    window.alert("Please enter a valid e-mail address.");
    return false;
	}

		// check agree term before submit
	if (agree.checked == false )
	{
	alert('Please confirm you are the site owner.');
	return false;
		
		//done
	}else
	return true;
	}
	 
		//  End -->
	</script>

hi there

i'm a newb so be nice lol

--> I want to use javascript in an array to submit content.
I have some php background so using some techniques I worked this out.

>> I need to select bathroom details and the script needs to be user friendly,
however I have multiple bathrooms that can be selected. So based on a drop down list
I need to select the bathrooms needed and then I will get more options as stated below.

These options will need to be submitted so I need different varibles for each item selected




I expect that you'll have a better way to do it I just want it to work

my HTML script LOOKED as follows



Code:

    <!-- BATHROOM TYPE SELECTOR  HTML-->
    <label>
      <input name="fullbathr" type="checkbox" value="fullbathr" onClick="checker('yesFullba'); UpdateChecks('option');" />
      Full Bathroom </label>
    <span id="yesFullba" style="visibility:visible"> 
      | 
      <input name="babath" type="checkbox" value="babath" id="babath" onClick="change('bathselba'); UpdateChecks('option');";/>
      Bath </label>
      | 
      <input name="bashower" type="checkbox" value="bashower" id="bashower" onClick="change('showerselba'); UpdateChecks('option');" />
      Shower </label>
   <span id="bathselba" style="visibility:hidden"> 
          <br /> Bath Type: <label>
        <input type="radio" name="bathtype" value="standardba" id="bathtype_0" />
        Standard</label>
      <label>
        <input type="radio" name="bathtype" value="ovalba" id="bathtype_1" />
       | Oval</label>
      <label>
        <input type="radio" name="bathtype" value="cornerba" id="bathtype_2" />
       | Corner</label>

      <label>
        <input type="radio" name="bathtype" value="spaba" id="bathtype_3" />
       | Spa</label>
   </span>
 
     <span id="showerselba" style="visibility:hidden"> 
     <br /> Shower Heads: <label>
        <input type="radio" name="showerheadba" value="singlesho" id="showerheadba_0" />
        Single Head</label>
      <label>
        <input type="radio" name="showerheadba" value="doublesho" id="showerheadba_1" />
       | Double Head</label> </span>
    </span>
    <br />
    <!-- end BATHROOM TYPE SELECTOR HTML  -->

i converted it as follows

Code:

<!--  CREATE BATHROOMS  -->
function createbaths(number2) {
databaths = "";    
inter = "'";
dinter = '"';
spaces="      ";
if (number2 < 7 && number2 > -1) {
for (i=1; i <= number2; i++) {
databaths = databaths + "<br><strong>Bathroom " + i + " :</strong><br>"
    
    <!-- BATHROOM TYPE SELECTOR  JAVASCRIPT-->
+ " <label>"
+ " <input name=" + dinter + "fullbathr" + dinter 
+ " type=" + dinter + "checkbox" + dinter 
+ " value=" + dinter + "fullbathr" + dinter 
+ " onClick=" + dinter + "checker(" + inter + "yesFullba" + inter + "); " 
+ "UpdateChecks(" + inter + "option" + inter + ");" + dinter + " />" 
+ "Full Bathroom </label>" + "<span id=" + dinter + "yesFullba" + dinter 
+ " style=" + dinter + "visibility:visible" + dinter + "> | "

     + "<input name=" + dinter + "babath" + dinter 
	 + " type=" + dinter + "checkbox" + dinter 
	 + " value=" + dinter + "babath" + dinter 
	 + " id=" + dinter + "babath" + dinter 
	 + " onClick=" + dinter 
	 + "change(" + inter + "bathselba" + inter + "); " 
	 + "UpdateChecks(" + inter + "option" + inter + ");" 
	 + dinter + ";/>" 
	 + "Bath </label> | "
	 
	 + "<input name=" + dinter + "bashower" + dinter 
	 + " type=" + dinter + "checkbox" + dinter 
	 + " value=" + dinter + "bashower" + dinter 
	 + " id=" + dinter + "bashower" + dinter 
	 + " onClick=" + dinter 
	 + "change(" + inter + "showerselba" + inter + "); " 
	 + "UpdateChecks(" + inter + "option" + inter + ");" 
	 + dinter + " />" 
	 + "Shower </label> "
	 
+ "<span id=" + dinter + "bathselba" + dinter 
+ " style=" + dinter + "visibility:hidden" + dinter + ">" + "<br />"
	  
     + "Bath Type: <label>" 
	 
	 + "<input type=" + dinter + "radio" + dinter 
	 + " name=" + dinter + "bathtype" + dinter 
	 + " value=" + dinter + "standardba" + dinter 
	 + " id=" + dinter + "bathtype_0"  + dinter 
	 + " /> " 
	 + "Standard</label>"
	 
	+ "<label>" 
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "bathtype" + dinter 
	+ " value=" + dinter + "ovalba" + dinter 
	+ " id=" + dinter + "bathtype_1" + dinter 
	+ " /> | "
	+ "Oval</label>"
	
    + "<label>" 
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "bathtype" + dinter 
	+ " value=" + dinter + "cornerba" + dinter 
	+ " id=" + dinter + "bathtype_2" + dinter 
	+ " /> | "
	+ "Corner</label>"

    + "<label>"
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name="+ dinter + "bathtype" + dinter 
	+ " value=" + dinter + "spaba" + dinter 
	+ " id=" + dinter + "bathtype_3" + dinter 
	+ " /> | "
	+ "Spa</label></span>"
	 
 
+ " <span id=" + dinter + "showerselba" + dinter 
+ " style=" + dinter + "visibility:hidden" + dinter 
+ "><br />"
	
	+ " Shower Heads: <label>"
	
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "showerheadba" + dinter 
	+ " value=" + dinter + "singlesho" + dinter 
	+ " id=" + dinter + "showerheadba_0" + dinter 
	+ " />" 
	+ "Single Head</label>" 
	
	+ "<label>" 
	+ "<input type=" + dinter + "radio" + dinter 
	+ " name=" + dinter + "showerheadba" + dinter 
	+ " value=" + dinter + "doublesho" + dinter 
	+ " id=" + dinter + "showerheadba_1" + dinter 
	+ " /> | " 
	+ "Double Head</label>"
	+ " </span> </span> <br /> " 

    <!-- end BATHROOM TYPE SELECTOR JAVASCRIPT -->

The entire forum is using a few different functions I've setup for this section i've got these sets

Code:

<!-- --> 
function change(id){
	if (document.all[ id ].style.visibility == 'hidden') 
	{    
	document.all[ id ].style.visibility = 'visible'; 
    document.all[ id ].focus(); 
	}	
else
	{
	document.all[ id ].style.visibility = 'hidden'; 
    document.all[ id ].value = '';
	document.all[ id ].checked = '';
	}
}
<!-- --> 

<!-- for full bathroom selector-->
function UpdateChecks(which) {
if     (which == 'fullBathroom')    { fullBathroomIsChecked();  }
else if(which == 'option')  { BoxesCheck();    }
}
function fullBathroomIsChecked() {
if(document.all.fullbathr.checked == false) { BoxesCheck(); }
else {
	document.all.babath.checked = false;
	document.all.bashower.checked = false;
	}
}
function BoxesCheck() {
document.all.fullbathr.checked = false;
if((document.all.babath.checked == true) && (document.all.bashower.checked == true)) 
	{
	document.all.fullbathr.checked = true;
	document.all.yesFullba.style.visibility = 'hidden'; 
	fullBathroomIsChecked();
	}
}
<!--  for full bathroom selector END -->

CURRENTLY
I have a drop down list from 1 to 6 when a bathroom is selected lets say 3
then it SHOULD display
full - bath - shower -
PER EACH BATHROOM

if bath and shower is selected they disappear and full remains ticked if u tick full bath and shower
disappear. included a sub cat. that changes based on the above selection this works in html but


The bathroom varibles in the javascript need to be changed to suite a changing varible I based
what I understand that an array will need to be added but how to i adjust the script correctly.

I might work it out just have a bit of overload at the moment.

Thanks in advance

Is it possible to make it so if you click on a <a href> the information such as the name or link changes the <title> of the page and replaces existing opened <div>s with information from the link or such.
eg

If i had a list of swf files that were attatched to links how could I display each swf file onclick without redirecting whilst changing the title and content?

Hi every one Following is the situation I want a solution for,

-I have a form whose contents are forwarded to a mailer program hosted on a server which sends out emails. So basically the form data is submitted to one Mailer page (I have no control over the mailer program).

-After the form has been submitted the mailer program redirects to a default page or the "return " page specified by me..again redirects no matter what I have no control over it...

-Now instead of being redirected to a page I want the form contents to be submitted to another php page which will appear after the form has been submitted to the mailer page and display the contents of the form originally submitted.

Basically I want to submit to 2 different pages I know thats possible but I do not know how to get around the redirection from mailer page.

I thought of having the second php page to be the redirect page with all form data sent in query string however data fields are too many to send over get.
Is there anyway around this in javascript?
Its very complex to explain..I hope some one can help

I hope following crude visualisation helps
currently

submit form to------------->Mailer page (It redirects to any page specified)
form
to
|
|
|------->Page2.php (Want this to appear after form has been submitted to mailer page but mailer page redirects..)

Regards,
Aditya

I'm trying to build a time but it isn't displaying on screen

Code:

<html>
<head>
<script type="text/javascript">
function StartCounting(){
		setInterval("DoCounting()", 1000)

	}
	function DoCounting(){
	var obj =getElementbyId('countingtext');
	obj.innerHTML = '' + Counter;
	Counter++;
	if( Counter > 10)
	{
		Counter = 0;
		document.writeln("Timer Reset");
		}
	}
</script>
</head>

<body onload= "StartCounting()">
Here it is:<span id="countingtext"></span>

</body>
</html>

Alright, im trying for my project to make 1 div scroll through a list of pictures. I have it so that it starts when I click the button. Now what im trying to do is after I start the timer I have the button changing values to 'Pause' instead of 'Start' but I can't figure out how to code to make the timer pause when i click the button again.

Code:

HTML:
<input id="timer"
         style="position: absolute; font-size: 50px;
                  background-color: red;	
	          top:750px;left: 800px;
		  height: 75px; width: 120px;"
	 type="button" value="Start" 
onclick="myTimer = setInterval('picture()', 2000);
           document.getElementById('timer').value = 'Pause';">

Code:

Javascript:
function picture()
{
   soccerImg.src = soccerPic[state];
   state++;
if(state == 35)
 {
  state = 0;
 }
}

How could I lock an "Enter" link on an intro page with a 30 second timer that is displayed on the bottom of the page and disables the "Enter" link so that visitors have to wait 30 seconds to read the rules/announcements before entering?

Hi I am working on a chat application and am a bit stuck...In the database I have a field status which is set 1 for online and 0 for offline (PHP/MySQL)(at time of logging in/out), this shows the users status on a webpage. What I need is to know if there is a way I can set a timer so that if the user has been inactive for X amount of time, the database is auto updated and user is offline (1 set to 0).
Thanks for any help I recieve

In homePage(1 photo) and in Gallery(9 photos) at
http://www.pafos-wedding.com/
I setup mouse rollover functionality > bigger photo...but bigger image appear below smaller...what to do appear next to smaller, so top side of both photos are on same line?

Hi
im new to javascript , i have a game when 2 or more players enter the game a button appears one of the players clicks the button the game starts, what i want to do is when 2 or more players join the game i want the game to start, and not start by using the button.
here is the code for the button.

PHP Code:
if(($hand == '') && ($numplayers > 1)){ ?>
var betbuttons = '<';


 betbuttons += 'input type="button" name="Button" value="<? echo addslashes($BUTTON_START); ?>" class="betbuttons" onclick="push_action(\'start\');">';

hi , im newbie here and need some help from all the guru here ,
can some 1 help me out with iframe , i want an iframe can do auto reload on list sites after specific time , example after 10 seconds ifram will open google.com and after 10 seconds again iframe will reload yahoo.com and so on.
please some one help me , i had try to search on google and others but still can find it ,
i apreciate all the help thank you

Hi All,

I am trying to set up a countdown function that will be called on the click of a button.

Function is below
Code:

function countDown(sec, min) {

  sec--;
  if (sec == -01) {
    sec = 59;
    min = min - 1;
  } else {
   min = min;
  }
if (sec<=9) { sec = "0" + sec; }
  time = (min<=9 ? "0" + min : min) + " min and " + sec + " sec ";
if (document.getElementById) { theTime.innerHTML = time; }
  SD=window.setTimeout("countDown();", 1000);
if (min == '00' && sec == '00') { sec = "00"; window.clearTimeout(SD); }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
 
});

However I get an error after one second. Script can be found here - http://www.jivalot.co.uk/m.php

Can anyone help?

Kind regards,

Slate

hi,

i am currently trying to write a javascript program;

it would be for a library reservation system. this would be put on the computers with sessions from 15 minutes to 2 hours (in 15 minute chunks i.e, 15, 30, 45, 1 hour).

this program would countdown the remaining time on their session, with pop-up messages appearing every so often.

at the end of the session, the program will have to automatically log the user off.

i am a student studying javascript, and haven't got any idea how to even start

can anyone give me a helping hand to get me started.

thanks

I found this countdown timer online that starts when the page loads at 30 seconds and counts down to zero. What I need for it to do however is once it hits 0 it needs to automatically reset itself back to 30 seconds.

It's being used in conjunction with a online (not a chat room) chatterbot where people often abuse the bot with foul language. The idea being to stop them from entering text to the bot for 30 seconds.

I'm using these lines in the chatterbot where xxx would be the foul language. The stopTalk part prevents entering text for 30 seconds. The display() triggers the countdown. However, once it hits 0 it's dead in the water. If someone types another bad word the timer isn't going to work.

Note: The timer is just a visual diplay so the user can see how long he must wait. The StopTalk below is working fine to stop the user from entering text. That part isn't the problem.


Code:

if (input.search("xxx")!= -1)      
{document.result.result.value = "Stop the foul language. You can no longer enter text for 30 seconds";
display() 
stopTalk = setTimeout('icon.src=icon1.src;stopTalk=false;',30000)  
return true;}

1) Because this is an online chatterbot that temporarily stores information about the user I can't restart the timer by refreshing the page or I would lose that information.

2) I don't want to use a button to reset the timer. If at all possible I want the timer to reset automatically.


Any help would be appreciated.





Code:

<form name="counter"><input type="text" size="8" 
name="d2"></form> 

<script> 
<!-- 
// 
 var milisec=0 
 var seconds=30 
 document.counter.d2.value='30' 

function display(){ 
 if (milisec<=0){ 
    milisec=9 
    seconds-=1 
 } 
 if (seconds<=-1){ 
    milisec=0 
    seconds+=1 
 } 
 else 
    milisec-=1 
    document.counter.d2.value=seconds+"."+milisec 
    setTimeout("display()",100) 
} 
display() 
--> 
</script>