modificare colore

[keyg]

vorrei modificare il colore del testo all'interno della pagina...

i passaggi sono:
-trova gli elementi della pagina(codice non riportato..troppo lungo)
-controlla se ci sono elementi
_per ogni elemento mi toglie rimuove quello che c'è all'interno e lo modifica con il colore...

ma c'è qualcosa che non va!..

questo è il codice

.........


//controlla se ci sono elementi nella pagina
if (Elements.length > 0)
{



var element = null;
var styleElem = null;
var textNode = null;
var styleText= "#FF00FF" ;



for (Counter=0; Counter<Elements.length; Counter++)
{





//rimuove elemento

while(element = Elements[Counter].getElementById(id)) {
element.parentNode.removeChild(element);
}




styleElem = Elements[Counter].createElement("style");
styleElem.setAttribute("id", id);
styleElem.setAttribute("type", "text/css");

textNode = Elements[Counter].createTextNode( styleText );

styleElem.appendChild(textNode);


Elements[Counter].documentElement.childNodes[0].appendChild(styleElem);

}
}


....


ho provato in questo modo, ma nulla da fare...
riuscireste a darmi qualche dritta?..
grazie!

[Braco]

Originariamente inviato da keyg
vorrei modificare il colore del testo all'interno della pagina...

i passaggi sono:
-trova gli elementi della pagina(codice non riportato..troppo lungo)
-controlla se ci sono elementi
_per ogni elemento mi toglie rimuove quello che c'è all'interno e lo modifica con il colore...

ma c'è qualcosa che non va!..

questo è il codice

.........


//controlla se ci sono elementi nella pagina
if (Elements.length > 0)
{



var element = null;
var styleElem = null;
var textNode = null;
var styleText= "#FF00FF" ;



for (Counter=0; Counter<Elements.length; Counter++)
{





//rimuove elemento

while(element = Elements[Counter].getElementById(id)) {
element.parentNode.removeChild(element);
}




styleElem = Elements[Counter].createElement("style");
styleElem.setAttribute("id", id);
styleElem.setAttribute("type", "text/css");

textNode = Elements[Counter].createTextNode( styleText );

styleElem.appendChild(textNode);


Elements[Counter].documentElement.childNodes[0].appendChild(styleElem);

}
}


....


ho provato in questo modo, ma nulla da fare...
riuscireste a darmi qualche dritta?..
grazie!

Prova il mio es. che poi lo puoi adattare al tuo: se il campo Messaggio non è compilato o se vengono inseriti caratteri non ammessi si colora lo sfondo ed il carattere

//(Campo obbligatorio)
if(f.messaggio.value == "" || f.messaggio.value.match(/^\s+$/)){
f.messaggio.style.backgroundColor='yellow'
alert("Inserire il Messaggio");
f.messaggio.focus();
return false;
}
if((f.messaggio.value.indexOf("<") != -1) || (f.messaggio.value.indexOf(">") != -1) || (f.messaggio.value.indexOf("\\") != -1)){
f.messaggio.style.backgroundColor='red'
f.messaggio.style.color='white' 
alert("I caratteri  <  >  \\  non sono ammessi");
f.messaggio.focus();
f.messaggio.style.color=""
return false;
}
return true;
}

[keyg]

...il problema è che il mio testo è già colorato...quindi devo cancellare il nodo dove c'è il colore e aggiungere un nuovo nodo con il colore..


ho provato in questo modo...


if (Elements.length > 0)
{

var colTesto = null;
var styleElem = null;
var textNode = null;
var styleText = null;
var color = "#FF00FF";

for (Counter=0; Counter<Elements.length; Counter++)
{


//trova elementi color
styleElem = Elements[Counter].getElementsByTagName('color');

//rimuove elemento dal nodo
styleElem.removeChild(styleElem);

//crea un'altro elemento
styleElem = Elements[Counter].createElement("style");
styleElem.setAttribute("id", id);
styleElem.setAttribute("type", "text/css");

//aggiunge il colore
styleText = "* { color: " + color + " !important; }";

//crea il text nodo
textNode = Elements[Counter].createTextNode( styleText );

//lo aggiunge all'elemento
styleElem.appendChild(textNode);

//modifica la struttura
Elements[Counter].documentElement.appendChild(styleElem);




}



...anche così non va bene!...
qualcuno sa dove posso sbatter la testa?...

grazie per l'aiuto!..

[Braco]

Originariamente inviato da keyg
...il problema è che il mio testo è già colorato...quindi devo cancellare il nodo dove c'è il colore e aggiungere un nuovo nodo con il colore..


ho provato in questo modo...


if (Elements.length > 0)
{

var colTesto = null;
var styleElem = null;
var textNode = null;
var styleText = null;
var color = "#FF00FF";

for (Counter=0; Counter<Elements.length; Counter++)
{


//trova elementi color
styleElem = Elements[Counter].getElementsByTagName('color');

//rimuove elemento dal nodo
styleElem.removeChild(styleElem);

//crea un'altro elemento
styleElem = Elements[Counter].createElement("style");
styleElem.setAttribute("id", id);
styleElem.setAttribute("type", "text/css");

//aggiunge il colore
styleText = "* { color: " + color + " !important; }";

//crea il text nodo
textNode = Elements[Counter].createTextNode( styleText );

//lo aggiunge all'elemento
styleElem.appendChild(textNode);

//modifica la struttura
Elements[Counter].documentElement.appendChild(styleElem);




}



...anche così non va bene!...
qualcuno sa dove posso sbatter la testa?...

grazie per l'aiuto!..

Ascolta, prova il mio codice, anche il mio cambia il colore del testo: Provalo e vedi come funziona

[br1]

Originariamente inviato da Braco
Ascolta, prova il mio codice, anche il mio cambia il colore del testo: Provalo e vedi come funziona

Scusa Braco, evita di postare continuamente codice che non c'azzecca una pera col problema... il fatto che nel tuo codice si menzioni il colore non ti autorizza a ritenere che possa essere utile... se per quello basta digitare "colore" su google e di codici se ne trovano a bizzeffe... con la differenza che qualcuno di questi e' sicuramente una risposta piu' azzeccata della tua.

@ keyg: perdona questa intrusione, se ritieni piu' decoroso avere una discussione senza sfarfallamenti puoi aprirne una nuova, altrimenti prosegui pure qui.

[keyg]

braco ho già prvato ad usare
.style.color=

per modificare il colore...ma penso che non basti solo quello!..e non capisco cosa mi serve di altro!