How to call Javascript code automatically - no OnClick !

Question

1.50/5 (2 votes)

See more:

How can I call a javascript function without onclick event?? I want use Ajax code in my project without click , when I update the Mysql from another page, show automatic and immediately in my page.

HTML

<html>
<head>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","xxxxxx.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body  önload="showUser();">

 
<div id="txtHint"  runat="server"  önclick="showUser()">
<form id="txtHint" onchange="showUser(this.value) method="GET">


<table border="0" cellpadding="0" cellspacing="0" align="center" valign="center">
                style="width: 20%; height: 50%;">
                <tr>
                    <td bgcolor="Gray" class="style17" colspan="2" rowspan="2" valign="top">
               <?php        					  <br mode="hold" /???>$hostname_localhost ="localhost";
$database_localhost ="mydatabase";
$username_localhost ="root";
$password_localhost ="";

$localhost = mysql_connect($hostname_localhost,$username_localhost,$password_localhost)
or
trigger_error(mysql_error(),E_USER_ERROR);

@mysql_select_db("HOUSEDATA") or die( "Unable to select database");

$query="SELECT Door FROM Door";

$result=mysql_query($query);
$image=mysql_result($result,0);
if($image == 1)
  	 echo  "<img src='Images/bulb_off.png'>";
if($image == 0)
      echo  "<img src='Images/bulb_on.png'>";
mysql_close();
?>
                    </td>
                   
            </tr></table>

</form>

</body>
</html>

Posted 27-Nov-11 4:06am

Mohammad Ali_7

Updated 20-Jan-17 15:22pm

v4

Add a Solution

3 solutions

Solution 1

It's very simple :

Call the JavScript Function/Code on body onLoad event.

JavaScript

<html>
<body  önload="showUser();">
    ...............
    ...............
    ...............
</body>
</html>

Or

JavaScript

<html>
<script language='javascript'>
function happycode(){
   alert('helo');
}
</script>
<body> 
<h1>Javascript call after page loaded</h1>
 
<script>
//call after page loaded
window.onload=happycode ; 
</script>
</body>
</html

Or Try this :

call a javascript function after a page load

Posted 27-Nov-11 4:45am

Manoj K Bhoir

Updated 27-Nov-11 5:32am

v3

Comments

Mohammad Ali_7 27-Nov-11 10:51am

Thank you for answering but doesn't work. Is not the solution ! I try before! any idea?

Manoj K Bhoir 27-Nov-11 11:33am

Try updated solution.I hope it will help you.

Mohammad Ali_7 27-Nov-11 11:49am

really tanx to helping, and maybe ur solution is right but still can not refresh the page when put it end of the page ! I tried to research

Mohammad Ali_7 27-Nov-11 11:52am

maybe because my page is php , and this solution is for html, I want to refresh the page AUTOMATIC , without onclick or button, because I want refresh my PHP query in table !

Solution 3

i am need java-script function has calling in side to php code with out any button click otherwise condition is true to call the java-script function

Posted 20-Jan-17 15:22pm

Member 12960505

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ast.lim12 · Accepted Answer · 2011-11-28T15:28:00

Have you tried the setInterval() javascript function?
It will automatically execute your code in a specified time(in milliseconds).
Usage:

JavaScript

setInterval( [you code or function call][, time interval in milliseconds] );

this will take care of updating your page via ajax without the need for user interaction.

Instead of calling your custom function in the onload event, you can try this:

HTML

<script type="text/javascript">
function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","xxxxxx.php?q="+str,true);
xmlhttp.send();
}

// create an interval calling the specified function every 10 seconds.
setInterval('showUser()',10000); 

//or you can use it like this
setInterval(function(){ showUser();}, 10000);
</script>

How to call Javascript code automatically - no OnClick !

3 solutions

Solution 2

Solution 1

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us