slider bar html

inviteefc7c139 · 08/03/2015, 16h26

Bonjour,
J'essai de mettre une slide bar ou trackbar sur une page en html mais rien ne s'affiche
Le code est

Code HTML:

<HTML>
<HEAD>
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name='apple-mobile-web-app-capable' content='yes' />
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent' />
<TITLE>trackbar</TITLE>
</HEAD>
<BODY>

<div class="large-6 columns">
    <div class="row">
      <div class="small-10 medium-11 columns">
        <div class="range-slider" data-slider data-options="display_selector: #sliderOutput3;">
          <span class="range-slider-handle" role="slider" tabindex="0"></span>
          <span class="range-slider-active-segment"></span>
        </div>
      </div>
      <div class="small-2 medium-1 columns">
        <span id="sliderOutput3" style="display: block;margin-top: 17px;"></span>
      </div>
    </div>
  </div>

</BODY>
</HTML>

J'ai trouvé le code pour la trackbar sur ce site : http://foundation.zurb.com/docs/comp...ge_slider.html. Je peut voir les trackbar sur leur site mais moi quand je met le code sur la page rien de s'affiche

Il manque un morceau de code quelque part?
Ce que je cherche a faire c'est une trackbar qui change de valeur juste en modifiant la place du curseur et SANS avoir besoin de lâcher le clique de la souris. Donc une autre solution que celle du site peut aussi marcher.
Merci

**invite948b37db** · 09/03/2015, 02h59

Envoyé par Neilmine

Bonjour,
J'essai de mettre une slide bar ou trackbar sur une page en html mais rien ne s'affiche

J'ai trouvé le code pour la trackbar sur ce site : http://foundation.zurb.com/docs/comp...ge_slider.html. Je peut voir les trackbar sur leur site mais moi quand je met le code sur la page rien de s'affiche

Il manque un morceau de code quelque part?

Oui, sur la page d"accueil que tu cites, ils disent ceci :

The slider's value will be assigned to any <input type="hidden"> elements inside the data-slider div and as the value of the data-slider attribute.

Et je ne vois pas ces éléments dans ton code.
Ceci dit, je me méfie des sites comme celui-ci qui ne montrent pas un exemple fonctionnel. Tu devrais chercher un tuto plus disert !

invitef625d7cf · 10/03/2015, 10h18

Bonjour,

En HTML 5, on peut écrire:

Code:

<input type="range" min="0" max="100" value="10" step="10" />

min définit la valeur minimum de la Slider Bar,
max définit la valeur maximum de la Slider Bar,
value définit la valeur à l'ouverture de la page pour la Slider Bar,
step définit l'incrément de la Slider Bar.

slider bar html

slider bar html

Re : slider bar html

Re : slider bar html

Discussions similaires

html et css

Help ! Pb html/php

PB html

html