auto sudmit a form

Question

dourvas 0 Newbie Poster

13 Years Ago

hallo there,

i ve coded a script that the user can write a test. there is a form that he completes the answears and a button that posts those answears to another file which connects to a database checks if he is right and then shows the results.

Now i want to use a timer in order to autosubmit the form after some time (ex 15 minutes). I know that i need a timer countdown( the user must see all the time the time left) and i think that i should use javascript. how can i sudmit the form after the time ends in order the user to see the results that he made after this time passed??

javascript

3 Contributors
13 Replies
176 Views
1 Day Discussion Span
Latest Post 13 Years Ago Latest Post by dourvas

klemme 3 Posting Whiz in Training

13 Years Ago

A quick google search came up with this, havent tested it..

http://webcodingeasy.com/PHP-classes/Generate-countdown-in-any-format

karthik_ppts 81 Posting Pro

13 Years Ago

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

d1=new Date();
		d1.setMinutes ( d1.getMinutes() + 15;
		
		var etime = new Date(d1);
		var ehour = etime.getHours();
		var emin = etime.getMinutes();
		var esec = etime.getSeconds();
		var ftime = "";
		
		if(ehour == 0) ehour = 12;
		ftime = (ehour > 12 ? ehour - 12 : ehour) + ":" +
		(emin < 10 ? "0" : "") + emin + ":" +
		(esec < 10 ? "0" : "") + esec + " " +
		(ehour > 12 ? "PM" : "AM");

		document.getElementById("etime").value = ftime;
......
......
......

setInterval("settime()", 1000);
 	function settime () 
	{
		var curtime = new Date();
		var curhour = curtime.getHours();
		var curmin = curtime.getMinutes();
		var cursec = curtime.getSeconds();
		var time = "";
		
		if(curhour == 0) curhour = 12;
		time = (curhour > 12 ? curhour - 12 : curhour) + ":" +
		(curmin < 10 ? "0" : "") + curmin + ":" +
		(cursec < 10 ? "0" : "") + cursec + " " +
		(curhour > 12 ? "PM" : "AM");
		
		document.getElementById("stime").value = time;
		
		etime=document.getElementById("etime").value;
		
		if(etime!="")
		{
			if(time>=etime)
			{
				document.getElementById("submit").click();
			}	
		}
	}

.....
.....
<div class="textfield_container_right">
            <div class="text1" style="width:90px;"><strong>Time	 :</strong></div>
            <div class="text1"><input type="text" name="stime" id="stime" style="border:none; background-color:transparent; color:#FFFFFF; margin-top:5px;" readonly="readonly"/></div>
            </div>
            <div class="textfield_container_right">
            <div class="text1" style="width:90px;"><strong>End Time :</strong></div>
            <div class="text1"><input type="text" name="etime" id="etime" readonly="readonly" style="border:none; background-color:transparent; color:#FFFFFF; margin-top:5px;"/></div>
.....
.....
.....

<input type="submit" name="submit" id="submit" />

karthik_ppts 81 Posting Pro

13 Years Ago

Close bracketr is missing on line 7 of javascript

karthik_ppts 81 Posting Pro

13 Years Ago

No need of that css for text box its just as

Time :<input type="text" name="stime" id="stime" readonly="readonly"/><br>
End Time :<input type="text" name="etime" id="etime" readonly="readonly"/>

and call settime() function in body onload like

<body onload="settime()">

thats enough

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

dourvas 0 Newbie Poster · Answer 1 · 2011-06-14T16:24:37+00:00

dourvas 0 Newbie Poster

13 Years Ago

Thanks for the answear
let me test this and ill post the result

Edited 13 Years Ago by dourvas because: n/a

dourvas 0 Newbie Poster · Answer 2 · 2011-06-14T17:03:28+00:00

ok, let me write some questions about this code. first i wanna say that i am new at php and javascript so my experience is not helping me at all

a) i copy and pasted the javascript code you wrote to a file: time.js and i called it inside the initial php file.

<script	type="text/javascript"
	src="time.js"
></script>

inside the code there are some dots. There r their because u expect me to write code that is obvious to u? i just erase those dots when i created the file i mentioned.

b)in the php code, is it possible to post the css classes you use? (textfield_container_right, text1, stime, etime etc...)

C) i also can get how the form posts the answears. you just

<input type="submit" value="sudmit" id="submit">

i can not see how the javascript connects with the php code.

(i told you i am an amateur :-) )

is it possible to pass a parametre from the initial php file to javascript file in order to change the amount of passing time? It will not be always 15'......

thanks anyway.......

dourvas 0 Newbie Poster · Answer 3 · 2011-06-14T18:28:34+00:00

something is not right with the etime variable because etime input is empty. this way nothing happens after the time ends...
the javascript you gave me:

d1=new Date();
d1.setMinutes ( d1.getMinutes() + 15);
 
var etime = new Date(d1);
var ehour = etime.getHours();
var emin = etime.getMinutes();
var esec = etime.getSeconds();
var ftime = "";
 
if(ehour == 0) ehour = 12;
ftime = (ehour > 12 ? ehour - 12 : ehour) + ":" +
(emin < 10 ? "0" : "") + emin + ":" +
(esec < 10 ? "0" : "") + esec + " " +
(ehour > 12 ? "PM" : "AM");
 
document.getElementById("etime").value = ftime;

 
setInterval("settime()", 1000);
function settime ()
{
var curtime = new Date();
var curhour = curtime.getHours();
var curmin = curtime.getMinutes();
var cursec = curtime.getSeconds();
var time = "";
 
if(curhour == 0) curhour = 12;
time = (curhour > 12 ? curhour - 12 : curhour) + ":" +
(curmin < 10 ? "0" : "") + curmin + ":" +
(cursec < 10 ? "0" : "") + cursec + " " +
(curhour > 12 ? "PM" : "AM");
 
document.getElementById("stime").value = time;
 
etime=document.getElementById("etime").value;
 
if(etime!="")
{
if(time>=etime)
{
document.getElementById("submit").click();
}
}
}

karthik_ppts 81 Posting Pro · Answer 4 · 2011-06-14T19:14:56+00:00

karthik_ppts 81 Posting Pro

13 Years Ago

write the js code inside the php page.
dont include from js file

Edited 13 Years Ago by karthik_ppts because: spelling mistake

karthik_ppts 81 Posting Pro · Answer 5 · 2011-06-14T19:28:56+00:00

Use the script at the end of the page as follows

<!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>

</head>

<body>
<form method="post" name="frm_answer">
    Time :<input type="text" name="stime" id="stime" readonly="readonly"/><br>
    End Time :<input type="text" name="etime" id="etime" readonly="readonly"/>
</form>
</body>
</html>
<script type="text/javascript">
	d1=new Date();
d1.setMinutes ( d1.getMinutes() + 15);
 
var etime = new Date(d1);
var ehour = etime.getHours();
var emin = etime.getMinutes();
var esec = etime.getSeconds();
var ftime = "";
 
if(ehour == 0) ehour = 12;
ftime = (ehour > 12 ? ehour - 12 : ehour) + ":" +
(emin < 10 ? "0" : "") + emin + ":" +
(esec < 10 ? "0" : "") + esec + " " +
(ehour > 12 ? "PM" : "AM");
 
document.getElementById("etime").value = ftime;
 
 
setInterval("settime()", 1000);
function settime ()
{
var curtime = new Date();
var curhour = curtime.getHours();
var curmin = curtime.getMinutes();
var cursec = curtime.getSeconds();
var time = "";
 
if(curhour == 0) curhour = 12;
time = (curhour > 12 ? curhour - 12 : curhour) + ":" +
(curmin < 10 ? "0" : "") + curmin + ":" +
(cursec < 10 ? "0" : "") + cursec + " " +
(curhour > 12 ? "PM" : "AM");
 
document.getElementById("stime").value = time;
 
etime=document.getElementById("etime").value;
 
if(etime!="")
{
if(time>=etime)
{
//alert("kartik");
document.getElementById("submit").click();
}
}
}
</script>

dourvas 0 Newbie Poster · Answer 6 · 2011-06-14T21:23:59+00:00

:-)
IT WORKS MAN. IT IS PERFECT!! EXACTLY WHAT I NEEDED!! THANK YOU VERY MUCH........

ONE MORE THINK.

I WANT TO PASS THE PERIOD TIME (15 MINUTES) INTO JAVASCRIPT USING A VARIABLE.
IS IT POSSIBLE???

<script type="text/javascript">
d1=new Date();
d1.setMinutes ( d1.getMinutes() + $variable);

there r several tests and every test needs different time. At the begin of the initial php file i will get from a database the time into a variable. I want to call that javascript using that variable.....

dourvas 0 Newbie Poster · Answer 7 · 2011-06-14T23:59:31+00:00

do u think that i should start a new thread about passing variables into javascript from php? i tried several thinks i found google searhing but nothing seems to work..

karthik_ppts 81 Posting Pro · Answer 8 · 2011-06-15T10:14:20+00:00

Yes Possible... Its as follows

<!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>

</head>

<body>
<form method="post" name="frm_answer">
    Time :<input type="text" name="stime" id="stime" readonly="readonly"/><br>
    End Time :<input type="text" name="etime" id="etime" readonly="readonly"/>
</form>
</body>
</html>
<?php
        //Your db connection code
	$qry_interview="select * from tbl_name where id=1";//Pass the id whatever u need
	$rs_interview=mysql_query($qry_interview);
?>
<script type="text/javascript">
	d1=new Date();
d1.setMinutes ( d1.getMinutes() + <?php echo mysql_result($rs_interview,0,"duration_field"); ?>);// duration fiels is the field name of interview durtation in ur db
 
var etime = new Date(d1);
var ehour = etime.getHours();
var emin = etime.getMinutes();
var esec = etime.getSeconds();
var ftime = "";
 
if(ehour == 0) ehour = 12;
ftime = (ehour > 12 ? ehour - 12 : ehour) + ":" +
(emin < 10 ? "0" : "") + emin + ":" +
(esec < 10 ? "0" : "") + esec + " " +
(ehour > 12 ? "PM" : "AM");
 
document.getElementById("etime").value = ftime;
 
 
setInterval("settime()", 1000);
function settime ()
{
var curtime = new Date();
var curhour = curtime.getHours();
var curmin = curtime.getMinutes();
var cursec = curtime.getSeconds();
var time = "";
 
if(curhour == 0) curhour = 12;
time = (curhour > 12 ? curhour - 12 : curhour) + ":" +
(curmin < 10 ? "0" : "") + curmin + ":" +
(cursec < 10 ? "0" : "") + cursec + " " +
(curhour > 12 ? "PM" : "AM");
 
document.getElementById("stime").value = time;
 
etime=document.getElementById("etime").value;
 
if(etime!="")
{
if(time>=etime)
{
//alert("kartik");
document.getElementById("submit").click();
}
}
}
</script>

dourvas 0 Newbie Poster · Answer 9 · 2011-06-15T16:36:37+00:00

Perfect!!! it works fine. Thank u very much