PHP Forum

**silverglade** · 07-28-2010, 02:13 PM

Hi, I have an iframe at the top and bottom of the page. An an image of a monster in the middle. I tried to press attack in the bottom iframe, and have it output the battle messages in the top iframe. Basically, I have an interface where I dont want the whole page to reload just to output the messages. Is there any solution to this, or even some javascript code snippets? Any help greatly appreciated. So far the button just brings up a new page that it points to in the iframe, which doesn't really do me any good. Thanks. Derek

**chrishirst** · 07-28-2010, 02:26 PM

You really need to be using Java applets/servlets for such a scenario or have the whole thing written in Flash as Dragonfable do

**silverglade** · 07-28-2010, 02:55 PM

Thanks very much Chris. Do you know if I can output php variables with javascript. Like I tried to do below? It doesn't work.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Untitled Document</title>
    </head>
    <body>
    <?php $battleText="you hit for 100 points!";?>
        <div id="container">
            This is the default text
        </div>
        <form><input type="submit" id="link" value="change"/></form>
        <script type="text/javascript">
            var a = document.getElementById('link');
            a.onclick = function(){
                var d = document.getElementById('container');
                var def = d.childNodes[0].nodeValue;
                t = 5000;
                setTimeout(function(){
                    d.childNodes[0].nodeValue = <?php echo $battleText; ?>
                    setTimeout(function(){
                        d.childNodes[0].nodeValue = "Newer Text";
                        setTimeout(function(){
                            d.childNodes[0].nodeValue = def;
                        }, t);
                    }, t);
                }, t);
            }
        </script>
    </body>
</html>

**chrishirst** · 07-28-2010, 03:50 PM

nodeValue is a XML DOM method, so will only work as you expect when reading or setting values of an XML document NOT a HTML document.

In a HTML document it is not only the elements that are "nodes", so you may NOT be setting the correct node.

secondly this

Code:

d.childNodes[0].nodeValue = <?php echo $battleText; ?>

Is NOT going to work ESPECIALLY if the $battleText contains spaces

You will need to wrap it in single quotes so it becomes a string

d.childNodes[0].nodeValue ='<?php echo $battleText;?>';

**silverglade** · 07-28-2010, 03:55 PM

Is there a way I could add a button to do this code that updates a iframe with variable text?
Any more help greatly appreciated. Thank you. Derek

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style type="text/css">
body {
background-color: black;
color: gold;
}


</style>

</head>
<body>
<html>
<body>

<script type="text/javascript">
var my_var = "Hello World!"
    

function text2add(){
return  '<font color=gold><strong>'+my_var+'</strong></font>';
}
</script>
<form> 
<form><input type="submit"  value="change" onClick="text2add();"/></form>
Main page! Frame below.

<br><br>

<iframe src="iframe.html" ></iframe>

</body>
</html> 
</body>
</html>

**silverglade** · 07-28-2010, 04:05 PM

and this are the contents of my iframe page

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
 document.write(parent.text2add());
 
</script>

This is my iframe 
</body>
</html>