<html>
<?php
$num = 1;
echo $num;
?>
<input type="button"
name="lol"
value="Click to increment"
onclick="Inc()" />
<br>
<script>
function Inc()
{
<?php
$num = 2;
echo $num;
?>
}
</script>
</html>
This is what i have so far, not working though, i think i need to use ajax or something but i have no idea what to do.
Thanks
This question is related to
php
javascript
ajax
function
client-side
I think you're confusing server code with client code.
JavaScript runs on the client after it has received data from the server (like a webpage).
PHP runs on the server before it sends the data.
So there are two ways with interacting with JavaScript with php.
Like above, you can generate javascript with php in the same fashion you generate HTML with php.
Or you can use an AJAX request from javascript to interact with the server. The server can respond with data and the javascript can receive that and do something with it.
I'd recommend going back to the basics and studying how HTTP works in the server-client relationship. Then study the concept of server side languages and client side languages.
Then take a tutorial with ajax, and you will start getting the concept.
Good luck, google is your friend.
Simply return it:
<html>
<?php
$num = 1;
echo $num;
?>
<input type="button"
name="lol"
value="Click to increment"
onclick="Inc()" />
<br>
<script>
function Inc()
{
Return <?php
$num = 2;
echo $num;
?>;
}
</script>
</html>
There is a way to run php in client-side javascript (not talking about server-side js here). Don't know if this is a very good idea, but you can. As some people pointed out you have to keep in mind the php is evaluated on the server and then returned as static stuff to the browser who will then run the javascript with the added data from the server.
You have to tell the server to evaluate the js files as php files, if you are running an apache server you can do this with a htaccess-file like this:
<FilesMatch "\.js$">
SetHandler application/x-httpd-php
Header set Content-type "application/javascript"
</FilesMatch>
More info here:
Parse js/css as a PHP file using htaccess
http://css-tricks.com/snippets/htaccess/use-php-inside-javascript/
Edit: On http page request this trick makes files with js extension be parsed by the php compiler. All php parts in the js file will get executed and the js file with added server data will be handed to the browser.
However, the OP uses an html formated file (probably with php extension), no js file, so in this specific case there's no need for my suggestion.
The suggested js solutions are the way to go. If the variable needs to get stored on the server, use ajax to send it there.
you use script in php..
<?php
$num = 1;
echo $num;
echo '<input type="button"
name="lol"
value="Click to increment"
onclick="Inc()" />
<br>
<script>
function Inc()
{';
$num = 2;
echo $num;
echo '}
</script>';
?>
Try this may work..
<html>
<?php $num = 1; ?>
<div id="Count"><?php echo $num; ?></div>
<input type = "button" name = "lol" value = "Click to increment" onclick = "Inc()">
<br>
<script>
function Inc() {
i = parseInt(document.getElementById('Count').innerHTML);
document.getElementById('Count').innerHTML = i+1;
}
</script>
</html>
In the above given code
assign the php value to javascript variable.
<html>
<?php
$num = 1;
echo $num;
?>
<input type = "button" name = "lol" value = "Click to increment" onclick = "Inc()">
<br>
<script>
var numeric = <?php echo $num; ?>"; //assigns value of the $num to javascript var numeric
function Inc()
{
numeric = eVal(numeric) + 1;
alert("Increamented value: "+numeric);
}
</script>
</html>
One thing in combination of PHP and Javsacript is you can not assign javascript value to PHP value. You can assign PHP value to javascript variable.
despite some comments, at some cases it's really necessary to access PHP functions at Javascript (e.g. the AJAX cases).
At these cases you can use the mwsX library to use your PHP functions at Javascript.
mwsX library: https://github.com/loureirorg/mwsx
Simply, your question sounded wrong because the JavaScript variables need to be echoed.
<?php_x000D_
$num = 1;_x000D_
echo $num;_x000D_
echo "<input type='button' value='Click' onclick='readmore()' />";_x000D_
echo "<script> function readmore() { document.write('";_x000D_
$num = 2;_x000D_
echo $num;_x000D_
echo "'); } </script>";_x000D_
?>You can't run PHP code with Javascript. When the user recieves the page, the server will have evaluated and run all PHP code, and taken it out. So for example, this will work:
alert( <?php echo "\"Hello\""; ?> );
Because server will have evaluated it to this:
alert("Hello");
However, you can't perform any operations in PHP with it.
This:
function Inc()
{
<?php
$num = 2;
echo $num;
?>
}
Will simply have been evaluated to this:
function Inc()
{
2
}
If you wan't to call a PHP script, you'll have to call a different page which returns a value from a set of parameters.
This, for example, will work:
script.php
$num = $_POST["num"];
echo $num * 2;
Javascript(jQuery) (on another page):
$.post('script.php', { num: 5 }, function(result) {
alert(result);
});
This should alert 10.
Good luck!
Edit: Just incrementing a number on the page can be done easily in jQuery like this: http://jsfiddle.net/puVPc/
Source: Stackoverflow.com