Form und jQuery Slider (Range)
Eingetragen von N20 (34)am 20.11.2010 - 12:50 Uhr in
Hi,
ich versuche gerade in einer Webform einen Slider mir range (http://jqueryui.com/demos/slider/#range) darzustellen. Irgendwas scheine ich aber noch falsch zu machen... der Slider wird dargestellt, aber leider ohne Range und ausserdem verhält er sich auch recht seltsam wenn man ihn bewegt. Klingt doof, aber zieht sich sehr schwerfällig :)
So sieht die ganze Sache aus:
slider.module:
<?php
//........
jquery_ui_add('ui.slider'); // jquery slider plugin
jquery_ui_add('ui.handle'); // wird für range benötigt
jquery_ui_add('ui.value'); // wird für range benötigt
drupal_add_css(drupal_get_path('module', 'jquery_ui') .'/jquery.ui/themes/default/ui.all.css');
// inline js für slider
drupal_add_js('
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 100,
values: [ 0, 100 ],
slide: function( event, ui ) {
$( "#edit-slider-test" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#edit-slider-test" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});',
'inline'
);
//........
function test_form(&$form_state, $plans = array()) {
//........
$form['slider']['test'] = array(
'#prefix' => '<div id="slider-range">',
'#type' => 'hidden',
'#default-value' => 25,
'#title' => t('Test'),
'#required' => TRUE,
'#suffix' => '</div>',
);
//........
}
?>Tja, nun frag ich mich wo da der Hund begraben ist? Ist das was ich da versuche überhaupt mit der form API möglich?
- Anmelden oder Registrieren um Kommentare zu schreiben
Neue Kommentare
vor 1 Woche 5 Tagen
vor 1 Woche 6 Tagen
vor 2 Wochen 6 Stunden
vor 2 Wochen 4 Tagen
vor 2 Wochen 4 Tagen
vor 3 Wochen 2 Tagen
vor 3 Wochen 2 Tagen
vor 3 Wochen 2 Tagen
vor 5 Wochen 5 Tagen
vor 5 Wochen 6 Tagen