Problem parsing php in JavaScript

tlsterling

Hi there,

I'm trying to institute remote scripting using an iframe and everything seems to be working great with the exception of JavaScript on the server side recognizing/parsing the embedded php within it. I'm really stumped on this error. This is my client.html file:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html><head><title>Remote Scripting with an IFrame - complexer client page</title>
<meta http-equiv="pragma" content="no-cache">

function messageReciept(name, msg) {
var theFormDiv = document.getElementById('theFormDiv');
theFormDiv.style.display = 'none';
var responseMessage = document.getElementById('responseMessage');
var message = '<p>Your message has been sent! Thank you.<\/p>'
message += ('<p>Your Name: <\/p>' + name)
message += ('<p>Your Message: <\/p>' + msg)
message += '<p><a href="#" onclick="showForm(); return false;">Send another message<\/a><\/p>'
responseMessage.innerHTML = message;
responseMessage.style.display = 'block';
}

var IFrameObj; // our IFrame object
function callToServer(theFormName) {
if (!document.createElement) {return true};
var IFrameDoc;
var URL = 'server.php' + buildQueryString(theFormName);
if (!IFrameObj && document.createElement) {
// create the IFrame and assign a reference to the
// object to our global variable IFrameObj.
// this will only happen the first time
// callToServer() is called
var tempIFrame=document.createElement('iframe');
tempIFrame.setAttribute('id','RSIFrame');
tempIFrame.style.border='0px';
tempIFrame.style.width='0px';
tempIFrame.style.height='0px';
IFrameObj = document.body.appendChild(tempIFrame);

if (document.frames) {
// this is for IE5 Mac, because it will only
// allow access to the document object
// of the IFrame if we access it through
// the document.frames array
IFrameObj = document.frames['RSIFrame'];
}
}

if (navigator.userAgent.indexOf('Gecko') !=-1 && !IFrameObj.contentDocument) {
// we have to give NS6 a fraction of a second
// to recognize the new IFrame
setTimeout('callToServer("'+theFormName+'")',10);
return false;
}

if (IFrameObj.contentDocument) {
// For NS6
IFrameDoc = IFrameObj.contentDocument;
} else if (IFrameObj.contentWindow) {
// For IE5.5 and IE6
IFrameDoc = IFrameObj.contentWindow.document;
} else if (IFrameObj.document) {
// For IE5
IFrameDoc = IFrameObj.document;
} else {
return true;
}

IFrameDoc.location.replace(URL);
return false;
}

function showForm() {
var theFormDiv = document.getElementById('theFormDiv');
theFormDiv.style.display = 'block';
document.forms['emailForm'].reset();
var responseMessage = document.getElementById('responseMessage');
responseMessage.style.display = 'none';
}

function processState(st) {
alert(st)
}
</script>

</head>
<body>

<div id="theFormDiv">
<form name="emailForm" id="emailForm"
action="server.php"
onsubmit="return callToServer(this.name)">
Your name:

Your message:

</body>

</html>

And this is what I've got for server.php:

<?php

$username = "testName";
?>
<script language="javascript" type="text/javascript">
parent.window.messageReciept('<?php =$username;?>' + 'ggg', '<?php echo "hhh";?>')
</script>

After entering some arbitrary values into the 'Your name' and 'Your message' box and submitting, this is the output I get:

Your message has been sent! Thank you.

Your Name:
ggg

Your Message:

Send another message

I currently have the xampp (LAMP) installation set up on my machine and it seems to parse php files/commands with no trouble. Any idea why I cannot get JavaScript to recognize/parse any php??

I'm really stumped, any help you can offer would be greatly appreciated, or even let me know if you're unable to reproduce the error on your machine, thanks!!!

bradgrafelman

PLEASE please please edit your post and wrap PHP code (or code that contains PHP in it) in the forum's [ PHP ][ /PHP ] tags! It makes it so much easier and it doesn't make people scroll 3 screens down to reach the end! :p
You're trying to mix the "short tag" style of echo'ing variables in PHP:
```
<?=$variable;?>
```
with the full tag (which I would recommend using):
```
<?php echo $variable; ?>
```
This kind of goes off of #1, but... showing us all of that JavaScript isn't really necessary, so you should probably remove all of it except the code below "And this is what I've got for server.php:". If in doubt, just show us the few lines that are directly relevant to your problem. If more information is needed, we won't be afraid to ask for it! 😉

tlsterling

Yes, I mixed up the php syntax deliberately to indicate to readers that neither method worked.

In addition, I incorporated all of the source code I'm working with because I believe my error to be a bit of an anomaly since I had this method working successfully in the past and wanted the reader to be able to duplicate (or attempt to duplicate) my error.

At any rate, I tried your suggestion of utilizing only the "long" echo method and it produced the same results.

HalfaBee

Check the html source of the page, I bet you will find unparsed php in it.

bradgrafelman

Ok, so try getting rid of all of the Javascript on the page and just do a simple echo $username; . Does the username get printed?

If not... where is $username being set?

tlsterling

Yes, the $username will print out just fine. $username is being set to a literal string in the lines above the <script> tag. All PHP code written outside of the <script> tags will be parsed and implemented correctly. It is only when the PHP code is located within the <script> tags that it doesn't seem to be recognized as PHP code at all.

tlsterling

No, there is no unparsed PHP code within my Client.html page after sumittal. If you look at the code, the messageReciept method receives a name and msg parameter back from the server side server.php file. These values having nothing in them since the PHP setting their values is not getting executed, but otherwise the Client.html looks exactly the same as it did prior to submittal.