Jump to content
  • 0

How to create a Box like this?


Question

Posted (edited)

Hello Community,

 

I want to ask you, how to create a box like this on my homepage:


post-14751-0-60884500-1379628983_thumb.png

post-14751-0-07844500-1379628984_thumb.png

post-14751-0-48661200-1379628984_thumb.png

post-14751-0-93875200-1379628984_thumb.png

you can see that the homepage doens't have to reload to show the information inside that "box".

can someone tell/help me?

Edited by leertaste

7 answers to this question

Recommended Posts

Posted (edited)


<script>

function reload(target, site) {

var ajaxRequest;

try { ajaxRequest = new XMLHttpRequest(); }

catch (e) {

try {

ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e) {

try { ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); }

catch (e) {

alert("Your browser broke!");

return false;

}

}

}

ajaxRequest.onreadystatechange = function() {

if(ajaxRequest.readyState == 4) {

var ajaxDisplay = document.getElementById(""+target+"");

ajaxDisplay.innerHTML = ajaxRequest.responseText;

}

}

ajaxRequest.open("GET", "/"+site+"/", true);

ajaxRequest.send(null);

}

</script>

Edited by Sunzuke
Posted

Hi leertaste,

 

I'm not sure what Thor v2 is talking about. This can be accomplished with frames and links with the target specified as the label of the frames. Basic HTML.

 

 

<a target="frame_name" href="information.html">Link</a>

 

http://www.w3schools.com/html/html_iframe.asp

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_iframe_target

Using frames is outdated. To do it the "good" way you have to use Java that can load dynamic stuff without siterefresh. The problem at PHP is that the code is execute serverside. Java not.

You can take a look at 

Sunzuke

he make it right ;)

Oh du bist der Beste :D

Irgendwas habe ich aber 100%ig falsch gemacht..

Das Ganze schaut bei mir jetzt nämlich so aus:

attachicon.gifUnbenannt.png

Will be helpfull if we can see your comeplete code.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...