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

    Cambiare colore riga datatable

    Ciao ragazzi,
    volevo sapere, come posso riuscire a cambiare colore sai di testo che di background ad una riga di una tabella con javascript.
    Vi allego il mio codice:
    codice:
    example2Tab = $('#example2').dataTable( {
    "aaSorting": [[ 0, "desc" ]],
    		"aoColumns": [
    			{ "sTitle": "Id" },
    			{ "sTitle": "Carbon Dioxide" },
    			{ "sTitle": "Carbon Monoxide" },
    			{ "sTitle": "Mote"},
    			{ "sTitle": "Pressure"},	
    			{
    				"sTitle": "Temperature",
    				"fnRender": function(obj) {
    					var sReturn = obj.aData[ obj.iDataColumn ];
    					if ( sReturn >= "27" ) {
    						sReturn = ""+sReturn+"";
    					}
    					return sReturn;
    				}
    			},
    			{ "sTitle": "Time Stamp"},
    			{ "sTitle": "Controllo",
    				"fnRender": function(obj) {
    				var sReturn = obj.aData[ obj.iDataColumn ];
    				if ( sReturn > "200" ) {
    					sReturn = ""+sReturn+"";
    					$('tr').addClass( 'highlighted' );
    					
    				}
    				return sReturn;
    			}
    				}
    		]
    	} );
    nella parte di codice di CONTROLLO invece di usare
    codice:
    $('tr').addClass( 'highlighted' );
    che non fa nulla, vorrei inserire un qualcosa che mi cambia il colore o il testo o il bg o entrambi.
    Vi ringrazio in anticipo

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    cioe' questo $('tr').addClass( 'highlighted' ); funzionerebbe, ma tu non vuoi aggiungere una classe ma modificare lo stile in linea, corretto?

  3. #3
    Originariamente inviato da Xinod
    cioe' questo $('tr').addClass( 'highlighted' ); funzionerebbe, ma tu non vuoi aggiungere una classe ma modificare lo stile in linea, corretto?
    si, vorrei solo modificare lo stile della riga...

    Il prof mi ha detto di farlo in javascript, xo nel caso fosse troppo ingarbugliata la cosa va bene anche l'html crudo ( come per il bold )

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    il punto e' che aggiungere classi e' un approccio molto preferibile a modificare lo stile in linea perche' mantieni una netta separazione tra il markup e come esso viene mostrato
    quindi personalmente ti consiglio semplicemente di aggiungere una classe diversa da/oltre ad highlighted

    se comunque vuoi settare lo stile in linea, sara'
    $('tr').css({'backgroundColor':'#990000','color':' #000000'});

    questo funzionerebbe, occorre vedere pero' se altre dichiarazioni di stile dei figli dell' elemento in questione non risultano all' atto pratico annullare le modifiche

  5. #5
    Originariamente inviato da Xinod
    il punto e' che aggiungere classi e' un approccio molto preferibile a modificare lo stile in linea perche' mantieni una netta separazione tra il markup e come esso viene mostrato
    quindi personalmente ti consiglio semplicemente di aggiungere una classe diversa da/oltre ad highlighted

    se comunque vuoi settare lo stile in linea, sara'
    $('tr').css({'backgroundColor':'#990000','color':' #000000'});

    questo funzionerebbe, occorre vedere pero' se altre dichiarazioni di stile dei figli dell' elemento in questione non risultano all' atto pratico annullare le modifiche
    Scusami ma non funziona... come hai detto te c'è un css impostato per la tabella. Come posso fare? :|
    Scusami, ma non sono molto pratico

  6. #6
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    forniresti un esempio funzionante su cui provare?
    di certo non ho tempo per farlo da zero

  7. #7
    Originariamente inviato da Xinod
    forniresti un esempio funzionante su cui provare?
    di certo non ho tempo per farlo da zero
    Questo è il codice css della tabella:

    codice:
    table.display tr.odd.gradeA {
    	background-color: #ddffdd;
    }
    
    table.display tr.even.gradeA {
    	background-color: #eeffee;
    }
    
    table.display tr.odd.gradeC {
    	background-color: #ddddff;
    }
    
    table.display tr.even.gradeC {
    	background-color: #eeeeff;
    }
    
    table.display tr.odd.gradeX {
    	background-color: #ffdddd;
    }
    
    table.display tr.even.gradeX {
    	background-color: #ffeeee;
    }
    
    table.display tr.odd.gradeU {
    	background-color: #ddd;
    }
    
    table.display tr.even.gradeU {
    	background-color: #eee;
    }
    
    
    tr.odd {
    	background-color: #E2E4FF;
    }
    
    tr.even {
    	background-color: white;
    }
    se non è quello che volevi, fammi sapere che non ho capito bene cosa ti serve :|

  8. #8
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    mi serve tutto

  9. #9
    Stasera ti posto un link che qui all'università non posso andare su siti di hosting che c'è il blocco.
    Grazie di tutto

  10. #10
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    non tutto il css,
    lascia un link dove vedere il tutto funzionante

    ripeto che non ho tempo per ricostruire la tua situazione da zero

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.