Join the Stack Overflow Community
Stack Overflow is a community of 6.8 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 2 down vote favorite

im trying to pass a variable from javascript into a line of PHP include code to create a more dynamic script. But so far I've not managed to achieve this.

The logic is as follows:

Looking at the below code - i want to replace the 'textfile.txt' with a javascript variable.

descrip2.innerHTML = "<?php include('textfile.txt'); ?>";

to show:

var thisfile = [userinput];
descrip2.innerHTML = "<?php include(thisfile); ?>";

Any ideas on how to achieve this? I know that im trying to join client side scripts with server side, but can this not be done the way im trying? Maybe with a few tweaks? I don't want to write a hundred php scripts for something that should be so intuitive and simple... :( not if i can avoid it...

share|improve this question
    
What are you trying to achieve? – Dr.Kameleon Mar 23 '12 at 9:33
    
this is not possible. you need to use AJAX – Luca Filosofi Mar 23 '12 at 9:34
    
@Capt.Morgan: see my updates, maybe it help you. – Luca Filosofi Mar 23 '12 at 12:54
up vote 3 down vote

If I understood your question you can't do like that.

you can go with ajax request. If you use jquery you can do like this:

var thisfile = [userinput];
$(descrip2).load(thisfile);

or do ajax request by yourself..

share|improve this answer
up vote 0 down vote

if your file is simple html text you can do this with file_get_contents() function that return content of file:

descrip2.innerHTML = "<?php echo file_get_contents('textfile.txt'); ?>";
share|improve this answer
up vote 0 down vote

If you want to use that many times you can encode it (base64) and load that to the form to hidden input for example. Then you will be able to reuse that many times (without calling the ajax every time).

share|improve this answer
up vote 0 down vote

Server side scripts will always run and render before client side script so when writing your code bear this in mind

I am using jQuery but you can use normal javascript.

<div id="#welcomeMessage"></div>
$('#welcomeMessage').html("<?php echo 'hello'?>");

if using javascript

document.getElementById('welcomeMessage').innerHTML = "<?php echo 'hello'?>";

I am pretty sure this will work too

document.getElementById('welcomeMessage').innerHTML = "<?php include_once('textfile.php'); ?>";

As long as your php file is actually outputting something.

share|improve this answer
up vote 0 down vote

UPDATE:

From your question and from what you say in the comment. i assume you have a scenario like this:

  1. you have a file with some information.
  2. you want populate your div with theese information.

so before going further create a well formatted file to store all the info. example

  • data.xml
<?xml version="1.0" encoding="UTF-8"?>
<data>
    <div>
        <h2>lorem ipsum</h2>
        <p>brown fox jump hover the lazy dog</p>
    </div>
    <div>
        <h2>lorem ipsum 1</h2>
        <p>brown fox jump hover the lazy dog 1</p>
    </div>
</data>

then use AJAX to load the content and append it to the wanted element like below

<html>
    <head>
        <title></title>
        <script>
            var descriptor;
            function init() {
                descriptor = document.getElementById("descriptor");
                loadFromFile('data.xml');
            }

            function loadFromFile(thisfile) {
                var xmlhttp;
                if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                } else {// code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange = function() {
                    if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                        var data = xmlhttp.responseXML.documentElement.getElementsByTagName('div');
                        var divs = '';

                        for(var i = 0; i < data.length; i++) {

                            var div = data[i];

                            divs += '<div>';
                            divs += '<h2>' + div.getElementsByTagName('h2')[0].firstChild.nodeValue + '</h2>';
                            divs += '<p>' + div.getElementsByTagName('p')[0].firstChild.nodeValue + '</p>';
                            divs += '</div>';

                        }

                        descriptor.innerHTML = divs;
                    }
                }
                xmlhttp.open("GET", thisfile, true);
                xmlhttp.send();
            }
        </script>
    </head>
    <body onload="init()">
        <div id="descriptor"></div>
    </body>
</html>
share|improve this answer
    
OK... how would I adapt this to my jquery? currently this is the full code of this particular part: //Add a span to the div var target2 = document.getElementById("descriptor"); var descrip2 = document.createElement("span"); var textlocation = "txtfile.txt"; descrip2.setAttribute("id", "d_title"); target2.appendChild(descrip2); var thisfile = "textfile.txt" – Meh Mar 23 '12 at 9:55
    
can you provide more code? this is a lot fuzzy to me. are you sure you are/want use jQuery? – Luca Filosofi Mar 23 '12 at 12:41
up vote -1 down vote

Try this :

var thisfile = [userinput];
descrip2.innerHTML = "<?php include("+thisfile+"); ?>";

Though I'm not sure this is something one would need...

share|improve this answer
    
This will throw a runtime error in php before you get to see your page. – slash197 Mar 23 '12 at 9:40
    
@slash197 Well' I just tried to respond with something - at least, "grammatically" - correct. The fact is that I was about to write about using AJAX, although it's one of those question cases where it simply is unclear what the OP actually has in mind, and what he aims to achieve... – Dr.Kameleon Mar 23 '12 at 9:47

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.