Javascript verstehen: Slider

Tonne Gast #6639549
Lesenswert?
• ▲
▼ 
Hallo in die Runde, ich möchte gerne genauer verstehen, was in einem 
Javascript mit Slider passiert, dazu habe ich hier nachgelesen:

https://jqueryui.com/slider/#steps

(siehe unten, "view source")

Ich habe schon in einigen anderen Sprachen programmiert, aber die 
Schreibweise und das Klammernwirrwarr bringen mich etwas durcheinander.

Zeile 12, 13 und 22: Was bedeutet jeweils das "$("?
Zeile 33: Woher weiß dieser Anschnitt, dass er ein Slider sein soll?
Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Beitrag melden
Εrnst B. #6639580
Lesenswert?
• ▲
▼ 
Das ist nicht (nur) Javascript, das ist JQuery-UI, was auf JQuery 
aufsetzt, was in Javascript implementiert ist. Und inzwischen als 
ziemlich "veraltet" gilt.

Nimm lieber einen aktuellen Slider:

https://www.w3schools.com/howto/howto_js_rangeslider.asp

also ... input type="range" ...


IAW: Wenn du Javascript lernen willst, mach erstmal einen großen Bogen 
um alles was JQuery & Co benutzt.

Wenn du JQuery-UI lernen willst, fang mit Javascript an, dann JQuery, 
dann JQuery-UI.
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Tonne Gast #6640042
Lesenswert?
• ▲
▼ 
Ok, da ich ja JQuery Mobile benutze, sieht das jetzt so aus:

1
<div class="slidecontainer">

2
<input type="range" min="435" max="445" value="443" step="0.5" id="tuningSlider">

3
</div>


die Anzeige des eingestellten Wertes daneben wäre ja auch ok, aber da 
sind die Dezimalstellen verdeckt (siehe Foto) - wie kann ich das per CSS 
"anfassen" oder anderweitig beeinflussen?
Angehängte Dateien:
Antwort Zitieren Bearbeiten Löschen Beitrag melden
Thread beobachten

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Dein Name und deine E-Mail-Adresse

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.