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

    tabella a righe alternate con elementi a due a due

    Spero di esprimermi in maniera comprensibile

    qualcuno conosce il modo (con un ciclo con array) per fare le righe di una tabella con elementi a due a due?
    va bene sia con javascript che con PHP (ma senza mysql)

    Per esempio:
    dato un array
    elementi=new Array("x","y","z","k",...);

    invece della solita
    x
    y
    z
    k
    ...

    così
    xy
    zk
    ...

    ----------------------------------------

    per adesso ho rattoppato creando due tabelle parallele,
    la prima con
    i=0;
    e
    while(i<(elementi.length/2)) {...........

    la seconda con
    if(totale.indexOf(".")==-1) {i=(foto.length/2);} else {i=(foto.length/2+0.5);}
    e
    while(i<elementi.length) {...........

    ma ha delle criticità ed è poco pratica

    Grazie!

  2. #2
    spero che sia questo quello che ti serve:
    codice:
    <table border="1">
    	<tr>
    		<td>valore 1</td>
    		<td>valore 2</td>
    	</tr> 
    	<script>
    	elementi=new Array("x","y","z","k");
    	</script>
    	<script type="text/javascript">
    	 i=0;
    	 
    	 //inizio blocco di istruzioni
    	 while(i<elementi.length) {
    	  document.write("<tr>");
    
    	  //notare l'indice variabile
    	  document.write("<td>"+elementi[i]+"</td>");
    	  i++; //aumento l'indice di 1 per stampare il valore successivo
    	  document.write("<td>"+elementi[i]+"</td>");
    	  document.write("</tr>");
    
    	  //fine blocco di istruzioni
    
    	  i++; //aumento l'indice di 1 per recuperare il secondo rigo
    	 }
    	</script>
    </table>
    <head> Nothing! </head>
    <body> Open your mind and close your ass !!! </body>

  3. #3
    funziona alla stragrande

    codice:
    i++; //aumento l'indice di 1 per stampare il valore successivo
    questa tra i < td > è la chiave di volta che mi sfuggiva :master:

    grazie mille!

  4. #4
    di nulla, quando si può è bello poter dare una mano.
    <head> Nothing! </head>
    <body> Open your mind and close your ass !!! </body>

  5. #5
    sorge un problema nel caso le foto siano dispari. Giustamente in tal caso nell'ultima esce una foto vuota con un "undefined"

    cosa mi consigli?
    - smanettare con gli IF e creare due versioni, una per le pari e una per le dispari
    - creare una foto trasparente e metterla per ultima

    grazie

  6. #6
    processa tutti i campi e se è "undefined" scrivi
    che equivale a uno spazio vuoto, così almeno se stai disegnando una tabella ti disegna i bordi.

    <head> Nothing! </head>
    <body> Open your mind and close your ass !!! </body>

  7. #7
    uhm.

    il discorso è che ho applicato il tuo script per una gallery

    [...]
    document.write("<td height=\"190\"><a href=\""+cartella+foto[i] +".jpg\" rel=\"lightbox[k]\" title=\""+dida[i] +"\"><img src=\""+cartella+foto[i] +"k.jpg\" alt=\""+dida[i] +"\" width=\"200\" height=\"134\" hspace=\"5\" vspace=\"5\" border=\"0\" /></a>
    <p style=\"text-align:center; margin:0\">"+dida[i] +"</p></td>");
    [...]
    quindi lui si aspetta in ogni caso anche un percorso per una foto. Anche a dargli "valore nullo", fa ugualmente l'ingombro di una foto.

    Pensavo quindi di sdoppiare lo script, e ricaricarlo con un file esterno per non appesantire la pagina.
    Prima versione se sono pari, con la solita
    Seconda versione se sono dispari, con i<(elementi.length-1)
    anche se temo che mi salti qualcosa
    stronzata?

  8. #8
    così al volo (non potendola provare) userei l'immagine trasparente:

    es:
    codice:
    if (foto[i]){
    document.write("<td height=\"190\"><a href=\""+cartella+foto[i] +".jpg\" rel=\"lightbox[k]\" title=\""+dida[i] +"\"><img src=\""+cartella+foto[i] +"k.jpg\" alt=\""+dida[i] +"\" width=\"200\" height=\"134\" hspace=\"5\" vspace=\"5\" border=\"0\" /></a>
    <p style=\"text-align:center; margin:0\">"+dida[i] +"</p></td>");
    
    }else{
    document.write("<td height=\"190\"><a href=\""+cartella+fototrasparente +".jpg\" rel=\"lightbox[k]\" title=\""+dida[i] +"\"><img src=\""+cartella+foto[i] +"k.jpg\" alt=\""+dida[i] +"\" width=\"200\" height=\"134\" hspace=\"5\" vspace=\"5\" border=\"0\" /></a>
    <p style=\"text-align:center; margin:0\">"+dida[i] +"</p></td>");
    
    }
    prova e fammi sapere.
    <head> Nothing! </head>
    <body> Open your mind and close your ass !!! </body>

  9. #9
    direi che fa alla grande il suo dovere

    grazie mille

  10. #10
    è sempre un piacere!
    <head> Nothing! </head>
    <body> Open your mind and close your ass !!! </body>

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.