Changing include direction with javascript

Question

I'm trying to change an include path with JavaScript. It need's to go from this

<?php include 'sections/welcome.php'; ?>

to this

<?php include 'sections/new_visitor.php'; ?>

to this

<?php include 'sections/nda.php'; ?>

and so on... do anybody know how to code this in JavaScript?

Paul Sandel · Accepted Answer · 2013-06-24 14:53:59Z

1

you can't change how PHP is coded via javascript. You can send variables to php via javascript and then PHP responds to those variables... it looks like you have a registration of sorts. If you're using standard HTTP requests, you could use javascript to append a $_GET variable to the action link. For Instance:

 $('#form').attr('action', $('#form').attr('action') + '?page=welcome');

Then, upon clicking the link, PHP will have access to $_GET['page'], so in php you could:

 switch($_GET['page'])) {
     case 'welcome':
         include 'section/welcome.html';
         break;
     case 'nda':
         include 'section/nda.html';
         break;
 }

edited Jun 24, 2013 at 14:53

answered Jun 24, 2013 at 2:42

Paul Sandel

2352 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

RussellHarrower Over a year ago

This is how we do it for our CRM system so I second this method

user2514718 Over a year ago

ok! thanks :D but how do I connect this to feks. a submitbutton ?

Paul Sandel Over a year ago

oh wait, I think I see what you're asking... you would add the $_GET variable to the form action... see my updated answer.

user2514718 Over a year ago

look at my answer/question below :)

Paul Sandel Over a year ago

glad to hear it. Please post your solution so others can benefit, and if my answer helped, please accept it!

user2514718 · Accepted Answer · 2013-06-24 15:09:13Z

Look at the if(message ===1) statement below:) sorry for being such a noob :P

var xmlHttp = createXmlHttpRequestObject();

            function createXmlHttpRequestObject(){
                var xmlHttp;

                if(window.ActiveXObject){
                    try{
                       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
                    }catch(e){
                        xmlHttp = false;
                    }
                }else{
                    try{
                       xmlHttp = new XMLHttpRequest();
                    }catch(e){
                        xmlHttp = false;
                    } 
                }

                if(!xmlHttp){
                    alert("cat create that object hos");
                }



       function newuser(){
           if(xmlHttp.readyState ===0 || xmlHttp.readyState ===4){
             name = encodeURIComponent(document.getElementById('name').value);
             company = encodeURIComponent(document.getElementById('company').value);
             nationalities = encodeURIComponent(document.getElementById('nationality').value);
             phonenumber = encodeURIComponent(document.getElementById('phonenumber').value);
             queryString = "?name=" + name + "&?company=" + company + "&?nationalities=" + nationalities + "&?phonenumber=" + phonenumber + "&?URL= newuser";
             xmlHttp.open("GET", "/php/database.php?" + queryString, true);
             xmlHttp.onreadystatechange = handleServerResponse;
             xmlHttp.send(null);
           }else{
               setTimeout('newuser()', 1000);
           }
       }

       function handleServwerResponse(){
           if(xmlHttp.readyState ===4){
               if(xmlHttp.status === 200){
                   xmlResponse = xmlHttp.responseXML;
                   xmlDocumentElement = xmlResponse.documentElement;
                   message = xmlDocumentElement.firstChild.data;

                   if(message === 1){

//I want to call a function here, so i can change the include path

               }else{
                   document.getElementBy("underInput").innerHTML = 'User already exist klick to sign in here <p style="color:blue" onclick=""></p>';
               }
           }

       }
   }




}

I'm not sure exactly what you're trying to do. If you're simply trying to change what data the server is returning, you should just have the server return the appropriate data from the initial ajax call. Write your server return to return the data the javascript needs, rather than returning a status, and having javascript try to change what's being included. In your example, message === 1, can you write instead that message === 'whatever content javascript needs'?

Collectives™ on Stack Overflow

Changing include direction with javascript

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related