jquery fade in

Thorus · 07.02.2012, 16:24

Hi,

Ich habe im moment beschreibungen welche per php auf eine bestimmte laenge gekürzt werden, und dann beim klick auf einen button mit ajax nachgeladen werden und dann eingeblendet werden:

PHP-Code:

      $('.readMore').click(function(){

        count = $(this).attr("countDesc");

        $.get(

            "/php/getDescbyId.php",

            {

                animal: $(this).parent().parent().parent().attr("animal"),

                ID: $(this).attr("dbID"),

                prefix: $(this).parent().parent().parent().attr("class")

            },

            function(data){

                $("#countDesc" + count).html("<p>" + data + "</p>");

            }

        );

    });

Nur werden die im moment ziemlich hart eingeblendet, kann ich das auch infaden lassen? Wie genau wird dass dann aussehen?

Connar · 07.02.2012, 16:28

Das sollte dir weiter helfen: http://api.jquery.com/fadeIn/

MFG Connar

wolf29 · 07.02.2012, 16:29

Hi,

schauste hier:

http://api.jquery.com/fadeIn/

mfg Wolf29

Edit: zu langsam...

Thorus · 07.02.2012, 16:38

das hab ich mir schon angeschaut aber da werden ja nicht sichtbare objekte eingefaded, ich ersetze aber den inhalt eines bereits zu sehendes objektes mit einem anderen und das moechte ich gerne einfaden, oder sehe ich das falsch?

Wolfsblut · 07.02.2012, 16:44

Dann beginnt Deine Suche halt hier...

http://api.jquery.com/fadeOut/

nikosch · 07.02.2012, 16:48

Zitat:

Zitat von Thorus

Hi,

Ich habe im moment beschreibungen welche per php auf eine bestimmte laenge gekürzt werden, und dann beim klick auf einen button mit ajax nachgeladen werden und dann eingeblendet werden:

PHP-Code:

      $('.readMore').click(function(){

        count = $(this).attr("countDesc");

        $.get(

            "/php/getDescbyId.php",

            {

                animal: $(this).parent().parent().parent().attr("animal"),

                ID: $(this).attr("dbID"),

                prefix: $(this).parent().parent().parent().attr("class")

            },

            function(data){

                $("#countDesc" + count).html("<p>" + data + "</p>");

            }

        );

    });

Nur werden die im moment ziemlich hart eingeblendet, kann ich das auch infaden lassen? Wie genau wird dass dann aussehen?

Schade, dass jQuery so schlechte Codequalität fördert. Der Schnipsel ist an so vielen Stellen schlecht, dass man gar nicht weiß, wo anfangen:
- count wird hier global angelegt. Damit sind für mehrere Instanzen schon mal Probleme vorprogrammiert
- HTML kennt keine countDesc-Attribute. Man sollte data verwenden. Auch animal und dbID sind keine gültigen Attribute
- In JSON sollten die Bezeichner als Strings ausgezeichnet werden
- $(this).parent().parent().parent() geht gar nicht! Schaff echte Bezüge über Attribute oder Konfiguration. DOM kann sich ändern und schon schlägt das Ding fehl
- wiederholtes $(this).parent().parent().parent() erfordert immer wieder das Durchsuchen des DOM-Trees. Benutze Variablen/Closures
- $("#countDesc" + count) geht gar nicht. Eine ID soll einmalig sein. Eine ID123 ist eine schlechte Variante davon, gleich eine gescheite Referenz aufzubauen (Konfiguration.., siehe oben)

Thorus · 07.02.2012, 17:14

danke mit vorherigen fadeOut sieht das ganz schon viel besser aus...

@nikosch
ja ich hab mittlerweile verstanden dass ich kein besonders guter programmierer bin, aber ich mache das nur nebenbei ich hab mir alles selbst beigebracht und hab dementsprechend keine ahnung was man wie machen sollte....

Dark Guardian · 07.02.2012, 22:25

Zitat:

Zitat von nikosch

- count wird hier global angelegt. Damit sind für mehrere Instanzen schon mal Probleme vorprogrammiert

Wenn eine globale Deklaration noch nicht vorliegt werden hier einige Browser sogar mit einem Fehler abbrechen weil das "var" Schlüsselwort fehlt.

nikosch · 07.02.2012, 22:48

Ja? Ist mir noch nicht untergekommen. Gibts ne Quelle?

Dark Guardian · 08.02.2012, 00:42

Zitat:

Zitat von nikosch

Ja? Ist mir noch nicht untergekommen. Gibts ne Quelle?

Das speist sich aus persönlichen Erfahrungen.

Ich habe des öfteren Scripte, welche im Firefox funktionierten, im IE im nachhinein auf Fehler überprüfen müssen und oftmals scheiterte es eben an einem fehlendem "var" Schlüsselwort mit der Fehlermeldung "xyz is undefined".

Allerdings bekomme ich gerade keinen Testfall hin bei dem dieses Problem auftritt. Und Recherchen ergeben das ein wie von mir beschriebener Fehler gar nicht auftreten dürfte/kann, da das "var" Schlüsselwort wohl nur Einfluss auf den Scope haben sollte.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQueryLog new extension for debugging jquery (feedback request)	jquerylog	JavaScript, Ajax und mehr	8	26.12.2011 11:58
JQuery Ajax PHP Aktualisierung	thiagojonas	PHP Einsteiger	3	25.10.2011 23:22
jQuery UI Tabs komplett mit AJAX laden und letzt gewählten Tab wählen	K00S	JavaScript, Ajax und mehr	6	10.09.2011 13:54
[Erledigt] Jquery mobile form action verhalten unterdrücken	drsoong	JavaScript, Ajax und mehr	1	21.07.2011 14:57
jQuery: Select Area in Input Feld umwandeln	Elementus	JavaScript, Ajax und mehr	1	12.07.2011 20:31
Einsatz von Milestones (jQuery)	dreamcatcher	JavaScript, Ajax und mehr	4	28.06.2011 12:07
PHP und jquery	mehlwurm	PHP Einsteiger	13	30.05.2011 23:09
jQuery, einem DOM-Knoten eine Payload anhängen	Chriz	JavaScript, Ajax und mehr	6	22.12.2010 15:31
jQuery - Text an Cursorposition einfügen	Koala	JavaScript, Ajax und mehr	5	11.11.2010 21:28
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35

07.02.2012, 16:24
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	jquery fade in Hi, Ich habe im moment beschreibungen welche per php auf eine bestimmte laenge gekürzt werden, und dann beim klick auf einen button mit ajax nachgeladen werden und dann eingeblendet werden: PHP-Code: $('.readMore').click(function(){ count = $(this).attr("countDesc"); $.get( "/php/getDescbyId.php", { animal: $(this).parent().parent().parent().attr("animal"), ID: $(this).attr("dbID"), prefix: $(this).parent().parent().parent().attr("class") }, function(data){ $("#countDesc" + count).html("<p>" + data + "</p>"); } ); }); Nur werden die im moment ziemlich hart eingeblendet, kann ich das auch infaden lassen? Wie genau wird dass dann aussehen? __________________ http://rottmann-moebel.de/


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.02.2012, 16:28
Connar Erfahrener Benutzer Registriert seit: 22.01.2005 Beiträge: 606	Das sollte dir weiter helfen: http://api.jquery.com/fadeIn/ MFG Connar

07.02.2012, 16:29
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Hi, schauste hier: http://api.jquery.com/fadeIn/ mfg Wolf29 Edit: zu langsam... __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

07.02.2012, 16:38
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	das hab ich mir schon angeschaut aber da werden ja nicht sichtbare objekte eingefaded, ich ersetze aber den inhalt eines bereits zu sehendes objektes mit einem anderen und das moechte ich gerne einfaden, oder sehe ich das falsch? __________________ http://rottmann-moebel.de/

07.02.2012, 16:44
Wolfsblut Erfahrener Benutzer Registriert seit: 30.12.2011 Beiträge: 208 PHP-Kenntnisse: Fortgeschritten	Dann beginnt Deine Suche halt hier... http://api.jquery.com/fadeOut/

07.02.2012, 17:14
Thorus Erfahrener Benutzer Registriert seit: 04.05.2010 Beiträge: 152 PHP-Kenntnisse: Anfänger	danke mit vorherigen fadeOut sieht das ganz schon viel besser aus... @nikosch ja ich hab mittlerweile verstanden dass ich kein besonders guter programmierer bin, aber ich mache das nur nebenbei ich hab mir alles selbst beigebracht und hab dementsprechend keine ahnung was man wie machen sollte.... __________________ http://rottmann-moebel.de/

07.02.2012, 22:48
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja? Ist mir noch nicht untergekommen. Gibts ne Quelle? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --