Schlagwort-Archive: Javascript

@Anywhere Hovercards im offiziellen Twitter Widget

Twitter, , ,

Twitter bietet für eigene Webseiten mit @Anywhere die Möglichkeit einige Informationen und Funktionen Twitters auf der eigenen Homepage anzubieten – so auch schicke Hovercards, die bei Links auf Twitterkonten aufgehen und zusätzliche Infos und Funktionen zu einem Konto anbieten. Try it: @freakcommander

Das verwunderliche ist, dass die Twitter-eigenen Widgets trotz Einbindung der @Anywhere-Unterstützung keine Hovercards anzeigen. Um das Problem zu beheben, reicht folgender JQuery-Code aus:

[code=’js‘]

[/code]

Und schon erhält man auch Hovercards im Widget:
Offizielles Twitter-Widget mit Hovercard

Colorbox: Link in der Box öffnen

Computer, , , ,
Die Colorbox mit Homer
Die Colorbox mit Homer

Die Colorbox von Jack Moore ist großartig: Bilder, Videos, HTML: alles mögliche kann in dieser Lightbox dargestellt werden.

Was allerdings so nicht vorhanden ist, ist die Möglichkeit, dass Links, die innerhalb der Lightbox aufgerufen werden, auch innerhalb der Lightbox geöffnet werden.

Dazu muss innerhalb von $(document).ready(function(){}, in der die Colorbox an die Elemente gebunden werden, folgender Code eingefügt werden:
[code lang=’jscript‘]
$(„a.incolorbox“).live(‚click‘, function(event) {
event.preventDefault(); // native javascript function
$.fn.colorbox({ href: $(this).attr(„href“), open: true})
});
[/code]
Wenn nun innerhalb der Colorbox ein Link zur Klasse „incolorbox“ gehört, wird dieser innerhalb der Colorbox geöffnet.

Javascript: Browser Ball

Computer, , , ,
Der springende Ball
Der springende Ball

Meistens wird Javascript für so „spannende“ Sachen eingesetzt wie Formularmanipulation oder in Ajax-Anwendungen (bspw. ist der automatische Vorschlag von Suchbegriffen bei der Wikipedia mit Ajax (also Javascript) realisiert).

Sehr schön finde ich Browser Ball: Hier kann man einen Ball erzeugen, der nicht nur in einem Fenster hin und her springt, sondern auch in angrenzende Fenster rüberspringt. Man kann also viele aneinander liegende Fenster erzeugen und der Ball fliegt durch alle Fenster durch. Ich wusste gar nicht, dass sowas mit Javascript geht.. Sehr beeindruckend.