Wert Tooltip auf asp.net Bereich Schieberegler

Question

Wie kann ich Live (clientseitige) Wert Rückmeldung an den Benutzer, auf einem ASP.Net Bereich-Slider (Tooltip oder Beschriftung ist in Ordnung)?

Ich bin ziemlich neu in ASP, so ist es wahrscheinlich nur etwas wirklich offensichtlich, ich vermisse, aber konnte es nicht finden im Internet zu suchen. Ich möchte dem Benutzer eine Rückmeldung über den aktuellen Wert eines Bereichs-Schiebereglers geben, wenn er zieht.

Ich habe einen Schieber ASP.Net Bereich wie folgt:

<asp:TextBox ID="TextBox2" runat="server" OnTextChanged="TextBox2_TextChanged" TextMode="Range" AutoPostBack="true"></asp:TextBox> 

und das funktioniert gut, und es feuert den C# -Code hinter nachdem vollständig auf einen neuen Wert ziehen, wie ich will.

Allerdings hat der Benutzer derzeit keine Vorstellung von dem Wert, den er ausgewählt hat, bis nach dem Server als die Änderung verarbeitet (In welchem ​​Code kann ich ein Etikett aktualisieren). Wie kann ich dem Kunden live (Kundenseite) Feedback geben? Jede dieser zwei Ansätze, die beide gemeinsam auf Schieber, genügt:

1. Tooltip über das draggy Bit (sorry weiß nicht, die technische Bezeichnung), wie Sie ziehen.
2. Aktualisierung label/spam/div mit dem Wert, wie Sie ziehen.

Answer 1

Ich habe ASP nicht für eine lange Zeit berührt und nie wirklich viel benutzte es, wenn ich es tat, aber Ihr ASP unter der Annahme erzeugt oder so etwas wie dies als HTML produzieren:

<input type="range" min="0" max="100" value="100" name="my_range" id="my_range"><span>100</span> 

dann die folgende jQuery die Spanne mit dem Wert des Bereichs aktualisiert:

$('#my_range').on("change mousemove", function() { 
    $(this).next().html($(this).val()); 
}); 

Angenommen, Sie jQuery in Ihrem Projekt verwenden können.