Link in einem DIV-Layer öffnen!

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Nemesis Force, 4. August 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 4. August 2008
    Hallo,
    also ich habe mal im Internet gesucht um folgendes Problem zu lösen:

    Ich habe eine Navigation die sieht so aus:
    HTML:
    <div id="navBar">Link1 | Link2 | Link3</div>
    und einen DIV-Layer der sieht so aus:
    HTML:
    <div id="inhalt">Hier steht der Inhalt!</div>
    Jetzt möchte ich, wenn ich auf einen Link klicke, das der Inhalt nur in dem DIV-Layer angezeigt wird. Wie funktioniert das? Ich hab wie gesagt schon mal nachgeschaut und das sollte mit Ajax, JS und so nem HTTPRequest oder so funktionieren, leider komme ich damit nicht so recht klar und iFrames kommen nicht in Frage! Wer kann mir da mal schnell helfen? Lösungsansätze und Quellcodes würden mir sicher helfen! Danke schonmal im voraus!
     
  3. 4. August 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    AW: Link in einem DIV-Layer öffnen!

    No File | xup.in <- laden

    Datei load.php mit nachfolgendem Inhalt anlegen ...

    PHP:
    <? php
    $url      =  $_GET [ 'link' ];
    ?>
    <iframe src="<?=$url?>" style="width:100%; height:100%" scrolling="auto" frameborder="0"></iframe>
    Deine Datei in der du das ganze verwenden willst sollte so aussehen ...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page Loader</title>
<script type="text/javascript" src="ajaxloader.js"></script>
</head>

<body>
<div id="navBar">
 <a href="javascript:void(0);" onclick="javascript:ajaxpage('load.php?link=http://www.web.de','inhalt');">Link #1</a> |
 <a href="javascript:void(0);" onclick="javascript:ajaxpage('load.php?link=http://www.ebay.de', 'inhalt');">Link #2</a> |
 <a href="javascript:void(0);" onclick="javascript:ajaxpage('load.php?link=http://www.gmx.de','inhalt');">Link #3</a>
</div>
<br />
<div id="inhalt">Hier steht der Inhalt!</div>
</body>
</html>
    Sollte gehen. Bei Fragen, fragen!
     
  4. 4. August 2008
    AW: Link in einem DIV-Layer öffnen!

    WOW!!! Danke schön, Bewertung haste!

    ~closed
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.