» Pass PHP Value To Javascript Tutorials, Scripts, Technology and Interview Tips

Pass PHP Value To Javascript

Posted by admin | Posted in Html, JavaScripts, PHP, scripts | Posted on 02-06-2009

0

This is a simple script to pass values from our server side language PHP to the client side script JAVASCRIPT.

Its pretty simple we have two php files.

CONTACT.php and SEND.php

in that you can see like values which we enter in contact.php will be send to the text fields of send.php

Now to get these values from the send.php you have to use GETELEMENTBYID() functionality of javascript.

Simple is it, grab your code guys

CONTACT.PHP

<table width=”400″ border=”0″ align=”center” cellpadding=”3″ cellspacing=”1″>
<tr>
<td><strong>Contact Form </strong></td>
</tr>
</table>

<table width=”400″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”1″>
<tr>
<td><form name=”form1″ method=”post” action=”send.php”>
<table width=”100%” border=”0″ cellspacing=”1″ cellpadding=”3″>
<tr>
<td width=”16%”>Subject</td>
<td width=”2%”>:</td>
<td width=”82%”><input name=”subject” type=”text” id=”subject” size=”50″></td>
</tr>
<tr>
<td>Detail</td>
<td>:</td>
<td><textarea name=”detail” cols=”50″ rows=”4″ id=”detail”></textarea></td>
</tr>
<tr>
<td>Name</td>
<td>:</td>
<td><input name=”name” type=”text” id=”name” size=”50″></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name=”customer_mail” type=”text” id=”customer_mail” size=”50″></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type=”submit” name=”Submit” value=”Submit”> <input type=”reset” name=”Submit2″ value=”Reset”></td>
</tr>
</table>
</form>
</td>
</tr>
</table>

SEND.PHP

<?php

// Mail of sender

//code by mistonline.in

$mail_from=$_POST['customer_mail'];

$subject=$_POST['subject'];

$detail=$_POST['detail'];

$name=$_POST['name'];

echo “<input id=’mail’ type=” name=’recipient’ value=’”.$mail_from.”‘>”;

echo “<input id=’detail’ type=” name=’recipient2′ value=’”.$detail.”‘>”;

echo “<input id=’name’ type=” name=’recipient3′ value=’”.$name.”‘>”;

echo “<input id=’sub1′ type=” name=’recipient4′ value=’”.$subject.”‘>”;

?>
<script language=”javascript” type=”text/javascript”>

mail1 = document.getElementById(’mail’).value

name = document.getElementById(’name’).value

//subject = document.getElementById(’sub1′).value

//detail = document.getElementById(’detail’).value

alert(”The Mail You Entered Is” +mail1)
alert(”The name You Entered Is” +name)
//alert(”The Sub You Entered Is”+ sub1)
//alert(”The detail You Entered Is”+ detail)

//code by Mistonline.in

</script>

Thanks