Ergebnis 1 bis 3 von 3
  1. #1
    Avatar von bosko
    bosko ist offline Eroberer
    registriert
    04-12-2011
    Beiträge
    63

    Range Silder Begrenzter Wert

    Hallo,

    ich möchte einen range silder erstellen, der aber nur bestimmte werte zum bewegen hat,
    heist, der Range selbst geht von 0 bis 100 aber den slider kann man nur von 65 bis 100 bewegen...

  2. #2
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.633

    AW: Range Silder Begrenzter Wert


  3. #3
    Avatar von bosko
    bosko ist offline Eroberer
    registriert
    04-12-2011
    Beiträge
    63

    AW: Range Silder Begrenzter Wert

    hab nicht auf die Schnelle bei G sowas gefunden...

    HTML-Code:
    <style type="text/css">
    input[type=range][orient=vertical] {
        writing-mode: bt-lr;
        -webkit-appearance: slider-vertical;
        width: 8px;
        height: 175px;
        padding: 0 5px;
    }
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="http://afarkas.github.io/webshim/js-webshim/minified/polyfiller.js"></script>
    <script type="text/javascript">
    $(function () {
        $('.range-stepper').numericStepButtons();
    });
    
    $.fn.numericStepButtons = function () {
        return this.each(function () {
            var $numeric = $('input[type="range"]', this).eq(0);
    
            $('[type="button"][data-step]', this).on('click', function () {
                var step = $(this).data('step');
                var stepped;
                try {
                    $numeric.stepUp(step);
                    stepped = true;
                } catch (e) {}
                if (stepped) {
                    $numeric.trigger('input')
                        .trigger('change');
                } 
                return false;
            });
        });
    };
    </script>
    <br>
        <div class="form-row range-stepper show-activelabeltooltip">
            <button type="button" data-step="-10">-10</button>
            <input type="range" orient="vertical">
            <button type="button" data-step="10">+10</button>
        </div>
    Aktuell sieht mein script so aus...

    der ion.range.slider schaut nicht schlecht aus aber es gibt keine verticale einstellung
    und hab mir andere angeschaut, leider unterstützen diese min: 0, max: 100, from: 30, to: 100
    nicht wirklich...

Ähnliche Themen

  1. [GELÖST] Slider (input[range]) auf gespeicherten Wert setzen
    Von sascha83 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 27-04-2015, 09:05
  2. Range Slider Plugins
    Von Haxy123 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 20-07-2014, 17:21
  3. Frage zum Silder auf jQuery basis?
    Von nonorush im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 18-01-2011, 12:43
  4. tabelle als range definieren
    Von pello im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 21-02-2008, 15:26
  5. Formular Textfeld mit begrenzter Eingabe
    Von EM im Forum Allgemeines
    Antworten: 10
    Letzter Beitrag: 22-02-2006, 16:35

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •