Das ist alles zu viel (glaube ich)

[analogbernd]

Hallo,

ich bin der Neue hier

Ich habe ein riesengroßes kleines Problem. Ich möchte in einem Projekt in kleinem Umfang die Bedienung verbessern, habe aber überhaupt keinen Schimmer von AJAX. Ich weiß nur, das es mir helfen kann

Es geht um einen Link bzw. um einen Datenbankeintrag. Bei Klick auf das Wort Gnobb (zu Deutsch: Knopf) soll in einer MySQL-DB in Tabelle gnoebbe Feld faden eine 1 eingetragen werden.

Jetzt kommt AJAX --> Wenn das erfolgreich war dann soll der Link ( Gnobb ) verschwinden. Weg isser

Ich suche nun schon ne ganze Weile, leider finde ich nicht das Richtige. Sicherlich weil ich nicht mal weiß wie man das Ganze in AJAX umsetzt und dementsprechend nicht weiß nach welchen Funktionen ich suchen soll.

Das was ich so gefunden habe und meinem Vorhaben einigermaßen nah kommen könnte, sind leider nur Monsterscripte. Was ich selbst machen kann ist das PHP und die SQL. Aber wie lass ich nur den Gnobb verschwinden? Geil wäre das ja sogar wenn der Gnobb ein "wegfaden" würde. (Heißt es so?)

VIelleichthat einer von euch genau den richtigen Codeschnipsel rumliegen oder weiß wo ichs nachlesen kann.

Vielen Dank erstmal

Grüße

PS: Natürlich sollte das alles ohne Reload gehen.

[MuffiTehMaeh]

Hallo analogbernd (gibts dich auch in digital ) [kleiner scherz am rande haha wir haben alle herzlic gelacht ]

So du willst also wenn du auf nen Knopf klickst ein Datenbank query ausführen und danach den den Link "verschwinden" (wuuusch!!) lassen?

tutorial:shoutbox [AJAX-Community] schau mal da im Javascript Bereich...

So bevor jetzt wieder alle kommen mit ja deine Lieblingsaussage, klappt nicht, hab ich eine änderung quasi ^^

schau mal in die funktion shout():
da steht in der zeile unter dem Funktionsnamen

document.getElementById("ajax_butt").value = "Sende...";

wenn du nun also den Link in einem Span, div oder sonst einem HTML Element hast das eine Id hat, könntest du mit

document.getElementById("NameDesElements").value = '';

Den Inhalt des Elementes "löschen". Es würde also der link quasi verschwinden.

bei Fehlern bitte sagen auch ich amche diese

Gruß
Richard | Muffi

[analogbernd]

Vielen Dank erstmal. Auch wenn das Script seit 2006 "ungetestet" ist und nicht läuft, versuche ich mal das notwendige da rauszuholen. Mal schauen wie weit ich komme.

[MuffiTehMaeh]

Also ich habs schonmal getestet
und es lief, von daher ^^ kA wieso da noch steht "nicht fertig" ^^

Gruß
Richard | Muffi

[tecM0]

Wenn du die buttons auch noch "wegfaden" willst, würde ich dir empfehlen von Anfang an eine Javascrip-Library zu benutzen. Damit kannst du AJAX und
visuelle Effekte viel einfacher handhaben.

Mein Favorit: jQuery

Und hier mal schnell einige Tutorials dazu:

Simplify Ajax development with jQuery
Easy Ajax with jQuery [JavaScript & Ajax Tutorials]
Quick and Dirty AJAXby15 Days Of jQuery

51+ Best of jQuery Tutorials and Examples | Noupe


Gruss,
sven

[analogbernd]

Vielen Dank. Ich habe mir bereits solch ein Ding reingebastelt. Nach langem Lesen und probieren habe ich mich entschieden, prototype und scriptaculous... zu nutzen. Ist für nen Anfänger sicherlich einfacher um schnell ein Ergebnis zu erzielen.

Meinen Gnobb habe ich auch schon.

<a style="text-decoration:none;" href="#" onclick="Effect.DropOut(this,{duration:4.0});">plus</a>

Jetzt muss ich noch schauen, wie ich die Daten in die DB bekomme. Ich will mal vermuten, AJAX kann das nicht direkt. Ich muss also eine PHP-Datei dazwischen packen. Die vielen Tuts die ich so finde, liefern aber alle irgendetwas zurück und bringen nen Alert oder ne neue Seite oder sonst was. Bei dem vielen Lesen im Netz habe ich gesehen, was AJAX so alles kann. Sehr interessant. Ich habe mir das Buch AJAX - Grundlagen, Frameworks, APIs (ISBN 978-3-89842-857-6) besorgt. Kennt das jemand? Wenn ja, welche Seite könnte für mich der richtige Einstieg sein wenn es um Datenbankeintragungen geht? Auf jeden Fall müsste wohl prototype da Möglichkeiten bieten.


Grüße

[tecM0]

<a style="text-decoration:none;" href="#" onclick=$(this).hide('slow')">plus</a>

jQuery ...OBEY!

Anmerkung: Css und Events direkt im Tag sind "unschön". "Unobstrusive" d.h. den Event kann man per Javascript anfügen nachdem das Dokument fertig geladen ist und Css kommt meist aus einer Style-Definition (css-Datei).

MFG,
Sven

[tecM0]

Noch ein Tutorial:

JCargoo for Technology and Programming: Easy introducing to Unobtrusive JavaScript



S.