12.07.2003, 02:14
|
|||
|
|||
Design Wahl per CSS??
Hallo!
Ich suche eine Möglichkeit per Button ein neues CSS file dem aktuellen Document zuzuweisen. Also eine Art "Designwahl". Button 1 soll von mir aus bewirken das alle Tables braun sind... auf Button 2 von mir aus wird alles grün. Ich hab schon alles probiert komme aber überhaupt nicht weiter... Danke für Tips! CREAL 
|
| Sponsored Links |
|
12.07.2003, 08:43
|
|||
|
|||
|
Hi CReal,
was heißt du hast schon alles probiert? Javascript, Cookies, PHP? Welche Möglichkeiten stehen dir zur Verfügung? Gruß Thomas
|
| Sponsored Links |
|
12.07.2003, 09:30
|
|||
|
|||
|
Naja...
Hi!
Also mit php is das ja kein Problem nur leider kann ich php nicht nutzen. Ich muss das irgendwie mit CSS, Javascript oder HTML machen. So siehts aus...aber ich hab gehört das dafür nicht unbedingt php nötig ist. Diese ganzen Background-change scripte gehen schon. Aber eben sie ändern nur den background. Und ich glaube das machen sie ganz ohne css nur per java. ...creal...
|
|
12.07.2003, 12:11
|
|||
|
|||
|
das müsste man nur noch verbessern
<script language="JavaScript1.2">
function changesettings(){ if (document.all){ if (document.body.style.cssText==''||document.body.st yle.backgroundColor=='white') document.body.style.cssText="background-color:black;color:white;background-image:url()" else document.body.style.cssText="background-color:white;color:black" } } </script> Umschalten Das funktioniert zwar, jedoch kann ich eben nicht externe CSS files einbinden, und auch nur die BACKGROUND-COLOR ändert sich. Ich habs bis jetzt nicht geschafft das script an meine Vorstellung anzupassen... :::
|
|
12.07.2003, 13:14
|
|||
|
|||
|
Du kannst aber beim Seitenaufruf so etwas einfügen:
Code:
<link rel="Stylesheet" href="default.css" type="text/css" />
<script type="text/javascript"><!--
document.write('<link rel="Stylesheet" href="design1.css" type="text/css" />')
//--></script>
Thomas
|
|
14.07.2003, 21:05
|
|||
|
|||
|
Zitat:
 Hallo Thomas, könntest Du dies mal ausführlicher erläutern.
__________________
</ulle>
|
|
14.07.2003, 22:47
|
|||
|
|||
|
Naja,
nehmen wir an, du stellst fünf unterschiedliche Designs zur Verfügung, dann nimmst du ein select-Feld: Code:
<form name="myform" onsubmit="setcookie()"> <select name="design"> <option value="css1">Design 1</option> <option value="css2">Design 2</option> <option value="css3">Design 3</option> <option value="css4">Design 4</option> <option value="css5">Design 5</option> </select> ... <form> Code:
document.cookie="Gültigkeitsdatum" + aktuelleauswahl location.reload() Code:
cssfile=document.cookie+".css"
document.write('<link rel="Stylesheet" href="'+cssfile+'" type="text/css" />')
Gruß Thomas
|
|
17.07.2003, 10:07
|
|||
|
|||
|
Styleswitcher
Ausführliche Infos zum Styleswitcher inklusive Cookies setzen:
http://www.alistapart.com/stories/alternate/ Frohen Layoutwechsel, MLB
|
| Sponsored Links |
|
18.07.2003, 08:22
|
|||
|
|||
|
<link rel="stylesheet" href="../CSS/html.css" type="text/css" title="Standard Gelb">
<link rel="alternative stylesheet" href="../CSS/html2.css" type="text/css" title="Standard Blau"> function changeStyle(j) { for (i=0; i<document.styleSheets.length; i++) { if (i != j) document.styleSheets[i].disabled = true; else document.styleSheets[i].disabled = false; } }
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Inspiration - Sammlung von Links | emti | Ressourcen | 8 | 01.12.2009 18:02 |
| Zwei CSS Dateien per Knopfdruck wechseln | exanimishh | CSS | 3 | 05.11.2008 08:51 |
| ps design (slices), php (dynamischer inhalt), css gestaltung | schleepy | CSS | 19 | 02.06.2006 22:46 |
| "Fusszeile" per CSS? | derSESO | CSS | 3 | 02.02.2005 00:44 |
| CSS Design Probleme | Hawklan | CSS | 5 | 12.08.2004 11:45 |
Linear-Darstellung
