script per modifica css con tabella colori html

Monital

Utente Attivo
15 Apr 2009
778
2
18
Salve, non riesco a trovare niente in giro, forse perchè non so come cercarlo quindi chiedo lumi qui.

Vorrei fare in modo che un utente modifichi il file css a lui associato, possbilmente tramite una tabella dei colori html

della serie:

Ho una tabella e in una pagina php per la modifica del css deve apparire la tabella o le varie opzioni da modificare e cliccandoci sopra dovrebbe apparire la tabella colori html

per esempio se il css è
Codice:
.table th{
background-color: #000000
}

l'utente cliccando sull'intestazione della tabella deve vedere la tabella dei colori e scegliere il nuovo colore per esempio il rosso e quindi il css deve diventare

Codice:
.table th{
background-color: #FF0000
}

come si può fare?
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
se non ho capito male puoi provare una cosa del genere, cliccando su una cella colorata della prima tabella, la seconda assume il colore cliccato
PHP:
<?php
if(isset($_GET['col'])){
	$colore=$_GET['col'];
}else{
	$colore="000000";
}
?>
<style type="text/css">
.tabella{background-color:#<?php echo $colore; ?>;}
</style>
clicca sul colore
<table width="100%"  border="2" cellspacing="0" cellpadding="2">
  <tr>
    <td bgcolor="#FFFF00"  onclick='javascript:window.location.href="?col=FFFF00";'>&nbsp;</td>
    <td bgcolor="#000000"  onclick='javascript:window.location.href="?col=000000";'>&nbsp;</td>
    <td bgcolor="#FF0000" onclick='javascript:window.location.href="?col=FF0000";'>&nbsp;</td>
    <td bgcolor="#00FF00" onclick='javascript:window.location.href="?col=00FF00";'>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>
<table width="100%"  border="0" cellspacing="0" cellpadding="2" class="tabella">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
guarda che comunque è solo un'idea da mettere a posto
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao
anche a me tempo fa era venuta in mente un idea del genere

dopo che l'utente ha scelto il colore lo potresti memorizzare sul db

cosi puoi costruirti il css con una query
 

Monital

Utente Attivo
15 Apr 2009
778
2
18
mmh buone idee però

@borgo

così per tutti i colori dovrei inserirmi tutti i codici colore, non esiste qualcosa gia che li includa tutti?

Inoltre io vorrei che i colori scelti vadano a modificare il css per i vari tag della tabella come faccio a far capire quale colore è stato selezionato? e come faccio poi a modificare il css?

@ciric
l'idea di salvare il colore sul databse sarebbe anche buona ma come fargli capire quale colore ha scelto? e come si può riscrivere un css premlevando dati dal database?

sui potrebbe ovviare nominando il file in style.php invece che style.css però non so come richiamarlo come css nei file di origine
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
e come si può riscrivere un css premlevando dati dal database?

se hai giàù un file che includi che contiene delle funzioni puoi aggiungerne una del genere:

PHP:
function creaCss($idUtente) {
    $query = "SELECT colore_tabella FROM utenti WHERE idUtente = $idUtente";
    
    // qui la esegui etc
    
    echo "<style type='text/css'>";
    
    echo ".table {
            background-colot: " . $row['colore_tabella'] . ";";
    echo "}";
    echo "</style>";
}

e la potresti richiamare piu o meno cosi

PHP:
<head>
    <?php
    // includi il fiule delle funzioni
    if (isset($_SESSION['idUtente'])) {
        creaCss($_SESSION['idUtente']);
    }
    ?>
</head>

PS:
o anche questo color picker http://javascript.html.it/demo/javascript/6453/demo_index.html
tra l'altro è l'unica cosa in jquery che sono riuscito a far funzionare
 
Ultima modifica:

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
così per tutti i colori dovrei inserirmi tutti i codici colore, non esiste qualcosa gia che li includa tutti?
una volta per costruirmi i codici colore che mi servivano ho fatto in questa maniera per non dover scrivere tutti i codici

PHP:
<?php
$col_R=array("#FF","#CC","#99","#66","#33","#00");
$col_G=array("FF","CC","99","66","33","00");
$col_B=array("FF","CC","99","66","33","00");
foreach($col_R as $r){
	echo "<table width=\"50%\" align=\"center\">";
	foreach($col_G as $g){
		echo "<tr>";
		foreach($col_B as $b){
			$colore_HTML[]=$r.$g.$b;//fatto l'array perche mi serviva anche da altra parte
			echo "<td bgcolor=\"".$r.$g.$b."\"&nbsp;<br></td>";
		}
		echo "</tr>";
	}
	echo "</table>";
}
?>
se lo provi vedi tabelle con le celle colorate poi sta a te decidere quali colori vuoi cercandoti una "regola" per crearli
 
Discussioni simili
Autore Titolo Forum Risposte Data
D script per modifica di una tabella mysql PHP 3
P Passare solo alcuni parametri a script per CSV PHP 0
felino Script PHP per leggere un file JSON. autenticazione? PHP 4
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
A [PHP] Script con array con numeri che iniziano per 00 PHP 2
TpD [PHP] Script per organizzazione presenza eventi PHP 3
webmachine [PHP] Script per censurare parole PHP 4
otto9due GDPR 25 Maggio - script per attivare analytics, facebook ecc.. dopo il consenso. jQuery 14
M [PHP] Script per controllo disponibilitá negozio in citta PHP 4
G Inserzione script nella pagina html per jquery jQuery 8
K Script PHP per leggere array.txt Presentati al Forum 3
N [Javascript] script demo preloader per video Javascript 0
Mauro Guardiani [PHP] script per caricamento video PHP 0
P [Javascript] Aiuto per recupero variabili da script Javascript 10
D script per far funzionare l'animazione Javascript 4
D script per far funzionare l'animazione Presentati al Forum 1
romeocharly Creare un script/codice in php per collegare un id mysql con un file PHP 0
xone [Vendo] Script php+mysql autocostruito per gestione giacenze magazzino Offerte e Richieste di Lavoro e/o Collaborazione 0
F Script php per IP camera PHP 12
M Script per convertire video youtube in mp3 PHP 1
M Comportamento strano di questo script per caricamento file sql in database PHP 7
D Creare script per calcolo ore PHP 11
L Script per aggiornare pagina html Javascript 2
Y script per upload file PHP 9
G Script per sincronizzare EBay PHP 0
Tommi Script per menù Javascript 16
G Cerco script per importare file .xml e .csv. Lavoro retribuito Offerte e Richieste di Lavoro e/o Collaborazione 2
F Spiegazione script java per randomizzare Javascript 0
IImanuII Licenza per script in PHP PHP 2
S Consigli per script javascript per creare videogiochi Javascript 2
G Script per chat sito adulti PHP 1
S aiuto per script PHP/OOP PHP 2
A Script per download non legge stensione file PHP 1
Z Script per aprire video youtube sia apre a schermo intero e poi ridimensionare in automatico Javascript 1
P Supporto per creare uno script "Add Cart" Offerte e Richieste di Lavoro e/o Collaborazione 7
D Script per email pubblicitarie PHP 2
filippino Script PHP per estrarre dati estrazioni da sito "10 e lotto" PHP 0
M Script Google Maps per ricavare coordinate di un indirizzo PHP 0
andry79fi PLUGIN (o script) per Pagina Facebook con INTERVENTI degli utenti WordPress 0
M Dove sbaglio con questo script per inserimento record? PHP 1
M [risolto] Script ajax per form e mappe Ajax 6
A Sito per presentazione di plugin e script Presenta il tuo Sito 0
P Script per far scomparire l'input dopo aver premuto invio? Javascript 8
H Script per visualizzare ip mi dà errori! PHP 0
A [RISOLTO] Script per il login PHP 8
P script per avviare webcam Javascript 0
C VENDO-SCRIPT ADDMEFAST per incremento FANS su FACEBOOK Annunci servizi di Social Media Marketing 0
D script per querystring Javascript 2
C VENDO SCRIPT per aumentare fan su pagine facebook Annunci servizi di Social Media Marketing 0
S Script per personalizzazione Javascript 6

Discussioni simili