Cambiare colore con un pulsante

**ilmiocaos** · 21-08-2009, 17.05.13

Ciao a tutti, spero di aver trovato l'area giusta, volevo sapere se c'è un modo per far si che il colore del testo cambi al click su un pulsante ottenendo un effetto simile a quello che si ottiene il questo sito

http://users.libero.it/luclep/itaint.htm
Solo che in questo sito viene utilizzato con lo sfondo

Codice HTML:

<input type="button" value="colore" onclick="changeBackground('colore')">

Spero ci sia una soluzione^_^ grazie!

21-08-2009, 23.09.47

Aggiungi prima di </head>:

Codice HTML:

<script language="LiveScript">
<!-- function changeBackground(hexNumber){ document.bgColor=hexNumber} //-->
</script>

**ilmiocaos** · 21-08-2009, 23.49.32

quello l'ho fatto, ho dimenticato di scriverlo, ma se io volessi fare la stessa cosa con un javascript lo potrei fare?? qualcuno mi può postare un codice? io vorrei fare in modo che quando si clicca il pulsante button l'utente trovi le scritte della pagina cambiata di colore. grazie!

EDIT

Ho cambiato script, ho fatto una pagina di esempio potreste dirmi se è giusto o se è sbagliato ed in caso postarmi le correzioni? Grazie!

Codice HTML:

<html>
<head><link rel=stylesheet href="non_serve.css" type=text/css>
<script type="text/javascript"> 
function CambiaColore(colore){
document.body.style.color = colore;
}
</script>
</head>
<br><br><br>
<br><br><center><h3><font color="#ffffff">Clicca su i pulsanti e questo testo prenderà il colore scelto</font></h3>
<br><br><input type="button" value="Lilla" onclick="CambiaColore('#c29fff'')"><input type="button" value="Verde" onclick="CambiaColore('#00ee00')">
</html>

22-08-2009, 11.46.22

Beh se basi il tuo script sui parametri HTML allora dovresti cambiare alcune cose. Anzitutto setta il colore del testo non con il <font> ma con l'attributo text="#hex" nel tag body in questo modo:

Codice HTML:

<body text="colore">

Lo script invece dovrà essere in questo modo:

Codice HTML:

<script language="javascript" type="text/javascript">
    function cambiaColore(colore) {
        document.body.text = colore;
    }
</script>

Passa alla funzione il valore che vuoi ed hai fatto. Sarebbe interessante vedere se qualcuno ha idea di come svilupparla con i CSS

**dementialsite** · 22-08-2009, 13.43.02

Certo che si può fare, e non è nemmeno troppo difficile:

Codice HTML:

<!-- questa è la funzione che regola il tutto, inseriscila tra i tag <head> ... </head> -->
<script type="text/javascript">
function changeColor (element_id, value)
{
   document.getElementById(element_id).style.color = value;
}
</script>
...
<!-- questo è il testo che deve cambiare colore -->
<div id="cambiacolor">Guarda come sono colorato!</div>
...
<!-- questo è il pulsante che lo fa diventare blu -->
<input type="button" value="Blu" onclick="changeColor('cambiacolor','#0000FF')" />
<!-- con questo invece lo fai diventare rosso -->
<input type="button" value="Rosso" onclick="changeColor('cambiacolor','#FF0000')" />

Stammi bene...

**ilmiocaos** · 22-08-2009, 13.48.49

Non va lo stesso...

22-08-2009, 13.54.54

prova cosi...

<script type="text/javascript">
function cambiaTesto() {
document.body.text = "white";
}
</script>

<input type="button" onClick="cambiaTesto()" value="Cambia">

**dementialsite** · 22-08-2009, 14.00.17

ilmiocaos, vedi che succede a postare lo stesso messaggio in più discussioni? Un bel casino...

Comunque, leggi sopra la mia risposta (che dovrebbe funzionare)... se non va fammi sapere.

Stammi bene...

**ilmiocaos** · 22-08-2009, 14.15.45

si scusa.... lo script che mi hai postato va alla grande, un altra cosa, c'è un modo per fare in modo che rimanga del colore scelto anche quando faccio aggiorna?

Grazie mille!

EDIT

Altra domanda

io dovrei far ciò su un foglio dove richiamo il contenuto di documento di testo, come posso fare?

**dementialsite** · 23-08-2009, 11.10.18

Per la prima domanda, dovresti:
- modificare la funzione cambiaColor, in modo che salvi su un cookie il colore selezionato
- aggiungere un'altra funzione da eseguire all'avvio della pagina, in modo che legga il colore salvato sul cookie ed esegua cambiaColor in base al colore letto

Per gestire i cookie in JavaScript, prova a cercare nel forum... dovrei aver scritto da qualche parte due funzioni utili.

La seconda domanda non l'ho capita... cerca di spiegarti un po' meglio :-D

Stammi bene...

**ilmiocaos** · 23-08-2009, 15.37.17

Per la prima puoi darmi un link?

Per la seconda, ho uno script che legge un documento di testo (file .txt) e mi restituisce il testo a video

Questo è l'echo che mi da il testo a video
[HTLM]echo "<b><".$val[0]."></b>: $val[1]<br>";[/HTML]

Devo adottare paramentri specifici? Devo mettere il div in un punto particolare?

**dementialsite** · 23-08-2009, 17.54.37

Originalmente inviato da ilmiocaos

Per la prima puoi darmi un link?

Prova su questo post: http://forum.it.altervista.org/basi-...tml#post594261. Le funzioni che ti servono sono GetCookie e SetCookie.

Originalmente inviato da ilmiocaos

Per la seconda, ho uno script che legge un documento di testo (file .txt) e mi restituisce il testo a video

Questo è l'echo che mi da il testo a video
[HTLM]echo "<b><".$val[0]."></b>: $val[1]<br>";[/HTML]

Devo adottare paramentri specifici? Devo mettere il div in un punto particolare?

Se è tutto quello il testo che deve cambiare colore, ti basta avvolgere la echo dentro il div con id "cambiacolor" (oppure, aggiungere i marcatori del div all'inizio e alla fine dell'echo)... tutto qui.

Stammi bene...

23-08-2009, 18.02.10

non so se su altervista si può fare, ma ho aperto un post, (dove nessuno mi ha risposto) vorrei porre qui la mia domanda PERTIMENTE

-in caso positivo faccio ladoamnda;
-in caso negativo elimino subito la risposta (non c'è bisogno che mi date 5 punti);

=P

**ilmiocaos** · 23-08-2009, 21.33.33

Mi dispiace illuderti ma non basta avvolgere il tutto con div id...

Ora?

**dementialsite** · 24-08-2009, 09.32.57

Originalmente inviato da ilmiocaos

Mi dispiace illuderti ma non basta avvolgere il tutto con div id...

Ora?

Quello che intendevo dire è: quando stampi via PHP il codice HTML che contiene il tuo testo, devi inserire quello che deve cambiare colore all'interno del tag DIV come scritto sopra. Hai fatto così e non funziona?

Stammi bene...

**ilmiocaos** · 24-08-2009, 13.30.13

qst è il codice:

Codice PHP:


echo "<div id=cambiacolor><b>&lt;".$val[0]."&gt;</b>: $val[1]<br></div>";

ma nn va... è strano che non vada?

Discussione: Cambiare colore con un pulsante

LinkBack

Strumenti discussione

Display

Cambiare colore con un pulsante

Regole di scrittura