Spreeblick

Produkte mark von Max Winde | 40

Worst Code Ever!

Nur faden muss das ganze jetzt noch irgendwie…

Max Winde 25.09.2007 um 22:46

Produkte

Du kannst kommentieren, oder einen Trackback von deinem Blog aus setzen.

40 Kommentare

01

Johnny:
Erster!

25.09.2007 um 23:17 | Antworten
Alle Kommentare von Johnny
02

Dirk Olbertz:
Hauptsache jQuery. Der Rest wird dann schon automatisch gut :-)

25.09.2007 um 23:18 | Antworten
Alle Kommentare von Dirk Olbertz
03

Johnny:
Wollt’ ich auch gerade tippen, Dirk kam mir zuvor.

25.09.2007 um 23:20 | Antworten
Alle Kommentare von Johnny
04

remei:
ähm, ist nicht jeder Code unleserlich, wenn man ihn nicht formatiert?

25.09.2007 um 23:20 | Antworten
Alle Kommentare von remei
05

jjblade istdicht:
jquery rulez! Das Framework für die Blinkewelt!

25.09.2007 um 23:22 | Antworten
Alle Kommentare von jjblade istdicht
06

OverFlow:
Was hat das mit Code zu tun? Unterscheidet man nicht umsonst zwischen Script- und Programmiersprachen? worsethanfailure.com bleibt für diese Domäne Anlaufpunkt Nummer 1.

25.09.2007 um 23:27 | Antworten
Alle Kommentare von OverFlow
07

Max:
@remei: der ist formatiert. :)

25.09.2007 um 23:31 | Antworten
Alle Kommentare von Max
08

chrissie:
Ach was so schlimm ist das nicht, da habe ich schon schlimmeres gesehen!

25.09.2007 um 23:35 | Antworten
Alle Kommentare von chrissie
09

remei:
@Max: hab ich schon befürchtet… Mache seit Jahren nur noch in XSLT und da gibts ja keine Formatierung als die Struktur selbst.

25.09.2007 um 23:41 | Antworten
Alle Kommentare von remei
10

macdet:
jquery, und auch der mobbing-gegner kann Photos darstellen :)

mit Django ein Gen(i)us(s), wenn mir jetzt noch einer css beibringt :(

25.09.2007 um 23:49 | Antworten
Alle Kommentare von macdet
11

Max:
Aber was machen diese neun Zeilen denn nun? (Sind inzwischen übrigens zehn.)

25.09.2007 um 23:49 | Antworten
Alle Kommentare von Max
12

silvi:
wer soll das denn wissen, wenn nicht du???

26.09.2007 um 00:00 | Antworten
Alle Kommentare von silvi
13

Max:
Nimm es als eine Art Rätsel. (Also, klar, ich weiss es ich habe diesen Code ja geschrieben und auch getestet, aber man könnte, wenn man versucht ihn zu verstehen…)

26.09.2007 um 00:06 | Antworten
Alle Kommentare von Max
14

Frédéric:
roter faden? Und wo kommt nochmal das Internet her?

26.09.2007 um 00:06 | Antworten
Alle Kommentare von Frédéric
15

nilz:
was ist das?

26.09.2007 um 00:12 | Antworten
Alle Kommentare von nilz
16

Max:
aus-faden. aus der Wand.

26.09.2007 um 00:25 | Antworten
Alle Kommentare von Max
17

d_l:
Kommentar von einem Programmierer:

“It creates a custom tooltip when you hover over something… the code
is formatted rather poorly (making it hard to read), but the way it’s
processing stuff isn’t TOO bad. What are the Germans saying about it?”

Aha. Also was ist denn jetzt damit? :P

26.09.2007 um 00:38 | Antworten
Alle Kommentare von d_l
18

Malte:
verstünde ich wenigstens verdammten bahnhof

26.09.2007 um 00:50 | Antworten
Alle Kommentare von Malte
19

leo:
Das sieht so aus, als ob man einen Tooltip mit Kommentartext zu sehen bekommt, wenn man mit der Maus über einen bestimmten Link rollt.
Hättest du die Zeile 4 auf sagenwirmal fuenf Zeilen verteilt (also so richtig verteilt, mit Zwischenvariablen oder so…), würden meine Augen jetzt weniger weh tun.

26.09.2007 um 01:45 | Antworten
Alle Kommentare von leo
20

leo:
@OverFlow: Ich wüsste nicht, warum man hier nicht von Code sprechen kann. Ein Code ist doch eine Kodierung für eine Sache. Z.B. Postleitzahlen für Orte, Telefonnummern für Telefonanschlüsse, Worte für Begriffe oder eben Quelltext für Programmverhalten. Etwas, das eine Zuordnung vom einen auf’s andere zulässt.

26.09.2007 um 02:00 | Antworten
Alle Kommentare von leo
21

Max:
Also, ein ToolTip ist es. Nur was steht drin? :)

26.09.2007 um 02:12 | Antworten
Alle Kommentare von Max
22

leo:
Was ist denn span.commenttext?

26.09.2007 um 02:42 | Antworten
Alle Kommentare von leo
23

erlehmann:
ich habe wirklich die befürchtung, das ginge mit xslt einfacher …
IMHO ist das ohnehin eine ganz blöde idee, so einen schwachsinn überhaupt zu produzieren.

26.09.2007 um 05:17 | Antworten
Alle Kommentare von erlehmann
24

uwe:
http://www.worsethanfailure.com

26.09.2007 um 06:01 | Antworten
Alle Kommentare von uwe
25

eller82:
ach du heilige *piep*. Sowas zu lesen macht ja echt keine Spaß und schlimmer noch, wenn man das auch noch komplett verstehen und vielleicht noch anpassen muss. Dann mal viel Erfolg!

26.09.2007 um 07:58 | Antworten
Alle Kommentare von eller82
26

Casa-Rock:
Ja, jquery und chaining. Damit kann man (leider) viel Schindluder treiben. Ich erlebe das fast tagtäglich, da ein Core-Entwickler von jQuery hier bei mir im Büro sitzt und immerwieder zeigt, wie schlimm Javascript ist :o)

26.09.2007 um 08:08 | Antworten
Alle Kommentare von Casa-Rock
27

macdet:
@Core-Entwickler von jQuery
telefoniert der zufällig gerne :) Hilfe könnte ich fast immer gebrauchen.

macdet
– hartz iv muss man sich leisten können –

26.09.2007 um 08:11 | Antworten
Alle Kommentare von macdet
28

mbirth:
Sieht für mich aus, als wenn da der Inhalt desjenigen SPAN.commenttext angezeigt wird, der vom Link eingeschlossen ist…

26.09.2007 um 08:23 | Antworten
Alle Kommentare von mbirth
29

Casa-Rock:
@macdet (27):

Naja, sofern er Zeit hat ;) Aber jQuery-Entwickler sind per se sehr hilfsbereit konnte ich feststellen…

26.09.2007 um 08:55 | Antworten
Alle Kommentare von Casa-Rock
30

Mark:
@erlehmann: Was hat XSLT mit JavaScript zu tun? Richtig. Nichts. (außer dass es eine apache-erweiterung gibt, mit der man JavaScript serverseitig einsetzen kann, aber das benutzt eh keiner)

Chaining (das ist keine sexuelle Praktik, sondern eine Eigenschaft der JS-Bibliothek jquery, um die es hier geht) ist eine tolle sache, wenn sie nicht übertrieben wird. Allerdings ist sie theoretisch ein bisschen performanter als die Objekte in “Zwischenvariablen” zu speichern (@leo).

Ansonsten ist jquery eine große Hilfe dabei, JavaScript “unobtrusive” zu benutzen. Schindluder (ich glaube das Wort benutze ich zum ersten Mal schriftlich!) kann man mit jedem Tool treiben.

26.09.2007 um 09:31 | Antworten
Alle Kommentare von Mark
31

ronaldi:
@overFlow

ein super kommentar, man merkt das du ein super programmierer sein musst willst.

cheers

26.09.2007 um 10:03 | Antworten
Alle Kommentare von ronaldi
32

w:
Ist das die Fortsetzung vom Da Vinci Code?

26.09.2007 um 10:26 | Antworten
Alle Kommentare von w
33

Ghost Dog:
First!

26.09.2007 um 12:19 | Antworten
Alle Kommentare von Ghost Dog
34

Hendrik:
Fürchterlicher Code. Ist man ja gewohnt.
Wenn das ganze noch Faden soll, füge hinter id=”pttooltipp” noch style=”display: none;” ein. Abschließend noch hinter $(’body’).append(tt); mit tt.show(); spielen.

26.09.2007 um 12:20 | Antworten
Alle Kommentare von Hendrik
35

erlehmann:
@max: man kann das javascript auch client-seitig einsetzen. gecko-basierte browser und ie6 können jedenfalls XSL, konqueror leider (noch) nicht. ich dachte, das könnte etwas sauberer sein als das hier.
so dürfte es doch möglich sein, mit XSL für jeden betroffenen link das tooltip-div zu generieren und mit javascript nur an der visibility rumzudoktern ?!
kann natürlich sein, dass ich den code tatsächlich nicht richtig verstehe (mea culpa).

26.09.2007 um 18:34 | Antworten
Alle Kommentare von erlehmann
36

Max:
XSLT? Uhhh…. Ich mochte XSLT noch nie. “Hey, lasst uns mal wieder eine neue Sprache basteln!” “Ja, und diesmal machen wir sie komplett in XML!” “Boa, was für eine Idee! Auch if-then-else Blöcke! Dafür werden uns alle Entwickler bis in alle Ewigkeit hassen!”

Nur falls das missverständlich ist: der Code da oben ist von mir. Und entgegen der landläufigen Meinung mag ich JavaScript ganz gern. (Also, nicht wie man Klassen definiert und erst recht nicht wie Vererbungen funktionieren, und die Sache mit dem ‘this’-Kontext…) Aber Methoden zur Laufzeit überladen, das ist der Scheiß auf den ich stehe. :) Und ich mag den kompakten Stil von jQuery, auch wenn er sagenhaft unleserlich ist. Er schreibt sich so schön schnell. Diese 9 Zeilen da oben werden nach dem Relaunch von Spreeblick ein echt nützliches Feature. Und bei dem $($(this).attr(’href’)) hatte ich für einen kurzen Moment so ein kleines Unendlichkeitsgefühl, wie man es sonst nur von nicht ganz so weichen Drogen kennt.

26.09.2007 um 18:51 | Antworten
Alle Kommentare von Max
37

Johannes:
Worst Code ever? Erzähl mir nix, ich hab heute Diplomvorprüfung in IT geschrieben. Mit C-Code. Wäre hergottnochmal froh gewesen wenn ich jQuery-Schweinereien vorgesetzt bekommen hätte. Aber dazu hab ich wohl den falschen Studiengang. Ach was solls, PARTY! Die Prüfungen sind rum! :)

26.09.2007 um 19:38 | Antworten
Alle Kommentare von Johannes
38

sebster:
$(function(){

$(”a.ptLink”).hover(
function(){
$(”div.pttooltip”).remove();
var tt = $(”div”).attr(”id”,”pttooltip”).css(”display”,”none”).empty()
.append($($(this).attr(”href”) +”span.commenttext”).html())
.css(this.offsetLeft +”px”).css(”top”, this.offsetTop + 20 + “px”);
$(”body”).append(tt);
$(”div.pttooltip”).fadeIn(”slow”);
},
function(){
$(”div.pttooltip”).fadeOut(”slow”, function(){ $(this).remove();});
});
});

Ja, das weiche Unendlichkeitsgefühl.

26.09.2007 um 20:55 | Antworten
Alle Kommentare von sebster
39

leo:
Wassnnu mit der Auflösung? :)

02.10.2007 um 15:08 | Antworten
Alle Kommentare von leo
40

Max:
Ach, die Auflösung!

Die kommt hoffentlich Ende nächster Woche. :)

Wenn nichts dazwischen kommt.

04.10.2007 um 02:24 | Antworten
Alle Kommentare von Max

Worst Code Ever!

40 Kommentare

01 $("#commentnum-539200").click( function() { commentpager("539200", "539201"); return false; } );

02 $("#commentnum-539201").click( function() { commentpager("539201", "539202"); return false; } );

03 $("#commentnum-539202").click( function() { commentpager("539202", "539204"); return false; } );

04 $("#commentnum-539204").click( function() { commentpager("539204", "539207"); return false; } );

05 $("#commentnum-539207").click( function() { commentpager("539207", "539210"); return false; } );

06 $("#commentnum-539210").click( function() { commentpager("539210", "539212"); return false; } );

07 $("#commentnum-539212").click( function() { commentpager("539212", "539215"); return false; } );

08 $("#commentnum-539215").click( function() { commentpager("539215", "539217"); return false; } );

09 $("#commentnum-539217").click( function() { commentpager("539217", "539223"); return false; } );

10 $("#commentnum-539223").click( function() { commentpager("539223", "539224"); return false; } );

11 $("#commentnum-539224").click( function() { commentpager("539224", "539228"); return false; } );

12 $("#commentnum-539228").click( function() { commentpager("539228", "539230"); return false; } );

13 $("#commentnum-539230").click( function() { commentpager("539230", "539231"); return false; } );

14 $("#commentnum-539231").click( function() { commentpager("539231", "539240"); return false; } );

15 $("#commentnum-539240").click( function() { commentpager("539240", "539254"); return false; } );

16 $("#commentnum-539254").click( function() { commentpager("539254", "539261"); return false; } );

17 $("#commentnum-539261").click( function() { commentpager("539261", "539270"); return false; } );

18 $("#commentnum-539270").click( function() { commentpager("539270", "539297"); return false; } );

19 $("#commentnum-539297").click( function() { commentpager("539297", "539310"); return false; } );

20 $("#commentnum-539310").click( function() { commentpager("539310", "539320"); return false; } );

21 $("#commentnum-539320").click( function() { commentpager("539320", "539343"); return false; } );

22 $("#commentnum-539343").click( function() { commentpager("539343", "539449"); return false; } );

23 $("#commentnum-539449").click( function() { commentpager("539449", "539472"); return false; } );

24 $("#commentnum-539472").click( function() { commentpager("539472", "539552"); return false; } );

25 $("#commentnum-539552").click( function() { commentpager("539552", "539556"); return false; } );

26 $("#commentnum-539556").click( function() { commentpager("539556", "539557"); return false; } );

27 $("#commentnum-539557").click( function() { commentpager("539557", "539562"); return false; } );

28 $("#commentnum-539562").click( function() { commentpager("539562", "539577"); return false; } );

29 $("#commentnum-539577").click( function() { commentpager("539577", "539600"); return false; } );

30 $("#commentnum-539600").click( function() { commentpager("539600", "539621"); return false; } );

31 $("#commentnum-539621").click( function() { commentpager("539621", "539631"); return false; } );

32 $("#commentnum-539631").click( function() { commentpager("539631", "539709"); return false; } );

33 $("#commentnum-539709").click( function() { commentpager("539709", "539710"); return false; } );

34 $("#commentnum-539710").click( function() { commentpager("539710", "539962"); return false; } );

35 $("#commentnum-539962").click( function() { commentpager("539962", "539993"); return false; } );

36 $("#commentnum-539993").click( function() { commentpager("539993", "540024"); return false; } );

37 $("#commentnum-540024").click( function() { commentpager("540024", "540072"); return false; } );

38 $("#commentnum-540072").click( function() { commentpager("540072", "543816"); return false; } );

39 $("#commentnum-543816").click( function() { commentpager("543816", "544794"); return false; } );

40

Diesen Artikel kommentieren

Vorschau

Frischer Spreeblick

Eselsohren

[Archive]

Neueste Artikel

Pop

Politik

Produkte

Positionen

Meistkommentiert

Frisch Kommentiert

Feeds

Blogroll

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39