style stringhe

[xalfryx]

Come faccio a personalizzare lo "style" delle stringhe di testo "Visualizza Ambiente", "Nascondi Ambiente" e "Visualizza Salute", "Nascondi Salute"????


******file Javascript****
if(document.getElementById && document.createElement){
document.write('<style type="text/css">*.toggle{display:none}</style>');
window.onload=function(){
/*le modifiche allo script vanno solo fatte qui*/
Attiva("ambiente","Visualizza Ambiente","Nascondi Ambiente");
Attiva("salute","Visualizza salute","Nascondi Salute");
}

}

function Attiva(id,s1,s2){
var el=document.getElementById(id);
el.style.display="none";
var c=document.createElement("div");
var link=document.createElement("a");
link.href="#";
link.appendChild(document.createTextNode(s1));
link.onclick=function(){
link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
el.style.display=(el.style.display=="none") ? "block" : "none";
return(false);
}
c.appendChild(link);
el.parentNode.insertBefore(c,el);
}

******end file javascript*******

*****sezione file html*******
[..]
<div id="ambiente" class="toggle" >
....
</div>
[..]
<div id="salute" class="toggle" >
....
</div>
*****end sezione file html*******

[ghiaccio84]

La risposta sembra semplice:
assegni una classe del foglio di stile all'elemento link dopo la creazione con

link.className="linkClass";

e scrivi la classe CSS linkClass per dare l'aspetto che vuoi al testo

[xalfryx]

Originariamente inviato da ghiaccio84
La risposta sembra semplice:
assegni una classe del foglio di stile all'elemento link dopo la creazione con

link.className="linkClass";

e scrivi la classe CSS linkClass per dare l'aspetto che vuoi al testo

scusa l'ignoranza....ma mi puoi fare un esempio nel mio script?

[ghiaccio84]

******file Javascript****
if(document.getElementById && document.createElement){
document.write('<style type="text/css">*.toggle{display:none}.linkClass{font-size:12px;font-family:Arial}</style>');
window.onload=function(){
/*le modifiche allo script vanno solo fatte qui*/
Attiva("ambiente","Visualizza Ambiente","Nascondi Ambiente");
Attiva("salute","Visualizza salute","Nascondi Salute");
}

}

function Attiva(id,s1,s2){
var el=document.getElementById(id);
el.style.display="none";
var c=document.createElement("div");
var link=document.createElement("a");
link.className="linkClass";
link.href="#";
link.appendChild(document.createTextNode(s1));
link.onclick=function(){
link.firstChild.nodeValue = (link.firstChild.nodeValue==s1) ? s2 : s1;
el.style.display=(el.style.display=="none") ? "block" : "none";
return(false);
}
c.appendChild(link);
el.parentNode.insertBefore(c,el);
}

******end file javascript*******

*****sezione file html*******
[..]
<div id="ambiente" class="toggle" >
....
</div>
[..]
<div id="salute" class="toggle" >
....
</div>
*****end sezione file html*******

[xalfryx]

Sei un mito! Funziona!!! Thanks

[xalfryx]

anzi..non funziona completamente...ma non capisco il motivo!

la dimensione del font me la cambia, però se voglio cambiare colore o mettere in bold o altro....non mi funziona più!