Jump to content
  • 0

How to create a Box like this?


leertaste

Question


  • Group:  Members
  • Topic Count:  41
  • Topics Per Day:  0.01
  • Content Count:  137
  • Reputation:   1
  • Joined:  02/02/13
  • Last Seen:  

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
Link to comment
Share on other sites

7 answers to this question

Recommended Posts


  • Group:  Members
  • Topic Count:  130
  • Topics Per Day:  0.03
  • Content Count:  528
  • Reputation:   18
  • Joined:  09/11/12
  • Last Seen:  

Sounds like Java. There is also a way in PHP but this is not as goog as Java.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  3
  • Topics Per Day:  0.00
  • Content Count:  707
  • Reputation:   168
  • Joined:  01/26/12
  • Last Seen:  

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

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  17
  • Topics Per Day:  0.00
  • Content Count:  76
  • Reputation:   3
  • Joined:  02/24/12
  • Last Seen:  


<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
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  130
  • Topics Per Day:  0.03
  • Content Count:  528
  • Reputation:   18
  • Joined:  09/11/12
  • Last Seen:  

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.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  41
  • Topics Per Day:  0.01
  • Content Count:  137
  • Reputation:   1
  • Joined:  02/02/13
  • Last Seen:  

Sunzuke send me this file:

salesch.eu/soeinebox/soeinebox.rar

I tried to put this onto my homepage but I am sure I did something wrong.
This is what it looks like:


post-14751-0-11527600-1379862998_thumb.png

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  1
  • Topics Per Day:  0.00
  • Content Count:  104
  • Reputation:   4
  • Joined:  06/23/12
  • Last Seen:  

its use jquery . try to learn some jquery basic ;)

Link to comment
Share on other sites

×
×
  • Create New...