Dynamisches Bewertungssystem mit Ajax

  • Naja.. es läuft ungefähr so ab.. Meistens sind die Lade-Grafiken schon auf der Seite angebracht und nur ausgeblendet.
    Kurz vor (oder direkt nach) einer Ajax-Anfrage blendet man das Bild ein und beim erhalten der Antwort einfach wieder aus^^

  • Ah, ich habe das jetzt nicht als Hintergrundbild, sondern einfach in ein anderes DIV per innerHTML eingefügt. So habe ich es versucht:

    Code
    document.getElementById("loading").style.backgroundImage = "../images/loading.gif";


    Aber mit innerHTML finde ich es irgendwie nicht so schön...

  • Zitat von "Yamram"
    Code
    document.getElementById("loading").style.backgroundImage = "../images/loading.gif";


    So, wie es in deinem Code steht, wird es als Hintergrund eingefügt.


    Wenn du es als HTML-Bild einfügen und nicht innerHTML nutzen willst, würde ich es so angehen:

    Code
    var bild = document.createElement("img");
    bild.setAttribute("src","./pfad/zum/bild.gif");
    bild.setAttribute("alt","Alternativtext");
    document.getElementById("loading").appendChild(bild);


    Erläuterung:

    • Ein neues IMG-Element erzeugen
    • src-Attribut setzen
    • alt-Attribut setzen
    • Element in Dokument einfügen


    Das alles kannst du auch auf SELFHTML nachschlagen.


    Ich hab den Code nicht auf Funktionalität getestet, müsste aber trotzsem laufen.


    Hoffe, ich konnte helfen,
    webmaster3000

  • Zitat von "Yamram"

    Ich glaube, du hast einiges nicht verstanden. Ich wollte kein Bild einfügen, sondern ein Hintergrundbild! Aber mein Code funktioniert nicht!!!!


    Ein Ausrufezeichen würde genügen. Dann ist denke ich mal der Pfad falsch? Oder du lässt das Div ausblenden?
    Ich hätte ja auch einfach ein <img /> genommen und es mittels css ausgeblendet. Dann muss ich mit JavaScript nur ganz einfach nen Einzeiler raushauen um es sichtbar zu machen.


    Ich muss glaube ich diese Taktik auch ma versuchen.. Firebug und Web-Konsole von dem Browser ignorieren, einmal kurz etwas probieren und dann suche ich mir jemanden, der für mich jeden kleinen Scheiß macht.
    Ich meine.. du willst ein Ajax-Bewertungssystem schreiben.. scheiterst aber daran eine Ladebild einzublenden? No Comment, sorry.. -.-

  • Mal eben zum Verständnis:


    Firebug - Add-on in Firefox
    Entwicklerkonsole vom Chrome - Findet man unter Einstellungen (dieses Werkzeug) -> Tools -> Javascriptkonsole


    Stimmt das soweit und was ist besser?

  • Die wesentlichen Funktionen findet man bei beiden - ich nehme auf die Schnelle meist das Chrome-Teil, was daran liegt, dass ich Chrome standardmäßig benutze.. Wenn ich allerdings länger rumprobiere, nehme ich Firebug, macht irgendwie mehr Fun.. Aber wie schon gesagt, ausprobieren, mit beiden mal länger rumspielen und dann selber entscheiden.. Probieren geht über studieren ;)


    Gruß

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!