[java] colorare caratteri

lollolio · 14-04-2011, 14:47

ciao! ho un problemino e non so bene da dove iniziare..
in pratica ho una pagina web con un campo del titolo della pagina che viene visualizzato in un div..
ecco questo titolo vorrei che venisse visualizzato con i caratteri di punteggiatura colorati..

esempio:

titolo: titolo_1:test#titolo

ecco vorrei che solo alcuni caratteri da me definiti cambiassero colore..
il problema è che riesco solo a colorare tutto il testo contenuto nel div con un determinato id in questo modo: document.getElementById("titolo").style.color="#ff0000";

qualcuno riesce a indirizzarmi nella direzione giusta...
o magari esiste qualche metodo che fa al caso mio..!?

grazie! ogni consiglio è ben accetto..

gokan · 15-04-2011, 20:39

Ciao, se la tua stringa è statica e sai già quale sia la punteggiatura ed in che posizione sta, una possibile soluzione è creare diversi div

<div id="d1">Ciao</div><div id="d2">_</div>..

e poi usare la stessa tecnica di colorazione
document.getElementById("d1").style.color="black";
document.getElementById("d1").style.color="red";

o meglio ancora ti definisci una classe per i caratteri normali ed una per i segni della punteggiatura e poi usi span class="classe1" e class="classe2" piuttosto usare il javascript.
Ad esempio (salvalo in un file html)

Codice:

<html>
<head>
<style type="text/css">
.normale
{
color:black;
} 
.punteggiatura
{
color:red;
} 
</style>
</head>


<span class="normale">Forza</span><span class="punteggiatura">_</span><span class="normale">Juve</span>

</body>
</html>

Se sei alle prime armi con il css, ti consiglio (usato pure da me che non ho grosse conoscenze di css) :
http://www.w3schools.com/css/

Ciao

lollolio · 18-04-2011, 02:50

grazie per la risposta..!!
il problema è che il div che contiene il testo è riempito dinamicamente..

con il css ho già cercato ma non ho trovato nessun modo per selezionare i caratteri (che sono contenuti tutti nello stesso div)

14-04-2011, 14:47	#1
lollolio Junior Member Iscritto dal: Oct 2010 Messaggi: 6	[java] colorare caratteri ciao! ho un problemino e non so bene da dove iniziare.. in pratica ho una pagina web con un campo del titolo della pagina che viene visualizzato in un div.. ecco questo titolo vorrei che venisse visualizzato con i caratteri di punteggiatura colorati.. esempio: titolo: titolo_1:test#titolo ecco vorrei che solo alcuni caratteri da me definiti cambiassero colore.. il problema è che riesco solo a colorare tutto il testo contenuto nel div con un determinato id in questo modo: document.getElementById("titolo").style.color="#ff0000"; qualcuno riesce a indirizzarmi nella direzione giusta... o magari esiste qualche metodo che fa al caso mio..!? grazie! ogni consiglio è ben accetto..

15-04-2011, 20:39	#2
gokan Senior Member Iscritto dal: Apr 2002 Città: Palermo Messaggi: 4913	Ciao, se la tua stringa è statica e sai già quale sia la punteggiatura ed in che posizione sta, una possibile soluzione è creare diversi div <div id="d1">Ciao</div><div id="d2">_</div>.. e poi usare la stessa tecnica di colorazione document.getElementById("d1").style.color="black"; document.getElementById("d1").style.color="red"; o meglio ancora ti definisci una classe per i caratteri normali ed una per i segni della punteggiatura e poi usi span class="classe1" e class="classe2" piuttosto usare il javascript. Ad esempio (salvalo in un file html) Codice: <html> <head> <style type="text/css"> .normale { color:black; } .punteggiatura { color:red; } </style> </head> <span class="normale">Forza</span><span class="punteggiatura">_</span><span class="normale">Juve</span> </body> </html> Se sei alle prime armi con il css, ti consiglio (usato pure da me che non ho grosse conoscenze di css) : http://www.w3schools.com/css/ Ciao __________________ Sun Certified Java Programmer - Sun Certified Web Component Developer - Sun Certified Business Component Developer

18-04-2011, 02:50	#3
lollolio Junior Member Iscritto dal: Oct 2010 Messaggi: 6	grazie per la risposta..!! il problema è che il div che contiene il testo è riempito dinamicamente.. con il css ho già cercato ma non ho trovato nessun modo per selezionare i caratteri (che sono contenuti tutti nello stesso div)

Strumenti
Mostra una versione stampabile Invia questa pagina per email