Grow your CSS skills. Land your dream job.

Load a php page into a div

  • # July 14, 2012 at 5:27 pm

    Hello. I am new here, and I am sorry if this discussion has already been posted and if I posted it in the wrong category :(.
    I will get to the point and my problem which doesn’t let me sleep at night xD.

    First I will explain what I want to do. I want to load a php file a div located in the current structure of the website. You might say that this is no problem, but things get a bit complicated. To get a perfect understanding the layout of my website is as current :

    My navigation is at the top of the page. Below the navigation I have 2 containers ( divs ). One includes a menu, which is located on the left side, and on the right side I have the content in which should the php file load when a link from the left menu is clicked. I have tried with AJAX, jQuery and couldn’t get it to work. I might have done something wrong, but I don’t know where. So basically I want to load a php file into the right container after clicking a link from the left container without leaving the current page.

    Hope you can help me out a bit, or point me in the right direction. Thank you for your time, and again I am sorry if I posted it in the wrong category.

    Have a good day,
    ShiDomY

    # July 14, 2012 at 7:46 pm

    Attach CDN hosted jQuery, put this in < head >.

     

    Add this at end of < body > tag.
    Make document load on click, placeholders below are self explanatory.

     
    # July 14, 2012 at 9:44 pm

    Thank you for your fast response.
    I have inserted the script at the end of the body tag, and added the CDN jQuery in the head tag. Changed the placeholders matching my div id’s, but it will not load the requested page. Probably I am doing something wrong?

    # July 14, 2012 at 10:25 pm

    Are you doing it on a live server? It is a server side request so you need to be on a live server in order for it to work…

    # July 15, 2012 at 5:31 am

    Yes I am doing it on a live server.

    Edit: Still cannot get it to work, and don’t know where I am doing wrong. When clicking the link from the div nothing happens.

    # July 16, 2012 at 8:33 am

    Here is an example http://jsfiddle.net/L9ghH/22/ .
    Instead of using a .php file, I loaded one of jsfiddle’s local CSS stylesheets (Don’t tell them :D). Because .load() only works for files on the same server that are accessed locally, In other words without ” http:// “.

    # July 16, 2012 at 9:32 am

    That will come in handy :). Thank you mmoustafa. I think I know where the problem is. The thing is that I am trying to load with a defined admin folder. For example : HTTP_SERVER_ADMIN. And I was trying to load with the first js you posted like this :


    And I think that might be wrong, or JS doesn’t allow defined locations of folders :-??

    Edit: Maybe I should’ve done this in the first place, and show you how my website is structured.






    Some text



    Some other text






    Now, using the js mmoustafa posted it should go like this…and correct me if I am wrong :



    I might be blind on this one, but I just cannot see what is wrong.

    # July 16, 2012 at 6:20 pm

    Ok, I made to work. Had to do some changes to my current design, that’s why it wasn’t working. Thank you again mmoustafa, you are a life saver ^_^

    # July 18, 2012 at 7:28 am

    No problem, you’re welcome.
    Please mark the discussion solved.

    # April 17, 2013 at 2:47 am

    @mmoustafa greate work bro…

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".