Icon für RSS-Feed Link zum XING-Profil
Wählen Sie eine Hintergrundfarbe:
Schwarzer Hintergrund Blauer Hintergrund Hellblauer Hintergrund Rose Hintergrund Grüner Hintergrund Grüner Hintergrund Olivfarbener Hintergrund Gelber Hintergrund Sandfarbiger Hintergrund Beiger Hintergrund Weisser Hintergrund
Texthintergrund:
Schwarzer Hintergrund Weisser Hintergrund Transparenter Hintergrund


Ladebild
Brick in the Wall

Archiv für den Monat Mai 2009

Scroll Top Link (Teil 2)

Samstag, 30. Mai 2009

Wie angekündigt nun der Scroll Top Link mit der jQuery.scrollTo-Funktion von Ariel Flesler (… hier noch mal die Demo-Seite) .

Hierzu laden wir uns zunächst die neueste Version (momentan scrollTo-1.4.2) besagter scrollTop-Funktion herunter.
Dann entpacken wir die gezippte Datei in einen beliebigen vorher erstellten Order auf unserem PC und schieben die nun verfügbare Javascript-Datei auf unseren Webspace. Bei lokal installiertem Webserver in das entsprechende Verzeichnis auf unserem Rechner … zum Beispiel beim xampp in “c:/xampp/htdocs/…/scrollto-1.4.2-min.js“. (mehr…)

Scroll Top Link (Teil 1)

Dienstag, 26. Mai 2009

Nachdem wir nun in der Einleitung zu diesem Tutorial das jquery-Framework eingebunden haben, erstellen wir als nächstes eine eigene Scroll Top Funktion, die auf der jquery-Funktion animate aufbaut.

Dazu öffnen wir zunächst eine neue Datei in einem Editor (zum Beispiel Notepad++) und kopieren folgenden Quellcode hinein:

/*<![CDATA[*/
/* ###### Unsere Scroll Top Funktion ###### */

/* Sobald die Webseite fertig geladen wurde ... */
$(document).ready(function(){
   /* ... und der Scroll Top Link angeklickt wird ... */
   $('a#top').click(function(){
        /* ... entferne das href-Attribut ... */
        $(this).removeAttr('href');
        /* ... und scrolle nach oben! */
        $('html, body').animate({scrollTop:0},'slow')
   });
});
/*]]>*/

Der Quelltext dürfte sich durch die eingefügten Kommentare selbst erklären. (mehr…)

Scroll Top Link (Einleitung)

Dienstag, 26. Mai 2009

In diesem Tutorial möchte ich erklären, wie ein Scroll Top Link in die Webseite integriert werden kann.

Ein Scroll Top Link ermöglich es den Besuchern, nachdem sie die Seite fertig gelesen haben, bequem an den Seitenanfang zurück zu gelangen, ohne den Scrollbalken (oder die Nach-Oben-Taste) benutzen zu müssen. Dies gehört zum Usability und sollte auf keiner Seite fehlen, die viel Content und somit lange Seiten enthält. Dadurch wird dem Benutzer das Durchforsten der Webseite erleichert.

Dies kann auf 2 Arten realisiert werden. Bei der ersten springt die Seite direkt zum Anfang (Top) der Seite. Bei der zweiten Variante erfolgt dies animiert durch Javascript, dabei scrollt bzw. gleitet die Seite bis nach oben. Letzteres sieht elegant (smooth) aus und wird ihnen gefallen. Es erfordert jedoch aktiviertes Javascript im Browser. (mehr…)

Datenbank-Klasse in PHP

Montag, 25. Mai 2009

Um mit PHP eine Verbindung zu einer mySQL-Datenbank herzustellen, benötigt man unter anderem die mysql_connect()-Funktion von PHP.

Dabei wird es auf Dauer etwas mühselig, immer wieder auf´s Neue alle benötigten Funktionen einzubringen. Aus diesem Grund bietet es sich an, für den Zugriff auf eine Datenbank eine eigene objektorientierte Klasse zu programmieren, die einfach in jedes neue Projekt eingebunden wird (includiert oder required).
Für mein eigenes kleines CMS hatte ich vor längerer Zeit mal eine Klasse geschrieben, die nach Instanziierung eines Objektes folgendes ermöglicht: (mehr…)

Schlag den Raab: 3 Millionen Euro

Montag, 25. Mai 2009

… die würden nicht nur mir gut zu Gesicht stehen. Hat der Nino gut gemacht und direkt den Heiratsantrag seiner Freundin abgelehnt, wie ich gerade gelesen habe!
Nun ja, ich kann mir vorstellen, bei soviel Kohle würde wohl der eine oder andere ebenfalls vorsichtig werden.
Bei dem vorletztem Spiel mit dem Flummi war ich etwas irritiert … haben die in Kindertagen nie einen Flummi gegen die Hauswand geworfen? Ich kann mich daran erinnern, dass der Flummi immer im hohen Bogen zurück kam, wenn man ihn von unten geworfen hat. Aber ist ja auch egal … drin der Fisch.
Nun kann man ihm nur wünschen, dass er die Beine still hält und nicht alles verprasst. So eine Chance bietet sich wohl meistens nur einmal im Leben. Ich warte da auch noch drauf … also weiter Lotto spielen.

Mit am meisten mußte ich bei folgendem Ausspruch des Moderators schmunzeln (leider ist mir der Name gerade entfallen):

Pete Doherty … oder der englische Christiane F

Orientierungslos?! Vom rechten Weg abgekommen?!

Samstag, 23. Mai 2009

einmal-am-tag.de hilft euch dabei, wieder auf den richtigen Weg zurückzukehren. Eine Anleitung dazu findet ihr hier! Zum Starten des Videos einfach auf das Vorschaubild klicken.

Der Rechte Weg in Orientierungslos?! Vom rechten Weg abgekommen?!

In diesem Sinne noch ein schönes Wochende euch allen … genießt das schöne Wetter!

CSS Spezial: Gezieltes Ansprechen von HTML-Elementen

Donnerstag, 21. Mai 2009

Wer sich mit Cascading-Stylesheets befasst, sei es beruflich oder privat, definiert die Style-Informationen der grundlegenden Elemente im Allgemeinen in einer externen .css-Datei.

Vor allem Anfänger, die sich erst kurz mit dem Thema befasst haben, erkennen dabei nicht die weiterreichenden Möglichkeiten dieser deklarativen Stylesheet-Sprache, einzelne Elemente oder Bereiche gezielt ansprechen zu können. (mehr…)

Let´s get ready to rumble beim D.E.F.B. -Pokal

Donnerstag, 21. Mai 2009

… oder wie ich sagen würde: Promi-Klatschen mit Stefan Raab! Ja, auch ich gucke gelegentlich TV-Total, so auch gestern abend wieder mal. Zu Gast waren u.a. neben dem Top-Model-Clan auch der Schalke04-Fan (wie ich selber) und Schauspieler Peter Lohmeyer (“Das Wunder von Bern”) sowie Fussballer Steffen Freund, die beide beim D.E.F.B. -Pokal für den Schalke 04 auf die Eisfläche “steigen” (… wir erinnern uns, Steffen Freund spielte nach Schalke für den “Erzrivalen” Dortmund …). Was da so rüber kam, war meiner Meinung nach nicht von schlechten Eltern. (mehr…)

CSS Blitztutorial

Mittwoch, 20. Mai 2009

Cascading Style Sheets (CSS) haben die Aufgabe, die HTML-Seite bzw. die HTML-Elemente zum einen zu gestalten und zum anderen zu strukturieren.

Hierbei gibt es mehrere Möglichkeiten, Style-Informationen in eine HTML-Datei einzubringen. (mehr…)

TeamViewer (Remote-Desktop-Verbindung)

Mittwoch, 20. Mai 2009

Habe gerade eine Software zur Remote-Desktop-Verbindung entdeckt. Ist zwar schon etwas älter, aber anscheinend leicht zu konfigurieren/ installieren, was mir sehr entgegen kommt!
Meine alten Herrschaften haben sich nämlich vor kurzem auf mein Anraten hin einen Laptop gegönnt, den ich (als Fachmann) natürlich erst mal ausgiebig testen und konfigurieren durfte. Natürlich sind meine Eltern in diesem Bereich etwas unbedarft (mehr…)

Nach oben