Søg
Avatar billede hono Nybegynder
13. januar 2002 - 00:04 Der er 7 kommentarer og
1 løsning

Ændre classværdi

Kan man med javascript ændre en css-class-egenskab.

Eks.:

p.minclass{
font-family:verdana;
}
....
function nyclass(){
document.style.p.minclass.font-family=\"tahoma\";
}

Hono
Avatar billede nute Nybegynder
13. januar 2002 - 00:10 #1
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
    ie = document.all?true:false;
    dom = document.getElementById?true:false;
    ns4 = document.layers?true:false;
   
  function changeFont( font ){
      if(!ns4){
          document.body.style.fontFamily=font;
        } 
    }
    function changeColor( col ){
      if(!ns4){
          document.body.style.backgroundColor=col;
        } 
    }
  //-->
  </SCRIPT>
</head>

<body>
Dette er en liten setning som skifter font type

<form name=\"frm\">
<select name=\"fnt\" onchange=\"changeFont( this.options[ this.selectedIndex ].value );this.blur();\">
<option value=\"verdana\">verdana</option>
<option value=\"arial\">arial</option>
<option value=\"helvetica\">helvetica</option>
<option value=\"ms sans serif\">ms sans serif</option>
</select>
</form>
</body>
</html>
Avatar billede hono Nybegynder
13. januar 2002 - 00:19 #2
Takker nute. Forhøjede lige med 10 point, dem jeg \"skyldte\" dig for svaret på spørgsmålet om divs uden <br> bagefter ;)

Hono
Avatar billede hono Nybegynder
13. januar 2002 - 00:21 #3
Nej damn, nu gjorde jeg det igen, accepterede for hurtigt. Dit virker da ikke på en bestem class vel?

Hono
Avatar billede nute Nybegynder
13. januar 2002 - 00:53 #4
du skylder meg ikke noen ting, men takk...

hva er det egentlig du ønsker ? endre fx. font farge for en klasse ?
Avatar billede stigc Nybegynder
13. januar 2002 - 01:59 #5
.classname=\"dinClass\"
Avatar billede hono Nybegynder
13. januar 2002 - 13:04 #6
Er der nogen der kan give m,ig et eksemepel på anvendelse af det der .classname=\"dinClass\"

nute >> Det er faktisk en del forskellige ting jeg ønsker at ændre. Jeg har en class der hedder p.orange.

Den ser sådan ud:

P.orange{
font-family: verdana, tahoma, arial, sans serif;
font-size: 10pt;
color:#990000;
font-weight:bold;
float:left;
margin:0px;
}

Når der vælges i en noget andet i en dropdownbox skal den f.eks. i stedet se sådan ud:

P.orange{
font-family: tahoma, verdana, arial, sans serif;
font-size: 10pt;
color:#999999;
font-weight:bolder;
float:none;
margin:0px;
}


Hono
Avatar billede nute Nybegynder
13. januar 2002 - 15:44 #7
hmm...jeg kan ikke se helt hvorfor du ønsker å endre class verdiene, men du kan kikke litt på denne her:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Untitled</title>
    <style>
    P.orange{
        font-family: verdana, tahoma, arial, sans serif;
        font-size: 10pt;
        color:#990000;
        font-weight:bold;
        float:left;
        margin:0px;
    }

    </style>
    <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
  <!--
  function changeClass( selIndex, className ){
      var selVal = document.frm.selChangeClass.options[ selIndex ].value;
      var valArr = selVal.split(\";\");
    var styleObj = null;
      if (document.all) {
        for (var s = 0; s < document.styleSheets.length; s++){
          for (var r = 0; r < document.styleSheets[s].rules.length; r++){
            if (document.styleSheets[s].rules[r].selectorText == className){
              styleObj = \"document.styleSheets[\" + s + \"].rules[\" + r + \"]\";
                    }
                }
            }
      }
      else if (document.getElementById) {
        for (var s = 0; s < document.styleSheets.length; s++){
          for (var r = 0; r < document.styleSheets[s].cssRules.length; r++){
            if (document.styleSheets[s].cssRules[r].selectorText == className){
              styleObj = document.styleSheets[s].cssRules[r];
                    }
                }
            }
      }
        if( styleObj != null ){
          for( i = 0; i < valArr.length; i++ ){
              arrVal    = valArr[i];
              styleType = arrVal.substr( 0, arrVal.indexOf(\":\") );
                styleVal  = arrVal.substr( arrVal.indexOf(\":\")+1);
              eval( styleObj + \".style.\" + styleType + \"=\" + styleVal + \";\" );
            }
        }
             
    }
  //-->
  </SCRIPT>
</head>

<body>
<P class=\"orange\">Dette er en liten test</P><br>
<form name=\"frm\">
<select name=\"selChangeClass\" onchange=\"changeClass( this.selectedIndex, \'P.orange\' );\">
<option value=\"fontWeight:\'bolder\'\">font-weight = bolder</option>
<option value=\"color:\'#999999\'\">farve = #999999</option>
<option value=\"color:\'#999999\';fontWeight:\'bolder\'\">alle overstående</option>
</select>
</form>
</body>
</html>


deretter kikk litt på denne link for å se hva du kan gjøre:

http://developer.netscape.com/docs/manuals/js/client/jsref/style.htm

/nute
Avatar billede hono Nybegynder
13. januar 2002 - 16:23 #8
Cool nute, det ser helt perfekt ud!

Hono
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »