Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente bannato
    Registrato dal
    Nov 2007
    residenza
    Acicatena (Catania)
    Messaggi
    1,854

    [Jquery] Visualizzazione random elementi li

    Salve utenti,
    ho un elenco del tipo:

    codice:
    <ul class="servizi">[*] Servizio 1[*] Servizio 2[*] Servizio 3[*] Servizio 4[*] Servizio 5[/list]
    Avete qualche suggerimento al fine di avere una visualizzazione random di questi elementi li e limitata a 4 elementi per volta?

    Grazie.

  2. #2
    Utente bannato
    Registrato dal
    Nov 2007
    residenza
    Acicatena (Catania)
    Messaggi
    1,854
    Ho provato ad usare questo codice per la generazione di elementi casuali compresi da 1 e 5:

    codice:
    jQuery.extend({
            rand: function(val) {
                return Math.floor(val * (Math.random() % 1));
            },
            randComp: function(min, max) {
              min = Math.floor(min);
              max = Math.floor(max);
    		  var boo = jQuery.rand(max-min);
              return min + boo;
            }
    });
    funziona correttamente, ma come faccio ad evitare che vengano visualizzati gli elementi doppioni?

    Cioè se viene generato il numero 1, quando richiamo nuovamente la funziona il numero 1 non deve essere più generato.

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ti serve un array in cui aggiungere i numeri validi,
    ad ogni nuova randimizzazione devi verificare che il numero non sia gia' in array

  4. #4
    Utente bannato
    Registrato dal
    Nov 2007
    residenza
    Acicatena (Catania)
    Messaggi
    1,854
    Ho adottato questa soluzione in PHP:

    codice:
    $numbers = range(1, 5);
    shuffle($numbers);
    echo '<script>';
    	for ($i=1 ; $i <= 4 ; $i++){ ?>
    	$('.box_room_<?php echo $numbers[$i]; ?>').show();
    <?php } 
    echo '</script>';
    1) Genero 5 numeri casuali e li mettto in un array
    2) inverto l'ordine in maniera casuale con shuffle
    3) ne estraggo solo 4 su 5;
    4) con jquery mostro il relativo id.

    Che ne dite?

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 © 2026 vBulletin Solutions, Inc. All rights reserved.