javascript cambio proprietà css di + id insieme

[Jerry Masslo]

Premessa, di javascript so una cippa quindi scusate le vaccate.
Giorni fa ho chiesto la modifica di uno script e nonostante la mia incompentenza alla fine xinod e mich sono riusciti a farmi capire le modifiche da apportare, ora ritorno sul luogo dello scripto.
Partendo da quella funzione che accorcio per comodità:
function setWindowSize(size) {
var body = document.getElementById('Contenitore');
var percentuale = "76%"; // default
if (size == 1) percentuale = "58%";
if (size == 2) percentuale = "76%";
body.style.width = percentuale;
}
che cambia il width di un id ho scarabocchiato questa:
function setBackgroundColor(color) {
var body = document.getElementById('SottoMenu');
var background = "#FF6C6C"; // default
if (color == 1) background = "#FF6C6C";
if (color == 2) background = "#82AAFF";
body.style.backgroundColor = background;

}
che cambia il background di un id, anche questa inopinatamente funziona, quello che vorrei e cambiare i background-color di più id contemporaneamente, i miei tentativi fatti alla cieca non hanno portato a niente.

Prima di tutto si può fare? Se si, come?
Grazie anticipatamente

[Dennis]

potresti provare così:

function setBackgroundColor(color) {
var body=new array();
body[0]=document.getElementById('SottoMenu1');
body[1]=document.getElementById('SottoMenu2');
body[2]=document.getElementById('SottoMenu3');
var background = "#FF6C6C"; // default
if (color == 1) background = "#FF6C6C";
if (color == 2) background = "#82AAFF";
for(i=0;i<body.length;i++){
body[i].style.backgroundColor = background;
}
}

[Jerry Masslo]

non va, ma vista la mia esperienza può darsi sia io a sbagliare qualcosa, dovresti provarla tu per essere sicuri che non sia colpa dello script.
L'ultima graffa è di troppo vero?

[Dennis]

ecco

mi ero sbagliato... Array va scritto grande... quindi:

<script>
function setBackgroundColor(color) { 
var body=new Array(); 
body[0]=document.getElementById('SottoMenu1'); 
body[1]=document.getElementById('SottoMenu2'); 
body[2]=document.getElementById('SottoMenu3'); 
var background = "#FF6C6C"; // default 
if (color == 1) background = "#FF6C6C"; 
if (color == 2) background = "#82AAFF"; 
for(i=0;i<body.length;i++){ 
body[i].style.backgroundColor = background; 
} 
}
</script>

[Jerry Masslo]

scusa il ritardo ma è colpa tua, se lo script non avesse funzionato ti avrei risposto prima ma visto che funza ho perso un bel po' di tempo per sfruttarlo a dovere.
grazissime assai molto di più.

Un'altra cosa, sai se si possono recuperare le pseudo classi come a:link o a ecc.. o gli pseudo elementi come first-letter?
Già puoi vantare un dennis.js se mi risolvi anche questa magari ci aggiungo un super.

[Dennis]

fatti un girettino qui


http://forum.html.it/forum/showthrea...hreadid=582104

[Jerry Masslo]

Originariamente inviato da Dennis
fatti un girettino qui


http://forum.html.it/forum/showthrea...hreadid=582104

il girettino l'ho fatto però ho l'impressione che non sia quello che cerco, posso sbagliarmi (non è che so solo quattro cose di javascript, nemmeno due) A me non serve far andare psudeo classi su ie anche dove non le supporta, serve solo recuperarle, anche pseudo elementi, in una function per cambiare il valore di qualche proprietà cioè se riesco a spiegarmi mi servirebbe qualcosa che facesse una cosa del genere, sto inventando:


function setFirstLetter(color) {
var body = document.getElementById('Contenitore');
var color = "red"; // default
if (color == 1) percentuale = "red";
if (color == 2) percentuale = "silver";
body.style.firstLetterColor = color;
}

altro girettino?

[antos]

Originariamente inviato da Jerry Masslo
il girettino l'ho fatto però ho l'impressione che non sia quello che cerco, posso sbagliarmi (non è che so solo quattro cose di javascript, nemmeno due) A me non serve far andare psudeo classi su ie anche dove non le supporta, serve solo recuperarle, anche pseudo elementi, in una function per cambiare il valore di qualche proprietà cioè se riesco a spiegarmi mi servirebbe qualcosa che facesse una cosa del genere, sto inventando:


function setFirstLetter(color) {
var body = document.getElementById('Contenitore');
var color = "red"; // default
if (color == 1) percentuale = "red";
if (color == 2) percentuale = "silver";
body.style.firstLetterColor = color;
}

altro girettino?

ecco l'altro girettino dove lo puoi fare
http://pro.html.it/articoli/id_263/idcat_8/pro.html
http://pro.html.it/articoli/id_211/idcat_27/pro.html

[Jerry Masslo]

io giro ma il risultato è che mi gira la testa, per me è come dover imparare arabo su testi in turco. La domanda è: ho un chiodo me lo piantate? R: No, non si può; o: Sì ci ho appena dato una martellata. Se voi rispondete: guarda nella cassetta degli attrezzi; non la so neanche aprire, oppure se dite dagli una martellata; che è un martello? MI sono stato spiegato?

la domanda è anzi le domande sono: ho questa funzione che cambia il colore del testo di un id

function setArlecchino(color) {
var body = document.getElementById('Piede');
var colore = "#red"; // default
if (color == 1) rombo = "red";
if (color == 2) rombo = "green";
body.style.color = rombo;
}

che opera su:
#Piede {color: red}
e vorrei invece lo facesse su:
#Piede:first-letter {color: red}


che devo modificare per far cambiare il colore delle firs-letter? Si può fare aggiustando solo l'ultima riga? O la cosa è più complessa?

grazie, piuttosto che farmi girare fermatemi.

[antos]

allora visto che non credo che si possa ricavare la first letter
l'unica cosa che io penso che tu puoi fare è cambiare al volo i valori nel css oppure cambi la classe

1)
come dal link ceh ti ho dato fai:

ok = (document.styleSheets) ? 1:0;
IE4 = (document.all) ? 1:0;
NN6 = (!document.all && document.getElementById) ? 1:0;

if(ok) {
  if(IE4) stile = document.styleSheets[0].rules
  if(NN6) stile = document.styleSheets[0].cssRules 
  } 
/*presuppongo che #piede sia il primo id che definisci
 che definisci e #piede:first-letter il secondo seconda */
stile[0].style.color = 'red'; //cambi il colore del testo a #piede
style[1].style.color = 'red'; //cambi il colore della prima lettere

purtroppo opera NON supporta l'oggetto styleSheet..
2)con il secondo sistema in pratica devi definirti 2 classi per :first letter
es:
#piede .classeA:firstletter
#piede .classeB:firstletter

con questo sistema ti basta cambiare la propietà className dell'oggetto e sei a posto