here u are. with love. bare vælg et punkt i selecten, og den alerter dine styles. Der er en seperat funktion, der høster dem, så du kan gøre som det passer dig med dem.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled - XHTML 1.0</title>
<script type="text/javascript">
/* JAVASCRIPT */
var foundStyles = new Array();
var styleCount = 0;
function collectStyles(selObj) { // samler vore styles
for (i=0; i != selObj.options.length; i++) {
var styleRoot = selObj.options[i].firstChild.data.split(':')[0]; // før :
if (styleRoot.indexOf('css')==-1) continue; // ikke indeholdende css fil.
if (styleCount == 0) { foundStyles[0] = '<link type="text/css" href="'+styleRoot+'" rel="stylesheet">'; styleCount++;} //1.
else { // andre. vi bliver nød til at checke om vi har fundet den før.
bool = false; // denne bliver true hvis vi har fundet stylen før..
for (j=0; j!= foundStyles.length; j++) {
if (bool) continue;
bool = (foundStyles[j] == '<link type="text/css" href="'+styleRoot+'" rel="stylesheet">')?true:false;
}
if (!bool) {foundStyles[styleCount] = '<link type="text/css" href="'+styleRoot+'" rel="stylesheet">'; styleCount++; }
}
}
// alle vore styles ligger nu i foundStyles til fri afbenyttelse vi kan vælge hvordan vi behandler dem i en senere function
return foundStyles;
}
function alertStyles(selObj) { // sender vore style ud i en alert
var colStyles = collectStyles(selObj);
var ret ="";
for (i=0; i!=colStyles.length; i++) {
ret += colStyles[i] + "\n";
}
alert(ret);
}
</script>
</head>
<body>
<form>
<select name="s" onchange="alertStyles(this);">
<option value="1">css1.css: body</option>
<option value="2">css1.css: Richard</option>
<option value="3">css2.css: Arme riddere</option>
<option value="4">css2.css: Lokumsen</option>
</select>
</form>
</body>
</html>
Håber den er i vinkel.
