Call a javascript function in php
Question
I want to make a datepicker and I use javascript to make the calendar. The code is below:
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( ".datepicker" ).datepicker();
});
</script>
</head>
<body>
<div class="date-picker">
<p>From:<input type="text" class="datepicker" /></p><br>
<p>To : <input type="text" class="datepicker" /></p>
</div>
</body>
</html>
If I write this in a html file it works fine, but I want to write it into a php because I also want to use database queries. So, I write the javascript in php like this:
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<?php
echo '<script>';
echo '$(function() {';
echo '$( ".datepicker" ).datepicker();';
echo '});';
echo '</script>';
?>
</head>
<body>
<?php
echo '<div class="date-picker">';
echo '<p>From:<input type="text" class="datepicker" /></p><br>';
echo '</div>';
?>
</body>
</html>
And it's not working. Any ideas?
4 answers
solution1
1 2013-08-09 11:57:59
I'm not sure you understand the client-server architecture correcty:
- The php-code is interpreted on a http server that executes the code if a url is requested. The output of the php-code is then sent to the client.
- The javascript is executed on the client when the page has been loaded from the server.
The php-part of a web-application (at least in classical designs) does not run simultaneously to the client side javascript code. If you want to do the database stuff on the server side in php and some visual effects/controls by javascript on the client you hava some options:
- Generate a javascript in php: You generate the code that is to be executed on the client. This might be filling an array that will be interpreted by the js afterwards.
- Deliver a static html-page that contains javascript and that asks the server for php-generated data. This can be achieved using
XMLHTTPRequest. - Some other methods exist but are not widely used, communication could be done via WebSockets instead of the XMLHTTPRequest for example.
solution2
1 2013-08-09 11:59:16
Replace $(function() {}) with
$(document).ready(function() {
$('.datepicker').datepicker()
});
Also, you don't need to echo javascript. Remember, php is a template-based language, so you can just pass data in somewhat like that way:
$('<?php echo $selector ?>').width(<?php echo (int) $width ?>);
solution3
1 2013-08-09 12:06:07
you can use this code to call the javascript function.
<?
if ($value eq "") {
echo "<SCRIPT LANGUAGE="javascript"><!--n";
echo "datepicker();n";
echo "// --></SCRIPT>n";
}
?>
solution4
0 2013-08-09 11:54:59
Write your script simple as below :
<?php
echo "<script>
$(function() {
$( '.datepicker' ).datepicker();
});
</script>";
?>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.