onClick e Array

[longilineo]

vedi se va

[url="java-script:void(0)"]Bottone[/url]


<script type="text/javascript"> 
var text = new Array();
text[0] = "testo 1";
text[1] = "testo 2";
text[2] = "testo 3";
 
 
var footnotes = new Array();
footnotes[0] = "nota 1";
footnotes[1] = "nota 2";
footnotes[2] = "nota 3";

 
var quips = [];
quips[0] = "bottone 1";
quips[1] = "bottone 2";
quips[2] = "bottone 3";

$("#quip").click(
    function(){
        //genero l'indice casuale
        index = Math.floor(Math.random() * (text.length)) + 1; 
    
        $('#text').html(text[index]);
    $('#footnote').html('[url="' + footnotes[index] + '"]' + footnotes[index] + '[/url]');
    $('#index').html('#' + index);
    $(this).text( quips[index] );

    }
)
 
</script> 

[cassiusclay]

Originariamente inviato da longilineo
vedi se va

[url="java-script:void(0)"]Bottone[/url]


<script type="text/javascript"> 
var text = new Array();
text[0] = "testo 1";
text[1] = "testo 2";
text[2] = "testo 3";
 
 
var footnotes = new Array();
footnotes[0] = "nota 1";
footnotes[1] = "nota 2";
footnotes[2] = "nota 3";

 
var quips = [];
quips[0] = "bottone 1";
quips[1] = "bottone 2";
quips[2] = "bottone 3";

$("#quip").click(
    function(){
        //genero l'indice casuale
        index = Math.floor(Math.random() * (text.length)) + 1; 
    
        $('#text').html(text[index]);
    $('#footnote').html('[url="' + footnotes[index] + '"]' + footnotes[index] + '[/url]');
    $('#index').html('#' + index);
    $(this).text( quips[index] );

    }
)
 
</script> 

Mitico, ci siamo quasi!!!! Allora, adesso la situazione è questa: carico la pagina e non c'è alcun text, poi clicco sul bottone e dal quel momento va perfettamente a random...
Se riesci anche a risolvere il problema del caricamento iniziale, ti faccio un monumento!

GRAZIEE!!

[cassiusclay]

Ancora una cosa: i quips non girano... cioé, perchè cambino devo fare un bel po' di click...

[longilineo]

riprova

[url="java-script:void(0)"]Bottone[/url]


<script type="text/javascript"> 
var text = new Array();
text[0] = "testo 1";
text[1] = "testo 2";
text[2] = "testo 3";
 
 
var footnotes = new Array();
footnotes[0] = "nota 1";
footnotes[1] = "nota 2";
footnotes[2] = "nota 3";

 
var quips = [];
quips[0] = "bottone 1";
quips[1] = "bottone 2";
quips[2] = "bottone 3";


function inizializza(){
     //genero l'indice casuale
     index = Math.floor(Math.random() * (text.length)) + 1; 
    
     $('#text').html(text[index]);
     $('#footnote').html('[url="' + footnotes[index] + '"]' + footnotes[index] + '[/url]');
     $('#index').html('#' + index);
     $(this).text( quips[index] );

}


$(document).ready(
      function (){
          
          //inizializzo in maniera casuale con la funzione inizializza()
          inizializza();
          
          $("#quip").click(
             function(){
                  //cliccando sul bottone reinizializzo
                  inizializza();
             }
      }
)

 
</script> 

[cassiusclay]

Originariamente inviato da longilineo
riprova

[url="java-script:void(0)"]Bottone[/url]


<script type="text/javascript"> 
var text = new Array();
text[0] = "testo 1";
text[1] = "testo 2";
text[2] = "testo 3";
 
 
var footnotes = new Array();
footnotes[0] = "nota 1";
footnotes[1] = "nota 2";
footnotes[2] = "nota 3";

 
var quips = [];
quips[0] = "bottone 1";
quips[1] = "bottone 2";
quips[2] = "bottone 3";


function inizializza(){
     //genero l'indice casuale
     index = Math.floor(Math.random() * (text.length)) + 1; 
    
     $('#text').html(text[index]);
     $('#footnote').html('[url="' + footnotes[index] + '"]' + footnotes[index] + '[/url]');
     $('#index').html('#' + index);
     $(this).text( quips[index] );

}


$(document).ready(
      function (){
          
          //inizializzo in maniera casuale con la funzione inizializza()
          inizializza();
          
          $("#quip").click(
             function(){
                  //cliccando sul bottone reinizializzo
                  inizializza();
             }
      }
)

 
</script> 

Così non carica proprio né testo, né footnote, né quip, e se clicco non succede niente...

[longilineo]

così mi funziona:

<html>
    <head>
        
        <script type='text/javascript' src="uploadify/jq.js"></script>
        
        <script type='text/javascript'>
            
            var text = new Array();
            text[0] = "testo 1";
            text[1] = "testo 2";
            text[2] = "testo 3";
             
             
            var footnotes = new Array();
            footnotes[0] = "nota 1";
            footnotes[1] = "nota 2";
            footnotes[2] = "nota 3";
            
             
            var quips = [];
            quips[0] = "bottone 1";
            quips[1] = "bottone 2";
            quips[2] = "bottone 3";
            
            
            function inizializza(){
                
                 //genero l'indice casuale
                index = Math.floor(Math.random() * (text.length-1)) ; 

                $('#text').attr("innerHTML", text[index]);
                $('#footnote').attr("innerHTML", '[url="' + footnotes[index] + '"]' + footnotes[index] + '[/url]');
                $('#index').attr("innerHTML", '#' + index);
                $('#quip').attr("innerHTML", quips[index] );
            
            } 
            
        
            $(document).ready(
                function(){
                    inizializza();
                    
                    $("#quip").click(
                        function(){
                            inizializza();
                        }
                    )
                }
            )
        </script>
    </head>
    <body>
        <button id='quip'>bottone</button>
        


            <div>indice: <span id='index'></span></div>
            <div>testo: <span id='text'></span></div>
            <div>nota a pie pagina: <span id='footnote'></span></div>
        </p>
    </body>
</html> 

[cassiusclay]

Intanto ti ringrazio moltissimo per il tanto tempo che stai perdendo dietro al mio codice!!
Io l'ho provato con 27 text e relative footnotes, tutte di lunghezza diversa, e 10 quips, anch'essi di lunghezza diversa, ed il random su text+footnotes va benissimo, mentre sui quips ha qualche problema: si incanta magari per 6-7 click sullo stesso quip, poi ne cambia 2 in 2 click, poi si incanta di nuovo...
Scusami, lo so che sto diventando il tuo incubo!!

[longilineo]

Se il numero di elementi cambia a seconda che tu ti riferisca a quips, footnotes o text ti conviene utilizzare un indice diverso per ognuno di questi 3

function inizializza(){
                
                 //genero gli indici casuali
                indexT= Math.floor(Math.random() * (text.length-1)) ; 
                indexF = Math.floor(Math.random() * (footnotes.length-1)) ; 
                indexQ = Math.floor(Math.random() * (quips.length-1)) ; 

                $('#text').attr("innerHTML", text[indexT]);
                $('#footnote').attr("innerHTML", '[url="' + footnotes[indexF] + '"]' + footnotes[indexF] + '[/url]');
                $('#quip').attr("innerHTML", quips[indexQ] );
            
            } 

[cassiusclay]

ORA E' PERFETTO!!!
Grazie infinite, ti farò un monumento!

[cassiusclay]

Originariamente inviato da longilineo
Se il numero di elementi cambia a seconda che tu ti riferisca a quips, footnotes o text ti conviene utilizzare un indice diverso per ognuno di questi 3

function inizializza(){
                
                 //genero gli indici casuali
                indexT= Math.floor(Math.random() * (text.length-1)) ; 
                indexF = Math.floor(Math.random() * (footnotes.length-1)) ; 
                indexQ = Math.floor(Math.random() * (quips.length-1)) ; 

                $('#text').attr("innerHTML", text[indexT]);
                $('#footnote').attr("innerHTML", '[url="' + footnotes[indexF] + '"]' + footnotes[indexF] + '[/url]');
                $('#quip').attr("innerHTML", quips[indexQ] );
            
            } 

No, scusa, in realtà mi sono accorto che c'è una cosa che non va: ora text e footnotes sono spaiati, mentre dovrebbero sempre comparire insieme: text1 con footnotes 1...