Pakke CSS ind i JavaScript?

hmmm, måske er det simpelt, hvis du køber følgende argument.

Ved det at du konstantere at moz-opacity ikke valideres men du ønsker at bruge den alligevel, så siger du vel egentligt at du ikke er interesseret i W3C validatorens mening lige hvad angår den specifikke style, så hvorfor bruger du ikke bare stylen og lader validator være validator ihvertfald hvad angår denne del af din CSS. Der giver vel ikke mening at bruge den indirekte ud fra betragtningen at enten så bruger man kun W3C styles eller også er man lidt praktisk.

IMHO, lad det være og lad være med at komplicerer tingene ved indirekte styling.

Jepper, jeg kan udemærket følge hvad du mener. Det er ellers også min mening: Enten følger man W3C´s validator, eller også blæser man på den.

Men sagen er, at jeg indtil nu har brugt så lang tid/energi på at optimere/tilpasse både XHTML, CSS osv., at jeg stadig vil følge den vej.
Men nu er det bare , at jeg er løbet ind i dette problem, fordi jeg har set mig blind på at bruge netop denne menu med disse 2 uvaliderbare CSS-tags.
Så jeg sidder på 2 stole lige nu...
Derfor tænker jeg på denne løsning, med at pakke det ind i et JavaScript. Tilmed sker der alligevel ingen skade ved, at ældre/andre browsere ikke kan eksekvere de 2 tags - menuen vises nemlig bare uden gennemsigtigheden.

Men er der virkelig ingen herinde, som kan det lille fif, at pakke 2 CSS-tags ind i et JavaScript???

Kig på roenvings kode :)

http://roenving.users.whitehat.dk/

there-is-only-xul:
Jepper, jeg kan godt se hvad du mener. :-)

Jeg går stærkt ud fra, at du mener koden fra denne side?
http://roenving.users.whitehat.dk/index.html?/WD5Opacity.html

MEN:
Jeg fatter altså ikke lige, hvordan jeg kan putte de 2 CSS-tags ind her:
<script language="javascript" type="text/javascript">

var OpC = new Array();
var ie,moz,css3; function startOpChange(elm,end,tim){
  ie = !!elm.filters;
  moz = elm.style.MozOpacity != undefined;
  css3 = elm.style.opacity != undefined;
  if (!ie && !moz && !css3)return;
  var idx = OpC.length;
  for(var i=0;idx>i;i++){
    if(OpC[i][0]==elm){
      clearInterval(OpC[i][4]);
      idx = i;
      break;
    }
    OpC[idx] = new Array();
  }
  if(idx==0)OpC[idx] = new Array();
 
  if(ie)actOp=elm.filters.alpha.opacity;
  else if(css3)actOp=(elm.style.opacity*100);
  else actOp=(elm.style.MozOpacity*100);
  if (actOp!=end){
    OpC[idx][0]=elm;
    OpC[idx][1]=actOp;
    OpC[idx][2]=end;
    OpC[idx][3]=(end>actOp)?1:-1;
    var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
    OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
  }
}

function opChange(idx){
  OpC[idx][1]+=OpC[idx][3];
  if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
  else if(css3)OpC[idx][0].style.opacity=Math.min(0.99,OpC[idx][1]/100);
  else OpC[idx][0].style.MozOpacity=Math.min(0.99,OpC[idx][1]/100);
  if (OpC[idx][1]==OpC[idx][2]){
    clearInterval(OpC[idx][4]);
    return;
  }
}

</script>


Kan du ikke venligst ordne den lille sag for mig? Så er du en guttermand! ;-)

Du kan sætte start-opaciteten ved at lægge det på onload:

<script type="text/javascript">
window.onload = function(){
var defOpacity = 30;
var elms = document.getElementsByTagName("div");//skriv det rigtige tagname !-)
if(elms){
  if(elms[0].filters)
    for(i=0;elms.length>i;i++)
      elms[i].filters.alpha.opacity = defOpacity;
  else if(elms[0].style.MozOpacity != undefined)
    for(i=0;elms.length>i;i++)
      elms[i].style.MozOpacity = defOpacity/100;
  else if(elms[0].style.opacity != undefined)
    for(i=0;elms.length>i;i++)
      elms[i].style.opacity = defOpacity/100;
}
}
</script>

-- en rå skitse, for du skal sikkert også vælge mellem de, der skal have gennemsigtigheden og andre elementer med samme tagname !-)

Well... jeg kan ikke få det til at virke - og hvis jeg ikke får hjælp til at løse opgaven, må jeg afslutte spørgsmålet og komme videre. :-)

Hrm, tjah ...

-- hvad har du gjort ?-)

roenving:
Tak for din tid og indsats. :-)
Læg venligst et svar, så jeg kan få afsluttet spørgsmålet. :-)

Oki '-)

Selv tak, og velbekommen! :-)

-- og jeg takker for point ;~}