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:

<input type="text" name="kc_login_styler[login_form_opacity]" id="login_form_opacity" value="<?php echo $options['login_form_opacity']; ?>" class="textfield" size="2" />

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.

<input type="checkbox" name="kc_login_styler[forgot_link_check]" id="forgot_link_check" value="1"<?php checked( isset( $options['forgot_link_check'] ) ); ?> class="checkbox toggle-modern" />

Habe das umschalten mit folgenden Javascript zusammengebracht

$('.toggle-modern').toggles({				type:'select',
				checkbox:$('#forgot_link_check')	
									});

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

/* Toggle switcher*/		$('.toggle-modern').toggles({
				type:'select',
				checkbox:$('#forgot_link_check')	
									});
		if($('.checkbox').is(':checked')) {
            $( ".toggle-on" ).addClass( "active" );
			$( ".toggle-off" ).removeClass( "active" );
        }
        else {
            $( ".toggle-off" ).addClass( "active" );
			$( ".toggle-on" ).removeClass( "active" );
        }
		/* end Toggle switcher*/