Saltar al contenido

cómo usar slider revolution en mi ejemplo de código html

Nuestros investigadores estrellas han agotado sus reservas de café, investigando a tiempo completo por la respuesta, hasta que Valeria halló la contestación en Gitea así que hoy la compartimos aquí.

Ejemplo 1: crear un control deslizante

<inputclassName="newpost-rating-slider"type="range"name="rangeInput"min="0"max="5"onChange=handleSliderRating/><spanclassName="slider-rating-field">0/5span>



const handleSliderRating = () => 

        var curVal = document.querySelector('.newpost-rating-slider').value;
        var sliderRatingEle = document.querySelector('.slider-rating-field');

        sliderRatingEle.textContent =   curVal.toString() + "/5";
    
    

Ejemplo 2: deslizador

doctypehtml><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>jQuery UI Slider - Default functionalitytitle><linkrel="stylesheet"href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"><linkrel="stylesheet"href="/resources/demos/style.css"><scriptsrc="https://code.jquery.com/jquery-1.12.4.js">script><scriptsrc="https://code.jquery.com/ui/1.12.1/jquery-ui.js">script><script>$(function()$("#slider").slider(););script>head><body><divid="slider">div>body>html>

valoraciones y reseñas

Si te ha sido útil este artículo, sería de mucha ayuda si lo compartieras con más programadores de este modo nos ayudas a extender este contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *