| |
Vorheriges Thema:
Nächstes Thema: |
| Autor |
Nachricht |
dadsen
Anmeldungsdatum: 16.01.2009
Beiträge: 1
|
 Verfasst am: 16.01.2009 07:31:32 Titel: Containerinhalte ändern wenn..... |
 |
|
Habe in einer HTML-Datei mehrere DIV-Container.
Ich möchte bei
Änderung im DIV-a (z.B. Klick auf Navigationspunkt)
den Inhalt im DIV-b (z.B Austausch einer pdf-Datei)
verändern.
Funktioniert das nur durch Verwendung von SPRY oder geht das auch mit Javascript ?
danke dadsen |
|
| Nach oben |
|
 |
Frosty
Häufiger Poster
Anmeldungsdatum: 27.10.2008
Beiträge: 221
|
| Verfasst am: 16.01.2009 09:32:53 Titel: |
|
|
Ja, das geht unter anderem mit JavaScript. Ich selber mache das aber so nicht, sondern nutze eine Serversprache wie PHP. Vllt. verstehe ich dein Anliegen auch nicht 100%ig, aber du kannst durch klick auf den Link in der Navigation doch einfach eine neue Seite laden bzw. per PHP-Variable den Inhalt in den zweiten Container laden. z.B.:
| Code: |
if($_GET['con'])
{
$inhalt = "Hier ist meine PDF";
}
<a href="seite.php?con=pdf">Link</a>
<div><?php echo $inhalt;?></div> |
Mit Javascript könnte das ungefähr so aussehen:
| Code: |
<html>
<head>
<script language="javascript">
function content(value){
var Text = "";
switch (value) {
case 'link1': Text = "Text 1";
break;
case "link2": Text = "Text 2";
break;
case "link3": Text = "Text 3";
break; }
document.getElementById("container").firstChild.nodeValue = Text;
}
</script>
</head>
<body>
<div id="container"> </div>
<a href="#" onclick="javascript:content('link1')">link 1</a>
<a href="#" onclick="javascript:content('link2')">link 2</a>
<a href="#" onclick="javascript:content('link3')">link 3</a>
</body>
</html> |
|
|
| Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|
FAQ
Suchen
Mitgliederliste
Benutzergruppen
Registrieren
Profil
Einloggen, um private Nachrichten zu lesen
Login
