Styra CSS med Javascript

tri · 2007-10-22, 14:06

Styra CSS med Javascript
Kan man styra CSS med JavaScript och få alla sidorna att få samma utseende? Vad jag letar efter är att man har ett webbgränssnitt för en adminstratör som sedan ska kunna styra utseendet med färger på text och bakgrund och bara behöva göra det en gång.

crazzy · 2007-10-22, 14:38

varför inte ha en extern css-fil som du länkar in och sedan nåt skript för att editera?

tri · 2007-10-22, 14:47

Du menar som en SSI?

crazzy · 2007-10-22, 16:50

nej bara lägg all css i en *.css fil och lägg in detta i head:
<link rel="stylesheet" type="text/css" href="*.css" />

sedan är det bara att editera den filen så ändras alla sidor på sajten.. sedan kan man koda nåt skript som du kan ändra den med..

tri · 2007-10-23, 23:18

Jag undrar om detta är möjligt. Att skriva så här i starten på ett javascript

<script type="text/javascript">
<link href="main.css" rel="stylesheet" type="text/css" />

och sedan kunna editera i css?

Jag hittade ett script som ändrar bakgrundsfärgen. Vet inte hur jag ska göra med koden men jag klistrar in den här.

//<![CDATA[
function changestyle(id)
{
identity=document.getElementByld(id);
if(identity.className=='first')
{
identity.className='second';

}
else

{
identity.className='first';
}
}
function bgChange(aColor)
{
if (aColor==0)
{
document.body.style.backgroundColor='blue';
}
if(aColor==1)
{
document.body.style.backgroundColor='white';
}
if(aColor==2)
{
document.body.style.backgroundColor='gold';
}
return false;
}
//]]>
</script>
<style type="text/css">
.first
{
color:#000000;
}
.second
{
color:#FFF000;

font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
</style>

</head>

<body>

<form id="f1" action="#">

<input type="submit" id="change" value="Röd bakgrund" onclick="return bgChange(0)"/>
<input type="submit" id="change2" value="Vit bakgrund" onclick="return bgChange(1)"/>
<input type="submit" id="change2" value="Guld bakgrund" onclick="return bgChange(2)"/>
</p>
</form>

Om jag skulle ändra en sökväg i mitt css vad ska det isåfall vara eller lägga till?

falemar · 2007-10-27, 00:51

Du kan så vitt jag vet inte ändra någon css. Varken om du har det i en extern fil eller i samma fil. Du kan dock ha flera olika externa mallar och sen att du andrar länken med hjälp av javascript. Sen kan du som du hittade ändra många html värden med hjälp av javascript. Jag är inte speciellt bra på Javascript, men det koden du hittat verkade lite onödigt läng om du bara skulle ändra färg på backgrunden.

crazzy · 2007-10-27, 01:45

det går att ändra stilmallar och reloada dem medans sidan är inladdad i webbläsaren.

function updateStylesheets() {
var i,a,s;
a=document.getElementsByTagName('link');
for(i=0;i<a.length;i++) {
s=a[i];
if(s.rel.toLowerCase().indexOf('stylesheet')>=0&&s .href) {
var h=s.href.replace(/(&|\\?)forceReload=d /,'');
s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload= '+(new Date().valueOf());
}
}
}

om det nu var så ni menade.?

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Styra CSS med Javascript