Startseite
  • » Home
  • » Handbuch & FAQ
  • » Showroom
  • » Forum
  • » Drupalchannel
  • » Übersetzungsserver
  • » Suche
Startseite › Benutzerhandbuch › Fortgeschrittene › Tutorials & How To's - Tipps & Tricks › ui.slider als Ersatz für den Ajax-Pager von Views ›

01 - verwendete Module

Eingetragen von stBorchert (5516) am 15.02.2009 - 14:47 Uhr in
  • Drupal 6.x

Als Module reichen Views 6.x-2.3 und jQuery Update 6.x-1.1 vollkommen aus.

jQuery Update

Nachdem beide Module installiert und aktiviert sind, muss jQuery Update noch angepasst werden, da es zum Zeitpunkt der Umsetzung noch jQuery in der Version 1.2.6 enthielt, meine Umsetzung jedoch auf Version 1.3.1 aufbaut.
Dazu müssen die beiden jQuery-Dateien im Verzeichnis replace von jQuery Update durch die entsprechenden Dateien von jQuery 1.3.1 ersetzt werden.

Ich verwende jQuery UI mit den Optionen "UI Core" und "slider" und dem Theme "Smoothness". Nach dem Download habe ich die Dateien in das Verzeichnis themes/garland/scripts/ui entpackt, so dass ich dort die folgende Struktur habe:

+ garland
  + scripts
    + ui
      + theme
      o jquery-1.3.1.js
      o jquery.ui.js
      o jquery.ui.min.js

Damit jQuery Update auch die minimierte Version verwendet (Standard ist gepackt), muss jetzt noch unter admin/settings/jquery_update die Option "Minified" ausgewählt werden.
Von jetzt an verwendet unsere Seite jQuery in der Version 1.3.1.

Views

Anschliessend können wir gleich einen View erstellen, der uns die gewünschten Beiträge ausgibt.
Ich habe folgende Einstellungen vorgenommen:

Dabei ist die Einstellung "Items per page: 2" nur zum Testen gedacht (auf der richtigen Seite wird das dann auf "9" geändert).
Als Filter für den Inhaltstypen habe ich hier "Bild" gesetzt, das ist jedoch beliebig (funktioniert auch ganz normal mit "Story" oder sonstigen Inhaltstypen).

Damit ist der View unter der URL /bilder verfügbar.
Nachdem ein paar Nodes des gewählten Inhaltstyps erstellt wurden, können wir mit den erforderlichen Javascript-Dateien weitermachen.

‹ ui.slider als Ersatz für den Ajax-Pager von Views nach oben 02 - Javascript und CSS ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Computed_Field Node Objekt bzw. nid?
  • Drupal Entwickler für Erstellung von Shop mit Ubercart in bestehende Drupal-Seite
  • Viele Fragen die mich quälen ...
  • Fataler Fehler nach update auf Drupal 6.24 wg fehlender Funktion in image.inc
  • meine Profilbesucher anzeigen?
  • URLs: Groß- und Kleinschreibung
  • Rules und Organic Group
  • [erledigt] drupal 7 - read more ausblenden
  • Modul für Absatznummern / Randnummern
  • Path-Based Metatags - wofür sind die gut?
  • Views Field Language (Spracherkennung der Felder) funktiniert nicht
  • [gelöst] Danland: Standard-Startseite formatieren
Weiter

Neue Kommentare

  • Laß Dir doch mal den Inhalt
    vor 6 Minuten 27 Sekunden
  • Problem gelöst
    vor 2 Stunden 17 Minuten
  • ich könnte mir vorstellen
    vor 2 Stunden 17 Minuten
  • Ja und wie greife ich da auf
    vor 2 Stunden 26 Minuten
  • Unser Server kann das. Ich
    vor 2 Stunden 40 Minuten
  • Modul "User Relationships"
    vor 2 Stunden 40 Minuten
  • Ist der Host ein Windows-Host?
    vor 2 Stunden 47 Minuten
  • Du läßt Dir in der Zeile die
    vor 2 Stunden 53 Minuten
  • Patch aus Issue Queue
    vor 3 Stunden 15 Minuten
  • "Read more"-Link modifizieren
    vor 3 Stunden 18 Minuten

Statistik

Beiträge im Forum: 173996
Registrierte User: 15484

Neue User:

  • Spearoth
  • bwvebb
  • drupal4normi

» Alle User anzeigen

User nach Punkten sortiert:
stBorchert5516
quiptime4713
Tobias Bähr3874
wla3810
md3777
bv3700
Thoor3678
Alexander Langer3282
dereine2635
Exterior2571
» User nach Punkten
Zur Zeit sind 5 User und 38 Gäste online.

Benutzer online

  • wla
  • tfranz
  • Spearoth
  • bv
  • Bogus

Benutzerhandbuch

  • FAQ - Häufig gestellte Fragen.
  • Links & Downloads
  • Über Drupalcenter.de und das deutschsprachige Benutzerhandbuch
  • Über Drupal
  • Einsteiger
  • Fortgeschrittene
    • Best Practice - Drupal Sites - Guidelines
    • Die beliebtesten Themes und Module
    • Tutorials & How To's - Tipps & Tricks
      • Kurztipps - Dinge die Stunden sparen können.
      • Notfallpläne - Tipps die Deine Drupalinstallation retten können
      • Anleitung zur Erstellung eines einfachen Kontaktformulars
      • Arbeiten mit dem Drupal Taxonomie-System [beinhaltet veraltete Inhalte]
      • Bearbeiten-Tab zu jeden Block hinzufügen
      • Block View mit Argument
      • Das Tagebuch einer Site
      • Drupal 6 - Automatisch unterschiedliche Bildgröße bei Teaser und Artikel
      • Drupal 6 - Eigene CSS Datei in ein Theme integrieren
      • Drupal 6 - Einfache Bildergalerie mit Image und Lightbox2
      • Drupal 6 - Einrichten eines Kalenders
      • Drupal 6 - Google Adsense ohne Zusatzmodul einbinden
      • Drupal 6 - Hauptnavigation mit DropDown Effekt ab Ebene Zwei
      • Drupal 6 - ImageMagick mit XAMPP Lite nutzen
      • Drupal 6 - Imagefield mit Imagecache und Colorbox
      • Drupal 6 - Installation FCK Editor
      • Drupal 6 - Installieren der WYSIWYG API inkl. Editoren
      • Drupal 7: mehrere Bilder in Node: 1 Bild in Anrisstext
      • Drupal Code Highlighting in Redmine Projektarchiv (CodeRay)
      • Drupal Theming: JavaScript einhängen in Abhängigkeit von Page-Variablen
      • Drush - Das Schweizermesser für Drupal auf Kommandozeile
      • Einfaches und erfolgreiches Patchen unter Windows
      • Eingabeformat & Inputfilter
      • Einrichten eines einfachen, statischen Menüsystems
      • Erstellen von Patches
      • Gallery mit CCK und Views erstellen (Drupal 5)
      • Header image Modul einrichten
      • Inhaltsübersicht für einen User mit einem View erstellen
      • Javascript und CSS-Dateien einbinden
      • Kontaktformular mit Jquery aufwerten
      • Leitfaden zur Erstellung von Suchmaschinenoptimierten Drupal-Sites
      • Mac OSX - Backupskript für Websites auf MAMP
      • Module updaten via Shell auf Windows
      • Module übersetzen
      • Perl-Script zum Erzeugen einer statischen Kopie einer Drupal-Website
      • Portierung eine Themes von openwebdesign.org
      • Prozentbalken bei Views (Balkendiagramm)
      • Themen eines Node-Formulars
      • Titel mit Stil
      • Umkreissuche mit Location- und Views-Modul
      • Usergalerie mit ImageCache, CCK, Views + Thickbox
      • Userprofil mit Usernodes erstellen
      • Validierung von Usereingaben bei Nodes
      • Variation vom Showroom auf drupalcenter.de
      • View mit Eingabeformular für neue Beiträge
      • WebSVN mit Drupal Code Highlighting
      • Zusätzliche Submit-Schaltfläche in Node-Formularen
      • i18n Language Switcher Block, die Links mit den Flaggen themen
      • ui.slider als Ersatz für den Ajax-Pager von Views
        • 01 - verwendete Module
        • 02 - Javascript und CSS
        • 03 - Templates
        • 04 - Ergebnis
      • Zugriffsbeschränkungen für Nodes - eine Übersicht der Möglichkeiten
  • Entwicklung von Modulen und Themes
  • Drupalcenters Community
  • Bücherecke
  • Drupal 7 Video-Trainings (Deutsch)
  • Drupal 6 Module
  • Drupal 7 Module
  • Drupal Screencasts auf deutsch
  • Archiv

Buchempfehlung

Webseiten erstellen Drupal 7
Content - Layout - Administration
Das Drupal-Entwicklerhandbuch
Der Praxisleitfaden für Drupal-basierte Webprojekte.
Pro Drupal 7 Development
(Expert's Voice in Open Source)

Das Copyright des deutschsprachigen Drupal-Benutzerhandbuches unterliegt den jeweiligen Autoren. Übersetzungen des englischsprachigen Drupal-Benutzerhandbuches unterliegen der Creative Commons License, Attribution-ShareAlike 2.0.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Showroom
  • » Forum
  • » Drupalchannel
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's
  • Bücherecke

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed Drupal Podcast
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association