Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    [Jquery] Sliders multipli

    codice:
    $(".tabs-2").click(function() {
    			if(opt[0] == undefined) {
    				$.getJSON("options.php", function(data){
    					opt = data;
    					for(var i in data) {
    						$("#tabs-2").append("<label for='amount-"+data[i].id+"'>Weight of "+data[i].property+":</label>");
    						$("#tabs-2").append(" <input type='text' id='amount-"+data[i].id+"' style='border: 0; background: none; font-weight:bold;' value='"+data[i].weight+"' />");
    						$("#tabs-2").append("<div id='slider-range-max-"+data[i].id+"'></div>");
    						$("#slider-range-max-"+data[i].id).slider({
    							range: "max",
    							min: 0,
    							max: 1.0,
    							step: 0.1,
    							value: data[i].weight,
    							slide: function(event, ui) {
    								$("#amount-"+data[i].id).val(ui.value);
    							}
    						});
    						$("#amount-"+data[i].id).val($("#slider-range-max-"+data[i].id).slider("value"));
    					}					
    				});
    			}		
    			return false;
    		});
    Ragazzi il codice su non fa altro che crearmi differenti sliders.
    A tal proposito uso la libreria jquery.ui.slider.js.
    Funziona tutto benone, al caricamento della pagina mi compaiono N sliders, l'unico problema è che utilizzandone uno, vorrei che il rispettivo valore cambiasse e venisse aggiornato il valore dell'elemento id #amount-NUMERO.
    Tutto ciò non succede perchè utilizzando uno slider qualsiasi l'unico valore che cambia è quello dell'ultimo id, nonostante parta dal valore dello slider selezionato.
    Testata Giornalistica Online - InfoOggi.it
    IRC Resource - IRC-Zone.org

  2. #2
    Per chi dovesse essere interessato alla risposta alla mia domanda, c'ho riflettuto ed era una cretinata
    codice:
    var elementId = $(this)[0].id;
    var numericId = elementId.split("-");
    $("#amount-"+numericId[3]).val(ui.value);
    Bastava inserire questo codice nella funzione function(event, ui).
    Di fatto dovevo utilizzare $(this) che restituisce l'id dell'elemento selezionato.
    Testata Giornalistica Online - InfoOggi.it
    IRC Resource - IRC-Zone.org

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.