Effekt wie beim Buschfunk von studiVZ/schuelerVZ/meinVZ

  • Effekt wie beim Buschfunk von studiVZ/schuelerVZ/meinVZ

    Hallo ;)

    Gibt es eigentlich so ein fertiges Script (wie z.B. von jQuery oder aehnlichem), welches die Effekte anbietet? Sprich man gibt in einem Textfeld eine Nachricht ein und er aktualisiert es dann unten in einem Div automatisch, nachdem auf den Button geklickt wurde?

    Lieben Gruß und vielen Dank im Voraus.

  • nein, eine fertige Lösung habe ich nicht gefunden.
    Aber wenn du den Effekt nachbauen willst, gebe ich dir ein paar Tipps (nur kurz, habe gerade keine Zeit zum experimentieren)

    Schritt1:
    Div Container erstellen, der sich nach Absenden mit dem Inhalt genau über das Eingabefeld legt.
    Schau dir dazu die folgende Wiki Seite an: [wiki]Größe eines DIV herausfinden[/wiki]

    Mal ein Ansatz

    Quellcode

    1. function foo(form) {
    2. var div = document.createElement('div');
    3. div.style.backgroundColor = '#ff0000';
    4. div.style.width = form.eingabefeld.offsetWidth+'px';
    5. div.style.width = form.eingabefeld.offsetHeight+'px';
    6. div.innerHTML = form.eingabefeld.value;
    7. document.getElementsByTagName('body')[0].appendChild(div);
    8. return false;
    9. }


    Quellcode

    1. <form onsubmit="return foo(this)">
    2. <textarea name="eingabefeld" rows="5" cols="30"></textarea>
    3. <input type="submit" />
    4. </form>


    Schritt2: Den erzeugten Div Container kannst du mittels Jquery Transfer in dein Zieldiv einfaden lassen.
    Google mal ein bisschen: [google]Jquery Transfer DIV[/google], [google]Jquery Move div to div[/google], etc
    Beispiel: docs.jquery.com/UI/Effects/Transfer

    Schritt3: Daten per Ajax ans Backend senden, damit er wirklich gespeichert wird. Siehe $.post ;)