<form method="get" action="?" name="f1">
<select name="css" onchange="setActiveStyleSheet(document.f1.css.options[document.f1.css.selectedIndex].value);">
<option value="ettan">red</option>
<option value="tvaan">blue</option>
</select>
</form>
Frågan#1
Nedan skript laddar in olika CSS-mallar vid länkklick. Funkar perfekt.
Skulle dock vilja ha en SELECT dropdown istället för vanliga länkar men fattar absolut inte hur jag får med mig länkarnas värde i en select och hur jag får en select att ladda in css:en på onChange (vilket jag antar att det är).
Kan någon vis person förbarma sig över mig?
/A :)
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="css/default.css" title="default" />
<link rel="alternate stylesheet" type="text/css" href="css/ettan.css" title="ettan" />
<link rel="alternate stylesheet" type="text/css" href="css/tvaan.css" title="tvaan" />
<script type="text/javascript" src="scripts/styleswitcher.js"></script>
</head>
<BODY class=body>
<a href="#" onclick="setActiveStyleSheet('ettan'); return false;">red</a>
<a href="#" onclick="setActiveStyleSheet('tvaan'); return false;">blue</a>
</body>
</html>