Søg
Avatar billede kjoelby Nybegynder
28. december 2002 - 14:03 Der er 7 kommentarer og
1 løsning

Ændre class på stylesheet vha. link/knap - ( skins / layout )

Kan man ændre class på stylesheet vha. link/knap uden at bruge database, evt med et javascript. jeg vil give brugeren mulighed for at se siden med forskellige skins / layout, helst kun med 1 stylesheet...
Avatar billede Slettet bruger
28. december 2002 - 14:23 #1
ja det kan man ihvertfald hvis man bruger asp til det, så det burde også kunne laves via javascript, men ved ikke hvordan det laves i javascript.
Avatar billede pelkjaer Nybegynder
29. december 2002 - 00:29 #2
Here ya go: http://www.peterelkjaer.dk/exp/changeIt.html
Avatar billede pelkjaer Nybegynder
29. december 2002 - 00:31 #3
Er det en hel side der skal "skiftes" ville jeg personligt mene at det var nemmere at style html tags ( table {} osv. ) og så blot skifte imellem eksterne stylesheets med et klik, men det er jo smag og behag.

Sig til hvis du hellere vil ha en sådan løsning.
Avatar billede kjoelby Nybegynder
29. december 2002 - 10:32 #4
changeIt.html er en fin løsning, men jeg skal skifte forskellige style i flere tabeller, hvordan separerer man:
<a href="#"onclick="skiftKlasse('id1','style1')"('id2','style1id2'); return false;">Default</a>!!!
Avatar billede pelkjaer Nybegynder
29. december 2002 - 12:07 #5
Så er der opdateret :)
Avatar billede kjoelby Nybegynder
29. december 2002 - 13:03 #6
Prøv lige og se her så forstår du hvad jeg mener:-)

<html>
<head>
<title></title>

<style type="text/css">
<!--
.tableClassOne {
    background-color: #FF0000;
    height: 100px;
    width: 100px;
    border: 0px;
}
.tableClassTwo {
    background-color: #666666;
    height: 100px;
    width: 100px;
    border: 0px;
}
.table2ClassOne {
    background-color: #CCCCCC;
    height: 100px;
    width: 100px;
    border: 0px;
}
.table2ClassTwo {
    background-color: #0033FF;
    height: 100px;
    width: 100px;
    border: 0px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function skiftKlasse(classId, newClass) {
  if (document.getElementById) {
    if(classId != "none") {
      bla = document.getElementById(classId);
      bla.className = newClass;
    }
  }
}
//-->
</script>
</head>
<body>
<table cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <table id="myTable" class="tableClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#666666</td>
        </tr>
      </table>
    </td>
    <td>
      <table id="myTable" class="tableClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#666666</td>
        </tr>
      </table>
    </td>
    <td>
      <table id="myTable" class="tableClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#666666</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
    </td>
    <td>&nbsp;</td>
    <td>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
      <table id="myTable2" class="table2ClassOne">
        <tr>
          <td>her er en tabel<br>
            Skal blive:#0033FF</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<br>
<p><a href="#" onclick="skiftKlasse('myTable','tableClassTwo');skiftKlasse('myTable2','table2ClassTwo');return false;">skift css class</a></p>

<p><a href="#" onclick="skiftKlasse('myTable','tableClassOne');skiftKlasse('myTable2','table2ClassOne');return false;">skift css class tilbage</a></p>

</body>
</html>
Avatar billede pelkjaer Nybegynder
29. december 2002 - 13:45 #7
Du kan jo ikke ha samme id på flere tabeller.
Giv dem et unikt id.
Avatar billede kjoelby Nybegynder
29. december 2002 - 15:28 #8
Mange tak...
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »