Button anklicken, nur Text �ndert sich.

04/24/2012 20:11 DasPrinzip.#1

Liebe Community,

erstmal Entschuldigung f�r diese Topic-�berschrift. Mir ist aber nichts besseres eingefallen.

Ich habe eine Homepage gemacht. Bei dieser habe ich einen Header mit Logo und Button.
Danach kommt der Mittelteil. Dieser ist jeweils in 2 H�lften aufgeteilt.
Die obere H�lfte beinhaltet einen kleinen Einleitungstext.
Die untere H�lfte hat eine Navigation mit einem Text, der rechts daneben steht. In dieser Navigation will ich einbauen, dass sobald der Button angeklickt wird nur der Text neben der Navigation �ndert. Das andere jedoch unver�ndert bleibt.

Geht sowas? Wenn ja k�nntet ihr mir das erkl�ren? Ich wusste nicht, nach was ich googlen sollte. Darum frage ich hier ;)

Ich bedanke mich schonmal f�r hilfreiche Antworten!

Liebe Gr��e

DasPrinzip.

04/24/2012 20:20 マルコ#2

Ja, es geht. Dazu nimmst du JS. Falls du den Text vorher schon wei�t musst du ihn nur austauschen, ansonsten kannst du per AJAX ein Request machen und den Text vom Server holen. Ich empfehle jQuery zu benutzen.
Per google "Div Inhalt mit JS �ndern" kannst du bestimmt was finden!

ein einfaches Beispiel, wenn du den Text hast (egal woher) mit jQuery:

Code:

<div id="MyDIV">alter Text</div><br>
<input type="button" value="�ndern" onclick="newText();">

Code:

function newText()
{
  // Hol dir den Text von woher auch immer
  var text = "neuer Text";
  // der neue Text ist jetzt in der Variable "text"
  $("#MyDIV").html(text);
}

04/27/2012 19:18 dampfhammer96#3

minecrawler hat es schon auf den Punkt gebracht.

Du solltest nur erstmal so nach AJAX googlen. Lass jQuery erstmal aus dem Spiel, so verstehst du wohl eher wie es funktioniert, obwohl es komplizierter ist!

Das [Only registered and activated users can see links. Click Here To Register...] ist mein Favorit!

MfG Dampfhammer

04/27/2012 22:58 マルコ#4

Ich pers�nlich finde jQuery wichtiger als AJAX, weil man es viel �fter braucht und viel vielseitiger einsetzen kann. jQuery kann btw auch AJAX Requests absetzen f�r dich.
Wobei man f�r sowas eigentlich in beiden f�llen nur ein kurzes Tut durchschaun muss, und es dann so weit verwenden kann.

Naja, f�r jQuery reicht schon fast diese Beschreibung f�r die von mir genutzte Funktion aus:

Du schreibst einfach $() und in den Klammern dann einfach eine Art CSS Referenz. Also # f�r ID, . f�r Klasse, und ohne alles f�r einen Tag. Ich nutze dabei gerne IDs,weil die eindeutig sind. Also z.B.

Code:

$('#MyDIV')

Das kannst du dann wie ein Objekt benutzen. Also Funktionen damit aufrufen. z.B.:

Code:

$("#MyDIV").html();

Und mit der html() Funktion kannst du dir HTML Quelltext zwischen Tags anschauen, also z.B. den HTML Quelltext in einem DIV. und wenn du einen Parameter �bergibst, wird der Quelltext in den Wert der �bergebenen Variable ge�ndert. Auf der jQuery HP kannst du nat�rlich die gesamte Liste an Funktionen durchgehen, die du zur Auswahl hast, und daws ganze etwas genauer nachlesen.