✔ Seitenaufruf mit jQuery

[fredolin]

Hallo Leute,

muss mich nun doch mit jQuery beschäftigen... ui und aua...
Also was muss ich schaffen.. denke das es für einige hier was simples ist. Hab eine Navigation und aus der heraus soll ich dann Unterseiten über JavaScript aufrufen.

Wie kann ich so was machen, da ich mit diesen Sachen noch nie was zu tun gehabt habe.

<div id="customerlist">
		<div class="custhead"><h3 class="h3_custext">KundenListe</h3></div>
		<div id="shortcutbar"><h3 class="h3_indica"><a>&laquo;</a></h3></div>
		<ul class="custree">
			<li id="customerName"><a href="#">Bergbach, Walter</a></li>
			<li id="customerName"><a href="#">Frocky, Ingeborg</a></li>
			<li id="customerName"><a href="#">Neidsch, Ernst</a></li>
			<li id="customerName"><a href="#">Wiedenroth, Sascha</a></li>
			<li id="customerName"><a href="#">Schmidts, Fritz</a></li>
			<li id="customerName"><a href="#">Peters, Joachim</a></li>
			<li id="customerName"><a href="#">Watrum, Sabine</a></li>
			<li id="customerName"><a href="#">Klauf, Dany</a></li>
			<li id="customerName"><a href="#">Ammen, Christina</a></li>
		</ul>
	</div>

Da wo Kundenliste steht, sollte dann der Name stehn, der aus dem Menu angeklickt wurde und dann eine Liste von Aufgaben, die zu dieser Person gehören.

Quasi so sollte es dann aussehen

<div id="customerlist">
		<div class="custhead"><h3 class="h3_custext">Bergbach, Walter</h3></div>
		<div id="shortcutbar"><h3 class="h3_indica"><a>&laquo;</a></h3></div>
		<ul class="custree">
			<li id="customertakes"><a href="#">Kundenverwaltung</a></li>
            <li id="customertakes"><a href="#">Finanzverwaltung</a></li>
            <li id="customertakes"><a href="#">....</a></li>
		</ul>
	</div>

Kann mir da eine Helfen?

Bedanke mich vorab schon bei Euch..

Gruß
Fredolin

 

[ComFreek]

Du musst einfach ein onClick-Event mit dem Setzen der Überschrift verbinden:

$(function()
{
  $(".custree li a").click(function()
  {
     $(".h3_custext").html($(this).html());
  }
});

Übrigens muss eine ID (id="...") im ganzen HTML-Dokument eindeutig sein. Also darfst du nicht jedem Listenelement die gleiche ID vergeben. Stattdessen könntest du class oder name nutzen.

 

[fredolin]

Hallo ComFreek,
erstmal super danke für deine schnell antwort... ja das ich id's nur einmal verwenden kann, das weiß ich.. es war auch nur copy&past gewesen und dann nicht rüber geschaut.

so dieser ansatz hat mich weiter geholfen und denke das ich nun auch den rest schaffe.

So bringt es richtig spass..

Gruß
fredolin