zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden Design Wahl per CSS??

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.07.2003, 02:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2003
Beiträge: 4
CReal befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.07.2003, 08:43
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.05.2003
Beiträge: 129
Thomas (css 4 you) befindet sich auf einem aufstrebenden Ast
Standard

Hi CReal,
was heißt du hast schon alles probiert?
Javascript, Cookies, PHP?
Welche Möglichkeiten stehen dir zur Verfügung?

Gruß
Thomas
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.07.2003, 09:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2003
Beiträge: 4
CReal befindet sich auf einem aufstrebenden Ast
Standard 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...
Mit Zitat antworten
  #4 (permalink)  
Alt 12.07.2003, 12:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2003
Beiträge: 4
CReal befindet sich auf einem aufstrebenden Ast
Standard 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...

:::
Mit Zitat antworten
  #5 (permalink)  
Alt 12.07.2003, 13:14
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.05.2003
Beiträge: 129
Thomas (css 4 you) befindet sich auf einem aufstrebenden Ast
Standard

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>
Nun müsstest du für einen Stylewechsel die zu ladende CSS-Datei z.B. als Cookie ablegen, sobald der User ein neues Design wählt.


Thomas
Mit Zitat antworten
  #6 (permalink)  
Alt 12.07.2003, 14:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2003
Beiträge: 4
CReal befindet sich auf einem aufstrebenden Ast
Standard

Danke.

Werd ich gleich mal ausprobieren.

Mit Zitat antworten
  #7 (permalink)  
Alt 14.07.2003, 21:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thomas (css 4 you)
Nun müsstest du für einen Stylewechsel die zu ladende CSS-Datei z.B. als Cookie ablegen, sobald der User ein neues Design wählt.
Thomas


Hallo Thomas,

könntest Du dies mal ausführlicher erläutern.
__________________
</ulle>
Mit Zitat antworten
  #8 (permalink)  
Alt 14.07.2003, 22:47
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.05.2003
Beiträge: 129
Thomas (css 4 you) befindet sich auf einem aufstrebenden Ast
Standard

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>
Die Funktion setcookie() speichert die aktuelle Designauswahl des Users als Cookie ab und reloaded das Dokument
Code:
document.cookie="Gültigkeitsdatum" + aktuelleauswahl
location.reload()
Im Dokumentenkopf wird beim Laden jedesmal der Cookieinhalt abgefragt und dann das Stylesheet geladen.
Code:
cssfile=document.cookie+".css"
document.write('<link rel="Stylesheet" href="'+cssfile+'"  type="text/css" />')
Ich habe es zwar nicht getestet, es müsste aber so funktionieren.

Gruß
Thomas
Mit Zitat antworten
  #9 (permalink)  
Alt 17.07.2003, 10:07
Anonymous
Gast
 
Beiträge: n/a
Standard Styleswitcher

Ausführliche Infos zum Styleswitcher inklusive Cookies setzen:

http://www.alistapart.com/stories/alternate/

Frohen Layoutwechsel,

MLB
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 18.07.2003, 08:22
Anonymous
Gast
 
Beiträge: n/a
Standard

<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;
}
}
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Zwei CSS Dateien per Knopfdruck wechseln exanimishh CSS 3 05.11.2008 08:51
CSS Problem Design auf anderen Rechnern verschoben MALPI CSS 3 09.10.2008 10: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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:13 Uhr.