tag:forum.selfhtml.org,2005:/selfProbleme mit dem Style-Switcher – SELFHTML-Forum2006-07-27T14:11:22Zhttps://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000265#m1000265Philphil-z@online.de2006-07-27T10:39:59Z2006-07-27T10:39:59ZProbleme mit dem Style-Switcher<p>Hi Leute.<br>
Ich habe mal versucht einen Styleswitcher in meien Page einzubauen.</p>
<p>Es klappt auch ganz gut. Bis auf eine Sache die mich stört.<br>
Sagen wir mal ich habe z.Z. Style1 aktiv und will dann auf Style2 wechseln. Dann wähle ich Style2 und klicke auf "Style wählen". DAnn läd er die Seite neu und nichts hat sich verändert! Erst wenn ich _dann_ zum _zweiten_ mal Style2 auswähle und er dann die Seite neuläd, hat er den Style gewechselt. Woran liegt es, das ich jeden Style 2 mal auswählen muss damit es funktioniert?</p>
<p>Der Link:<br>
<a href="http://philz.ph.ohost.de/index/index.php" rel="nofollow noopener noreferrer">http://philz.ph.ohost.de/index/index.php</a></p>
<p>QUelltext:<br>
--------------------------------------------------------------</p>
<p><?<br>
if(isset($_POST['auswahl'])) {<br>
setcookie("stylekeks", $_POST['auswahl'], time()+3600, "/");<br>
$style = $_COOKIE['stylekeks'];<br>
}<br>
elseif(!isset($_POST['auswahl'])) {<br>
if(isset($_COOKIE['stylekeks'])) {<br>
$style = $_COOKIE['stylekeks'];<br>
}<br>
else {<br>
$style = '1';<br>
}<br>
}<br>
?><br>
<html><br>
<head><br>
<title>Plalala</title><br>
<link rel="stylesheet" type="text/css" href="../css/style<?=$style?>.css"><br>
<link rel="stylesheet" type="text/css" href="../css/styleie.css"><br>
</head><br>
<body><br>
<div id="linksb"><br>
<img src="../img/kopf<?=$style?>.jpg" alt="Phil Z." id="imgh"><br>
<div id="float2"><br>
<form method="post" action="index.php" name="formularstyle"><br>
<p><select name="auswahl" size="1" id="stylewahl"><br>
<option value="1" <?=$sel1?>>Style1</option><br>
<option value="2" <?=$sel2?>>Style2</option><br>
<option value="3" <?=$sel2?>>Style3</option><br>
</select></p><br>
<p><input type="submit" name="stylewahl" value="Style wählen"></p><br>
</form><br>
</div><br>
</div><br>
</body><br>
</html></p>
<p>--------------------------------------------------------------<br>
Ich hoffe ihr könnt mir helfen.</p>
<p>mfg</p>
<p>Phil</p>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000268#m1000268Powl2006-07-27T11:16:11Z2006-07-27T11:16:11ZProbleme mit dem Style-Switcher<p>Hallo,</p>
<blockquote>
<p>$style = $_COOKIE['stylekeks'];</p>
</blockquote>
<p>Du sendest einen Keks und erwartest, daß $style sich direkt an den Keksinhalt anpaßt?<br>
Erst beim nächsten Aufruf wird der Keks doch wieder ausgelesen. Daher die Notwendigkeit 2mal zu Laden, wenn ich mich nicht irre [kann aber durchaus sein daß bei diesen Temperaturen meine Großhirnrinde schon Blasen wirft].<br>
Wenn Du im Keks $_POST['auswahl'] speicherst, warum übergibst Du den Wert $_POST['auswahl'] nicht auch direkt an $style?<br>
Dann müßte es eigentlich funktionieren.</p>
<p>netten Tag<br>
^da Powl</p>
<div class="signature">-- <br>
===============================<br>
<a href="http://powl.hat-gar-keine-homepage.de/" rel="nofollow noopener noreferrer">powl.hat-gar-keine-homepage.de/</a>
</div>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000266#m1000266Philphil-z@online.de2006-07-27T13:33:27Z2006-07-27T13:33:27ZProbleme mit dem Style-Switcher<p>Hi.<br>
Jetzt bräuchte ich mal euren Rat.<br>
Wo könnt eich ihn dezent plazieren?</p>
<p>Neben dem header würd ich sehr ungern und in der Navi auch nicht wirklich gerne obwohl ich da noch mal überlegen will. Ansosnten unten im Footer. Vllt. auch in der rechten Seite vom Content Bereich.</p>
<p>Ich bin mir einfach nicht sicher da es einfach ne Spielerei ist.</p>
<p>mfg</p>
<p>Phil</p>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000267#m1000267Philphil-z@online.de2006-07-27T14:11:22Z2006-07-27T14:11:22ZProbleme mit dem Style-Switcher<p>Hi.</p>
<p>So ich habe ihn mal in der Navi-Leiste plaziert und an den jeweiligen Style angepasst, zudem auch noch mit den Brwosern Opera9, FF1.5.0.4 und IE6 getestet.</p>
<p>Bei klappt alles wunderbar und ich hoffe das dass Design nun okay ist.<br>
Eure letzte Meinung abschließend hätte ich dennoch gerne nochmal.</p>
<p>Danke an alle und besonders an Powl, D.R, Genie, Wilhelm Turtschan und Gunnar Bittersmann die mich sehr stark darin unterstützt haben meine Fehler zu finden und zu beheben und mir gezeigt haben wo ich noch einige Defiziete habe im Bereich HTML & CSS.</p>
<p>Danke.</p>
<p>mfg</p>
<p>Phil</p>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000269#m1000269Philphil-z@online.de2006-07-27T12:08:31Z2006-07-27T12:08:31ZProbleme mit dem Style-Switcher<p>Danke hat geklappt! =)<br>
Hier für alle andern die später mal im Archiv nachschauen können.<br>
Das komplette Script mit Erklärung.</p>
<p>----------------------------<br>
index.php<br>
---------------------------<br>
<?<br>
if(isset($_POST['auswahl'])) {<br>
setcookie("stylekeks", $_POST['auswahl'], time()+3600, "/");<br>
$style = $_COOKIE['stylekeks'];<br>
$style = $_POST['auswahl'];<br>
}<br>
lseif(!isset($_POST['auswahl'])) {<br>
if(isset($_COOKIE['stylekeks'])) {<br>
$style = $_COOKIE['stylekeks'];<br>
}<br>
else {<br>
$style = '1';<br>
}<br>
}<br>
?><br>
<html><br>
<head><br>
<title>Styleswitcher</title><br>
<link rel="stylesheet" type="text/css" href="style<?=$style?>.css"><br>
</head><br>
<body><br>
<img src="kopf<?=$style?>.jpg" alt="header"><br>
<form method="post" action="index.php" name="formularstyle"><br>
<p><select name="auswahl" size="1"><br>
<option value="1">Style1</option><br>
<option value="2">Style2</option><br>
<option value="3">Style3</option><br>
</select></p><br>
<p><input type="submit" name="stylewahl" value="Style wählen"></p><br>
</form><br>
</body><br>
</html></p>
<p>Man hat 3 verschiedene Styles.<br>
style1.css<br>
style2.css<br>
style3.css<br>
Jeder Style hat ein eigenen Header.<br>
kopf1.css<br>
kopf2.css<br>
kopf3.css</p>
<p>Durch das Formular wird der Style ausgewählt.<br>
Bei Style1 wird der Wert 1 übertragen.<br>
Bei Style2 wird der Wert 2 übertragen.<br>
Bei Style3 wird der Wert 3 übertragen.</p>
<p>Anschließend wird der Wert in einem Cookie gespeichert und ausserdem an die Variable $style gegeben, so das der Besucher beim nächsten Besuch den Style den er letztes mal ausgewählt hat aktiviert hat.</p>
<p>Oben werden die CSS Datei und der Header eingebunden.</p>
<p><link rel="stylesheet" type="text/css" href="style<?=$style?>.css"><br>
<img src="kopf<?=$style?>.jpg" alt="header"></p>
<p>Wie man sieht steht dort href="style<?=$style?>.css"<br>
da $style entweder den Wert 1, 2 oder 3 hat, Wird die passende Style Datei geladen und der dazu passende Header.</p>
<p>Falls man das erste mal auf die Page kommt, ist als Default Wert "1" angegeben. So hat jeder Bescucher der zum ersten die Page betritt, kein Cookie mehr hat von deiner Page oder das Formular nicht benutzt hat den Style1. Dieser lässt sich natürlich auch ändern indem man oben bei</p>
<p>elseif(!isset($_POST['auswahl'])) {<br>
if(isset($_COOKIE['stylekeks'])) {<br>
$style = $_COOKIE['stylekeks'];<br>
}<br>
else {<br>
$style = '1';<br>
}<br>
}</p>
<p>den Wert von $style, von 1 auf 2 oder 3 ändert.</p>
<p>Man kann nartürlich beliebig viele Styles hinzufügen, indem man<br>
ein weiteren Header, eine weitere CSS Datei anlegt (styleX.css)und dem Formular eine weiere Zeile hinzufügt.<br>
<option value="X">StyleX</option></p>
<p>Ich hoffe ich habe alles richtig erklärt und kann damit anderen später helfen. =)</p>
<p>mfg</p>
<p>Phil</p>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000275#m1000275Powl2006-07-27T12:42:49Z2006-07-27T12:42:49ZProbleme mit dem Style-Switcher<p>Hallo,</p>
<pre><code class="block language-php">
<span class="token operator">...</span>
<span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'auswahl'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token function">setcookie</span><span class="token punctuation">(</span><span class="token string double-quoted-string">"stylekeks"</span><span class="token punctuation">,</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'auswahl'</span><span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token function">time</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token operator">+</span><span class="token number">3600</span><span class="token punctuation">,</span> <span class="token string double-quoted-string">"/"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token variable">$style</span> <span class="token operator">=</span> <span class="token variable">$_COOKIE</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'stylekeks'</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token comment">//hajo, was ist denn </span>
<span class="token variable">$style</span> <span class="token operator">=</span> <span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'auswahl'</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token comment">//jetzt des? </span>
<span class="token punctuation">}</span> <span class="token comment">//$style:"erst bin ich eins und später zwei, ich sehne Klarheit mir herbei" </span>
<span class="token operator">...</span>
<span class="token function">lseif</span><span class="token punctuation">(</span><span class="token operator">!</span><span class="token keyword">isset</span><span class="token punctuation">(</span><span class="token variable">$_POST</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'auswahl'</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token comment">//und di[e]s funktioniert bei Dir? </span>
<span class="token comment">//außerdem steht oben schon if(isset($_POST['auswahl'])) { </span>
<span class="token comment">//was verbleibt dann als logisches else? </span>
<span class="token comment">//mag zwar funktionieren, aber schön ist das nicht ;) </span>
<span class="token operator">...</span>
</code></pre>
<p>netten Tag<br>
^da Powl</p>
<div class="signature">-- <br>
===============================<br>
<a href="http://powl.hat-gar-keine-homepage.de/" rel="nofollow noopener noreferrer">powl.hat-gar-keine-homepage.de/</a>
</div>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000270#m1000270Geniefelix.kloft@web.de2006-07-27T13:13:47Z2006-07-27T13:13:47ZProbleme mit dem Style-Switcher<p>Hi</p>
<p>Das geht noch n bisschen einfacher. Außerdem hab ich das xml-konforme <?php-Starttag genommen. Jez is auch der aktuelle Style selected:</p>
<pre><code class="block language-php">
___PHP0___
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Styleswitcher<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>style___PHP1___.css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>kopf___PHP2___.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>header<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span> <span class="token attr-name">method</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>post<span class="token punctuation">"</span></span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index.php<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>formularstyle<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>select</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>auswahl<span class="token punctuation">"</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
<span class="token prolog"><?php
for($i=1;$i<=3;$i++):
if($i==$style)
echo "<option value='$i' selected>Style $i </option>';
else
echo "<option value='$i'>Style $i </option>';
endfor;
?></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>select</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>submit<span class="token punctuation">"</span></span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylewahl<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Style w<span class="token entity named-entity" title="ä">ä</span>hlen<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
<p>mfg<br>
Genie</p>
<div class="signature">-- <br>
<a href="http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%5B+fo%3A%29+rl%3A%28+n4%3A%7B+ss%3A%29+de%3A%5B+js%3A%7C+ch%3A%7C+sh%3A%28+mo%3A%7D+zu%3A%29" rel="nofollow noopener noreferrer">Selfcode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:{ ss:) de:[ js:| ch:| sh:( mo:} zu:) </a><br>
<a href="http://web.oesterchat.com/internet-explorer/" rel="nofollow noopener noreferrer">Der Internet Explorer ist scheiße</a><br>
<a href="http://www.wieistmeineip.de/cometo/" rel="nofollow noopener noreferrer">Wie ist meine IP-Adresse?</a><br>
<img src="http://www.wieistmeineip.de/ip-adresse/" alt="IP-Adresse" loading="lazy">
</div>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000273#m1000273Philphil-z@online.de2006-07-27T13:20:49Z2006-07-27T13:20:49ZProbleme mit dem Style-Switcher<p>Super.</p>
<p>Danke!</p>
<p>mfg</p>
<p>Phil</p>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000271#m1000271Powl2006-07-27T13:23:00Z2006-07-27T13:23:00ZProbleme mit dem Style-Switcher<p>Hallo,</p>
<p>gönne ihm doch ruhig mal was mehr Zeit zum Nachdenken und Ausprobieren. Jede Wette da wäre er auch selbst drauf gekommen. Da war er doch schon dicht genug dran.</p>
<p>netten Tag<br>
^da Powl</p>
<div class="signature">-- <br>
===============================<br>
<a href="http://powl.hat-gar-keine-homepage.de/" rel="nofollow noopener noreferrer">powl.hat-gar-keine-homepage.de/</a>
</div>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000272#m1000272Geniefelix.kloft@web.de2006-07-27T13:31:36Z2006-07-27T13:31:36ZProbleme mit dem Style-Switcher<p>Hi</p>
<p>Ich wollte ihm nur die Arbeit ersparen</p>
<p>mfg<br>
Genie</p>
<div class="signature">-- <br>
<a href="http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%5B+fo%3A%29+rl%3A%28+n4%3A%7B+ss%3A%29+de%3A%5B+js%3A%7C+ch%3A%7C+sh%3A%28+mo%3A%7D+zu%3A%29" rel="nofollow noopener noreferrer">Selfcode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:{ ss:) de:[ js:| ch:| sh:( mo:} zu:) </a><br>
<a href="http://web.oesterchat.com/internet-explorer/" rel="nofollow noopener noreferrer">Der Internet Explorer ist scheiße</a><br>
<a href="http://www.wieistmeineip.de/cometo/" rel="nofollow noopener noreferrer">Wie ist meine IP-Adresse?</a><br>
<img src="http://www.wieistmeineip.de/ip-adresse/" alt="IP-Adresse" loading="lazy">
</div>
https://forum.selfhtml.org/self/2006/jul/27/probleme-mit-dem-style-switcher/1000274#m1000274Geniefelix.kloft@web.de2006-07-27T13:33:10Z2006-07-27T13:33:10ZProbleme mit dem Style-Switcher<p>Hi</p>
<p>Nix zu danken</p>
<p>mfg<br>
Genie</p>
<div class="signature">-- <br>
<a href="http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%7B+fl%3A%28+br%3A%3E+va%3A%29+ls%3A%5B+fo%3A%29+rl%3A%28+n4%3A%7B+ss%3A%29+de%3A%5B+js%3A%7C+ch%3A%7C+sh%3A%28+mo%3A%7D+zu%3A%29" rel="nofollow noopener noreferrer">Selfcode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:{ ss:) de:[ js:| ch:| sh:( mo:} zu:) </a><br>
<a href="http://web.oesterchat.com/internet-explorer/" rel="nofollow noopener noreferrer">Der Internet Explorer ist scheiße</a><br>
<a href="http://www.wieistmeineip.de/cometo/" rel="nofollow noopener noreferrer">Wie ist meine IP-Adresse?</a><br>
<img src="http://www.wieistmeineip.de/ip-adresse/" alt="IP-Adresse" loading="lazy">
</div>