Passing javascript variable into php

Question

TMD 0 Newbie Poster

12 Years Ago

Ok I have a program that uses HTML to get some values from a user using a form and then it is passed into a javascript function that does some calculations with these numbers and creates a new variable name.

What I need help with is that I want to email these new variables that were created in the javascript section using php. But I am unsure how to pass them into the php section of the code.

I am using a form to get the original information, along with a submit="post" button to send the information in the email.

javascript php

5 Contributors
12 Replies
1K Views
1 Day Discussion Span
Latest Post 12 Years Ago Latest Post by broj1

LastMitch

12 Years Ago

@TMD

Can you post the code? Javascript & PHP so we can see the problem!

leviathan185 14 Junior Poster

12 Years Ago

You need to be passing the code into the javascript from a .php file

Lets say you have index.php and in the header you have your .js file referenced

When I need to pass a value from PHP to javascript I usually need it for a function for an onClick event or similar.

<?php
    $link = "<a href=\"javascript:function({$someVar});\">Link Text</a>";
?>

Or if you are inside a <script> tag

<script type="text/javascript">
    var jsVar = "<?php echo $phpvar; ?>";
    ...
    //do something with the variable    
</script>

the quotes are required either side of the php tags unless it is an integer.

I hope this helps, otherwise post your code we can take a look at it.

leviathan185 14 Junior Poster

12 Years Ago

Sorry, just re-read your question.
So for your example you might do something like this;

<?php
    // this will usually go in your header somehere
    $user = $_POST['username']; // the username from the form posted to this page
    $pass = $_POST['password']; // the password from the form posted to this page
    // you might also want to validate the data and check it to make sure 
    // the $_POST has not been tampered with by the user before using it.
?>


<script type="text/javascript">
    // this must go somewhere after the obove php code. 
    // It can still go in the header if you wish.
    doSomething("<?php echo $user; ?>", "<?php echo $pass ?>");
</script>

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.

Boby Smith 0 Newbie Poster · Answer 1 · 2012-10-03T05:10:19+00:00

It is redirection validation problem.Can you post the code? Javascript & PHP so we can see the problem!

TMD 0 Newbie Poster · Answer 2 · 2012-10-03T19:26:37+00:00

<html>
<script language="php">
$email = "personal email addres" . ",";
$email .= $HTTP_POST_VARS['mailme'];
$subject = "Attack";
$data .= "Air 1: " . $HTTP_POST_VARS['air1'] . "n";
$data .= "Air 2: " . $HTTP_POST_VARS['air2'] . "n";
$data .= "Multiair: " . $HTTP_POST_VARS['multiair'] . "n";
$data .= "Cc: " . $HTTP_POST_VARS['mailme'] . "nn";
mail($email, $subject, $data, "From: myemailaddress");
}
</script>
<script language="JavaScript" type="text/javascript">
function randInt(min, max) {
var div = (max - min) + 1;
var randNum = Math.random();
for (var i = 0; i <= div - 1; i++) {
if (randNum >= i / div && randNum < (i+1) / div) {
return i + min;
}
}
return -1;
}
var air = document.getElementById('air').value;
var air0 = document.getElementById('air0').value;
var airroll = -1;
var airroll0 = -1;
for (var i = 0; i < parseInt(document.getElementById('rank').value); i++) {
airroll = randInt(0, document.getElementById('air').value);
if (airroll > greatestRoll) {
greatestRoll = airroll;
}
}
air1 = greatestRoll;
greatestRoll = -1;
for (var i = 0; i < parseInt(document.getElementById('rank').value); i++) {
airroll0 = randInt(0, document.getElementById('air0').value);
if (airroll0 > greatestRoll) {
greatestRoll = airroll0;
}
}
air2 = greatestRoll;
greatestRoll = -1;
multiair2 = ((air12)-(air22));
</script>
<body>
<form action method="post">
<font color="#FFC125"><strong>Air1 =</strong></font>
<input type="text" size="3" name="air" id="air" value="0">
<font color="#FFC125"><strong>Air2 =</strong></font>
<input type="text" size="3" name="air0" id="air0" value="0">
<input style="border:3px outset #FFC125; FONT-SIZE: 18pt; COLOR: #FFC125; BACKGROUND-COLOR: #000" onclick="updateResults()" type="submit" value="ATTACK!" name="sbutton" method="post" action="personalemailaddress"></p>
<input name="submitted" type="hidden" value="1">
<input type="hidden" size="10" value="0" name="points">
</form>
</html>

Here is more or less my code (I cut out other parts since it is doing the same thing. What I am trying to do is get the variables that I created in the javascript section and using php email it to a personal user, but I am unsure how to call the variables in the php section from the javascript section.

LastMitch · Answer 3 · 2012-10-03T19:40:44+00:00

@TMD

Here is more or less my code (I cut out other parts since it is doing the same thing. What I am trying to do is get the variables that I created in the javascript section and using php email it to a personal user, but I am unsure how to call the variables in the php section from the javascript section.

I'm not familiar with javascript! But can you show the variable so I can see the issue? Plus in the future when you paste your code please used "Code" on text editor so it will be highlight in blue!

broj1 356 Humble servant Featured Poster · Answer 4 · 2012-10-03T19:58:03+00:00

Is there any reason that you implemented the functionality in javascript? You could probably do the same processing with php and just mail the values. But if you really want to use javascript for processing then you will have to use ajax approach - a javascript function that passes values to a php file that will send the mail.

http://www.w3schools.com/ajax/default.asp

TMD 0 Newbie Poster · Answer 5 · 2012-10-03T20:11:43+00:00

@ Mitch

The variables that I am creating in the javascript code are "air1" "air2" and "multiair2" which I am trying to email using php. (which I noticed that I mislabeled in the php section, but it still isn't sent correctly.

@broj1

I'm not extremely familiar with php so which is why I am using javascrpit.

LastMitch · Answer 6 · 2012-10-03T20:25:00+00:00

@TMD

Do you have a database? If so what is the php file name?

If you don't have a database then I would suggest to used ajax.

In order to pass a varible you need to $_GET[] or $_POST[] function

TMD 0 Newbie Poster · Answer 7 · 2012-10-03T20:33:09+00:00

I do not have a database, ok I'll use ajax then.

broj1 356 Humble servant Featured Poster · Answer 8 · 2012-10-04T07:33:45+00:00

A note on using script tags: a <script> tag is, as far as I know, used for scripts that browser executes (javascript, vbscript...). For server side scripts use <? ?> tags which for PHP is:

<?php

// PHP code here

?>

or in your example:

<html>
<?php
$email = "personal email addres" . ",";
$email .= $HTTP_POST_VARS['mailme'];
$subject = "Attack";
$data .= "Air 1: " . $HTTP_POST_VARS['air1'] . "n";
$data .= "Air 2: " . $HTTP_POST_VARS['air2'] . "n";
$data .= "Multiair: " . $HTTP_POST_VARS['multiair'] . "n";
$data .= "Cc: " . $HTTP_POST_VARS['mailme'] . "nn";
mail($email, $subject, $data, "From: myemailaddress");
}
?>
<script type="text/javascript">
function randInt(min, max) {
...

The language attribute in script tag is deprecated in HTML 4.01. Use only <script type="text/javascript">

broj1 356 Humble servant Featured Poster · Answer 9 · 2012-10-04T07:41:47+00:00

It's me again. Sory to post in pieces but I noticed another issue. Do not use $HTTP_POST_VARS array since it is deprecated and will be at some stage removed form PHP. Use $_POST array which is basically the same for your purpose.