slider Button und select slider Button in Option page integrieren.

Hi,

ich bin gerade dabei eine Option Page aufzubauen. Ich habe derzeit ein Eingabefeld wo man den opacity Werte zw. 0...1 eingeben kann. Würde dieses Feld gerne gegen ein jquery slide (http://jqueryui.com/slider/ ) mit anzeige des Wertes ersetzen. Sowie benötige ich statt einer Checkbox ein slider switcher (on/OFF)

Habe leider nichts passendes gefunden.

Hoffe ihr wisst die Lösung:

Textfeld rufe ich derzeit so auf:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Danke für den Link, leider habe ich es nicht zusammengebracht wie ich jetzt meine checkbox gegen den Toggle austauschen muss.

Habe die class vom Toggle zum Imputfeld hinzugefügt aber bringt leider nichts.

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Habe das umschalten mit folgenden Javascript zusammengebracht

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Das Problem ist noch das nach dem Speichern der Button wieder auf Off steht. Soll aber auf active bleiben wenn es ausgewählt wurde.

Die Funktion wird korrekt mit dem Button geschalten nur der Button selbst springt immer auf off nach dem speichern.

 

Habs mit dem Code gelöst

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!