Archive for the 'Javascript' category

Passwort Feld mit CSS und Javascript aufwerten

Für ein laufendes großes Projekt muss ein Loginteaser erstellt werden. Da der Teaser im Sidebar anzeigt werden wird, müssen die Feldbezeichnungen der Input Felder in die Input Felder hineingesetzt werden. Bei Textfeldern ...input type="text"... ist das ja einfach zu erledigen, aber wie soll das bei einem Passwortfeld ...input type="password"... funktionieren? Continue reading

Formularfelder mittels Javascript deaktivieren/aktivieren

Für längere und kompliziert aufgebaute Formulare, wäre es manchmal sinnvoll nicht genützte Teile eines Formulares deaktivieren zu können. Das Beispiel zeigt Ihnen wie ich das gemacht habe.

Zum Beispiel

Javascript-CSS-Navigation

Diese Navigation wird durch Javascript auf- und zugeklappt und nur mit CSS formatiert. Das Besondere an dieser Navigation, ist die Benutzbarkeit auch ohne Javascript. Der Besucher erhält einfach die Navigation schon ausgeklappt.

  1. Es wird ein CSS geliefert, dass die Navigation geöffnet anzeigt.
  2. Ist JS deaktiviert, kann der User navigieren (siehe Punkt 1)
  3. Ist JS aktiviert, wird das 1. CSS überschrieben, wenn der Browser durch die Abfrage “hindurch” kommt (damit wird Opera 5.x und Opera 6.x das richtige CSS geliefert).
  4. Mit einer kleinen JS-Funktion wird die Navigation per “onMouseover” und “onMouseOut” auf- und zugeklappt.

Zur Javascript CSS Navigation

The small Dessous-Shop

Zum 2. Mal bin ich beim 5k Contest dabei, diesmal mit einem kleinen Dessous Shop + Modell. Realisiert wurde das ganze mit CSS, kleinen Gif Grafiken und etwas Javascript.

Das Model ist sich nicht sicher bei Auswahl der richtigen Kombination, Sie bräuchte Hilfe. Sollte Sie nicht mehr wollen und/oder rumzicken, bitte einfach “F5″ drücken und es geht von vorne los.

Zum 5k Beitrag: The small Dessous-Shop

5-k-arts

2001 habe ich mich mit dem nachfolgenden Beitrag bei 5k Contest beworben. Bei diesem Contest muss eine clientseitige freiwählbare Webseite/-applikation erstellt werden die 5120 Bytes nicht überschreiten darf.

Ich bin mit einer kleinen Demonstration von semitransparenten Gifs und einer Prise Javascript angetreten.

Zum 5k Beitrag: 5-k-arts