Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828

    dare valore iniziale definito ad uno slider

    Gentilmente, esiste la possibilità di far comparire uno slider ad un valore diverso dal minimo, senza agganciarsi a jquery esterni ma semplicemente inserendo una "variabile" qui dentro?

    <div radiusslider min="1" max="300" class="blabla" onchnage="doRadiusSearch(radius)" radius="days"></div>

    Lo slider è visibile cliccando su questo button in alto a sinistra. Ringrazio vivamente eventuali suggerimenti.

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Nella pagina c'è un errore...

    <div radiusslider min="1" max="300" class="cdbl-slider" onchnage="doRadiusSearch(radius)" radius="days"></div>

    onchange andrebbe meglio.
    Ridatemi i miei 1000 posts persi !!!!
    Non serve a nulla ottimizzare qualcosa che non funziona.
    Cerco il manuale dell'Olivetti LOGOS 80B - www.emmella.fr

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Yes, ho notato l'errore ortografico, ma stranamente la ricerca e gli sliders funzionano... come te lo spieghi ?

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Se non è possibile inserire un value direttamente nell'html, come posso inserirlo nel jquery seguente?

    $( "#slider-range-min" ).slider({
    range: "min",
    value: 42,
    min: 1,
    max: 100,
    slide: function( event, ui ) {
    $( "#amount" ).val( ui.value + "km" );
    }
    });
    $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "km");


    $( "#slider-range-search" ).slider({
    range: "min",
    value: 42,
    min: 1,
    max: 100,
    slide: function( event, ui ) {
    $( "#amount-search" ).val( ui.value + "km" );
    }
    });
    $( "#amount-search" ).val( $( "#slider-range-search" ).slider( "value" ) + "km");




    $( "#slider-range-search-day" ).slider({
    range: "min",
    value: 20,
    min: 1,
    max: 300,
    slide: function( event, ui ) {
    $( "#amount-search-day" ).val( "<" + ui.value );
    }
    });
    $( "#amount-search-day" ).val( "<" + $( "#slider-range-search-day" ).slider( "value" ) );

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Se non è possibile inserire un value direttamente nell'html, come posso inserirlo nel jquery seguente?

    $( "#slider-range-min" ).slider({
    range: "min",
    value: 42,
    min: 1,
    max: 100,
    slide: function( event, ui ) {
    $( "#amount" ).val( ui.value + "km" );
    }
    });
    $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "km");


    $( "#slider-range-search" ).slider({
    range: "min",
    value: 42,
    min: 1,
    max: 100,
    slide: function( event, ui ) {
    $( "#amount-search" ).val( ui.value + "km" );
    }
    });
    $( "#amount-search" ).val( $( "#slider-range-search" ).slider( "value" ) + "km");


    $( "#slider-range-search-day" ).slider({
    range: "min",
    value: 20,
    min: 1,
    max: 300,
    slide: function( event, ui ) {
    $( "#amount-search-day" ).val( "<" + ui.value );
    }
    });
    $( "#amount-search-day" ).val( "<" + $( "#slider-range-search-day" ).slider( "value" ) );

  6. #6
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    stradom ma usare il tag code ?
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Devo ancora risolvere questo problema. ho trovato la soluzione su questa pagina, è quasi uguale alla mia funzione (non che l'abbia scritta io, per me è arabo). Come faccio a far diventare la mia funzione

    Codice PHP:
    $( "#slider-range-min" ).slider({
        
    range"min",
        
    value42,
        
    min1,
        
    max100,
        
    slide: function( eventui ) {
          $( 
    "#amount" ).valui.value "km" );
        }
      });
      $( 
    "#amount" ).val( $( "#slider-range-min" ).slider"value" ) + "km"); 

    come quella dell'esempio?

    Codice PHP:
    $(document).ready(function()
    {  
       var 
    iValue 18;
       $(
    "#lbl").text(iValue); 
       $(
    "#slider").slider(
       {
         
    min:0,
         
    max:100,
         
    value:iValue,
         
    slide:function(event,ui
         {
           $(
    "#lbl").text(ui.value);
         }
      });
    });? 

  8. #8
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    io non so nulla di jquery, ma ho scoperto che questo slider è quello base, ed ho trovato anche l'esempio base per dare un valore minimo allo slider: https://jqueryui.com/slider/#rangemin.
    L'unica differenza che vedo dal mio codice è un "$" + aggiunto prima di una parentesi, nient'altro. Allora perchè non mi funziona?

    Codice Jquery:
    Codice PHP:
    $( "#slider-range-min" ).slider({
        
    range"min",
        
    value37,      
        
    min1,      
        
    max700,      
        
    slide: function( eventui ) {        
             $( 
    "#amount" ).val"$" ui.value );      
             }    
             });    
        $( 
    "#amount" ).val"$" + $( "#slider-range-min" ).slider"value" ) ); 
    Codice mio (al quale poi aggiungo "$" + )
    Codice PHP:
    $( "#slider-range-min" ).slider({
        
    range"min",
        
    value37,      
        
    min1,      
        
    max700,      
        
    slide: function( eventui ) {        
             $( 
    "#amount" ).val"$" ui.value );      
             }    
             });    
        $( 
    "#amount" ).val( $( "#slider-range-min" ).slider"value" ) + "km");

    $( 
    "#slider-range-search-day" ).slider({
        
    range"min",
        
    value20,
        
    min1,
        
    max300,
        
    slide: function( eventui ) {
          $( 
    "#amount-search-day" ).val(  "<"  ui.value );
        }
      });
      $( 
    "#amount-search-day" ).val"<" +  $( "#slider-range-search-day" ).slider"value" ) ); 
    Che cosa significano "km" e "<", Sono unità di misura o funzionano anche come variabili? Scusate, ma sono proprio ignorante in questo.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.