Archiv

Artikel Tagged ‘klick’

Aufklappbares und zuklappbares div Element (jQuery)

7. November 2012 3 Kommentare

Will man für den Nutzer erweiterte, zusätzliche Informationen beim Laden der Seite ausblenden und nur bei einer bestimmten Aktion bzw. Event einblenden, wie zum Beispiel durch einen Klick (on click) oder durch Drüberfahren (on mouse over) mit dem Mauszeiger, dann kann man dafür ein kleines Javascript nutzen. Per CSS wird das div Element nach dem Laden der Webseite vorerst unsichtbar gemacht, ist jedoch im HTML Quelltext enthalten. Sehr schön kann man dafür dann jQuery mit bereits vorhandenen Effekten wie dem Slide einsetzen.

jQuery: Alle Checkboxen mit einem Klick auswählen

6. November 2012 Keine Kommentare

Vor allem in Adminbereichen und in der Verwaltung bzw. Pflege einer größeren Anzahl von Einträgen / Daten benötigt man Checkboxen. Grund ist in diesem Fall die Optimierung des Beabeitungsprozesses durch den Nutzer. In der Praxis wäre hier das Löschen von mehreren Bildern oder Einträgen, was man als Content zusammenfassen kann, ein gutes Beispiel dafür. In jeder Zeile und zu jedem Eintrag oder Bild könnte ein Button zum Löschen angezeigt werden. Allerdings müsste man so bei 50 Bildern beispielsweise 50 Mal auf den Button Löschen klicken. Die Zeitersparnis, die man mit Checkbox und einer Löschfunktion hätte, ist enorm.

Bei Mausklick einen Layer öffnen (jQuery)

2. November 2012 Keine Kommentare

Detailierte und zusätzliche Informationen zu einem Thema auf einer Webseite kann man per Klick auf einen Link in einem Layer bzw. Popup anzeigen lassen. Das macht in vielen Fällen Sinn, weil man den Nutzer nicht sofort mit Sachen bombadiert, die für ihn eher uninteressant sein könnten.

JQuery: Gesamte div Box (Container) verlinken

25. Februar 2012 4 Kommentare

Besonders auf der Startseite machen sich Boxen mit dem Angebot und einem kleinen beschreibenden Text ganz gut. Man kann sein Produkt, einen Artikel, eine News oder eine weitere Unterseite kurz vorstellen und auf der Hauptseite mit einer Verlinkung hinterlegen. Bei Interesse klickt der Nutzer auf die Box, um genauere Details und Informationen zu bekommen. Irgendwo im Teasertext oder in der Überschrift (Titel) der Box ist ein HTML Link, den wir für das Linken des gesamten DIV Containers nutzen können.

JQuery: Doppeltes Klicken / Senden des Formulars deaktivieren

5. Februar 2012 3 Kommentare

Man kennt es bei Scripten, dass ab und an Formulare doppelt gepostet werden und in der Datenbank laden oder man doppelte E-Mails im Posteingang auffindet. Das ist in der Regel der Fall, wenn der Nutzer, gewollt oder ungewollt, auf den Submit Button doppelt geklickt hat.