Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    Matrice con righe alternate con mootools?

    E' possibile alternare il colore delle righe di una tabella/matrice con MooTools?
    Perchè la sto creando in un articolo di Joomla!. Poichè Joomla! ha già questo framework mi chiedevo se fosse possibile: in questo modo non devo usare altri script (anche se piccoli e leggeri).
    Grazie, ciao!
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  2. #2

  3. #3
    Ok, grazie mille, solo che io di JS non so assolutamente nulla . Potresti indirizzarmi ad una risorsa che mi spieghi come posso utilizzare quello che mi hai linkato (cos'è? Un metodo? UNa funzione? )? Grazie
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    e' un selettore, ti permette di definire quali elementi saranno interessati dalle istruzioni seguenti
    usalo cosi'
    codice:
    window.addEvent('domready',function(){
    	$$('#idTabella tr:even').addClass('classeColoreAlterno');
    });
    setta un id per la tabella e aggiungi una classe css con background diverso rispetto a quello che hanno i normali tr

    se non hai risultati visibili valuta la possibilita' che un eventuale background su <td> impedisca di vedere quello su <tr>
    ed in questo caso determina il background dei td in base alla classe del tr
    codice:
    tr.classeColoreAlterno td {
      background-color:#aaa;
    }
    ciao

  5. #5
    Ho provato come mi hai suggerito.
    Nel css ho inserito questa class

    codice:
    #idTabella tr.odd {
    background-color: #d0d0d0 ;
    }
    Nella pagina questo codice
    codice:
    <script type="text/javascript">
    window.addEvent('domready',function(){$$('#idTabella tr:even').addClass('odd');});
    </script>
    Analizzando il codice con Firebug, però, vedo che la classe viene aggiunta nel tag table e non nei tag tr.
    Sto combinando qualche casino io?

    EDIT
    Ho provato ad usare

    codice:
    <script type="text/javascript">
    window.addEvent('domready',function(){$$('#idTabella tr').addClass('odd');});
    </script>
    Ho tolto :even praticamente, e la classe viene applicata correttamente a tutti i tr.
    Che vuol dire?
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  6. #6
    Avrei editato il messaggio precedente ma non me lo permette più.
    Comunque, potrebbe essere che poichè uso thead e tbody non legge bene il DOM (stiamo parlando di DOM giusto?)?
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    non puo' dipendere dalla presenza di thead tbody

    verifica non ci siano incongruenze a livello di markup,
    verifica la versione di mootools in uso,
    considera, almeno a livello di test, di scaricare la piu' recente e di provarla fuori dal contesto di joomla
    vedrai che funzionerebbe

  8. #8
    Vuoi vedere che è impossibile?
    La versione che ha Joomla! è la 1.1, se non ho capito male questi selettori sono stati implementati successivamente, nella 1.2. O mi sbaglio?
    eCommerceRS.NET - Commerciante, vendi on-line!
    Il mio nick è mircov e non mirco!!!

  9. #9
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    correct

  10. #10
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    per cui o spingi a forza in joomla mootools 1.2.x (che ne varrebbe la pena)
    o valuti comunque tutti i tr per operare solo sulle righe opportune
    codice:
    $$('#idTabella tr').each(function(el,i){if(i%2==0) el.addClass('odd')});
    ciao

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.