Inhalt des Links via "onclick" laden, ohne dass die Seite neugeladen werden muss.

[nordi]

Hi, aus einer Datenbank werde Namen ausgelesen, die verlinkt sind. Ich würde gerne diesen Inhalt des Links via "onclick" laden, ohne dass die Seite neugeladen werden muss. Ich weiß, wie das mit Bildern geht, kann man das aber auch mit Html-Seiten bzw div-Layer machen? Mit Bildern habe ich es so gemacht:

<script language="JavaScript">
<!-- begin
// Bilder bekannt machen

var bild1 = new Image();
var bild2 = new Image();

bild1.src = "img/content/schulung.jpg";
bild2.src = "img/content/theken.jpg";

// Funktion zum Tauschen der Bilder
function Zeigen(Bildname)
{
eval("document['wechselbild'].src = " + Bildname + ".src");
}
// end -->
</script>

Dem Bild, welches gewechselt werden soll, hab ich dann den name-tag = wechselbild gegeben und durch den Link

href="javascript:void(0)" Onclick="Zeigen('bild1')"

angezeigt. Kann man das auch mit div-Layern oder Html-Seiten?

 

[kuddeldaddeldu]

Hi,

wenn Du die Inhalte wirklich nachladen willst, müsstest Du das per Ajax machen. Ansonsten könntest Du alle Inhalte in versteckten DIVs mit ausliefern und per onclick das entsprechende einblenden. Ob das sinnvoll ist, hängt von der Menge der Links und der Datenmenge der Inhalte ab.

LG

 

[nordi]

Hi, danke schonmal für die Antwort! Hast du zufällig Referenzlinks dazu?

 

[C-H]

Hi!

Ein sehr einfaches Tutorial findest du hier:
http://rajshekhar.net/blog/archives/85-Rasmus-30-second-AJAX-Tutorial.html

Es ist sehr simpel gehalten und dir zu einem schnellen Einstieg verhelfen.