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

Bitte melde dich an, um einen Beitrag zu schreiben.

Bestehender Account

oder

Mit Google-Account einloggen

Noch kein Account?

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren