Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> js: style wechseln
Thema abonnieren | Thema versenden | Thema drucken
sh1t0R
Geschrieben am: Mi 25.05.2005, 10:41
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 60
Mitglied seit: 24.11.2004
ich habe ueberlegt wie ich das stylesheet mit js wechseln kann.
hab ich herausgefunden und kam zu diesem code:
CODE
<script>
function chstyle(a)
{
 document.getElementsByTagName("link")[0].href='styles/style'+a+'.css';
}
</script>


CODE
<a id="red" href="javascript:void(chstyle(2))">R</a>
<a id="blue"href="javascript:void(chstyle(1))">B</a>


das funktioniert prima (ich habe beide stylesheets im entspr. ordner,)
aber wenn ich (standard ist blau) auf rot klicke, wechselt es autom. auf rot aber wenn ich dann navigiere z.b. von home zu contact wechselt der style wieder zum standard.
ich moechte es aber so beibehalten wie der user es angewaehlt hat.
Top
PMEmail PosterUsers Website
Top
 
 
Alain_Aubert
#2 Geschrieben am: Mi 25.05.2005, 11:07 (+00:26)
Report PostQuote Post

Ayom Slave
Group Icon

Gruppe: Admin
Beiträge: 4823
Mitglied seit: 25.09.2003
Ich sehe 2 mögliche Lösungen für deinen Wunsch.

Ersten kannst Du die Wahl deiner User in ein Cookie schreiben und zweitens könntest das Style einfach in einen Parameter in die Url packen, der immer wieder übergeben wird.
Top
PMEmail PosterUsers Website
Top
 
sh1t0R
#3 Geschrieben am: Mi 25.05.2005, 11:27 (+00:20)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 60
Mitglied seit: 24.11.2004
da ich js nicht wirklich beherrsche, koenntest du mir bitte erlaeutern wie das genau funktiniert?
mit code, ich waere dankbar biggrin.gif
Top
PMEmail PosterUsers Website
Top
 
zmedia
#4 Geschrieben am: Mi 25.05.2005, 11:43 (+00:15)
Report PostQuote Post

AyomRank 5
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 290
Mitglied seit: 29.04.2005
Das hat nichts mit JS zu tun!

Das Cookie setzt Du mit setcookie ab http://ch2.php.net/setcookie oder suche im Google unter setcookie.

Parameter in der Url kannst Du mittels www.domain.ch?parameter=1&parameter=2 weitergeben. http://ch2.php.net/reserved.variables

schöne Grüsse René


--------------------
visuelle Kommunikation - Webdesign zmedia.ch GmbH

OpenBC
Top
PMEmail PosterUsers Website
Top
 
spaceman007
#5 Geschrieben am: Mi 25.05.2005, 13:07 (+01:24)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 124
Mitglied seit: 23.03.2005
Ich würde nicht das stylesheet wechseln sonder die Klasse. ansonsten hast du 2 dokumente die du aktualisieren muss.

hab mich schnell ein paar minuten hingesetzt und das folgende geschreiben.. hat sicherlich verbesserungspotential, aber für eine ungefähre richtungsweisung sollte es genügen.


Gruss

Spaceman007


CODE


<html>
<style>
.style1
{
color:red;
}

.style2
{
color:green;
}
</style>

<script>

function changeStyle( newStyle )
{
changeClass( newStyle )
 
}//changeStyle

function changeClass( newClass )
{
var allLinksObj = document.getElementsByTagName( "a" )
var nrOfElements = allLinksObj.length;

for(i=0; i<nrOfElements; i++)
{
 allLinksObj[i].className = newClass;
}

setCookie( "classname="+newClass )

}//changeClass


function setCookie(CookieValue){
 var TimeNow = new Date();
 var TTL = 1000*60*60*24*7;
 var CookieExpires = new Date(TimeNow.getTime() +TTL )

 document.cookie = "Schrift=" + CookieValue +";expires=" + CookieExpires.toGMTString() + ";";
}//setCookie

function getCookie(name) {
 var cname = name +  "=";
 var dc = document.cookie;

 if (dc.length > 0) {
   begin = dc.indexOf(cname);
   if (begin != 1) {
     begin += cname.length;
     end = dc.indexOf(";", begin);
     if  (end== -1) end = dc.length;
     return unescape(dc.substring(begin, end));
   }
 }
 return null;
}//getCookie

function init()
{
var className = getCookie("classname")
changeClass( className )
}
</script>
<body onLoad="init();">
<a href="javascript:changeStyle('style1');">change to red</a><br>
<a href="javascript:changeStyle('style2');">change to green</a><br>
<br><br><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>

</body>

</html>


--------------------
think-> google -> post
http://www.buechergestell.ch
http://www.pickup-artists.ch
http://www.web24.ch Die neue Schweizer Suchmaschine!
Top
PMEmail Poster
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« FAQ Liste anderes machen | Programmierung Allgemein | outlook daten auf 2 pc's nutzen »
Trackback-Url: http://www.ayom.com/track/t/7191
Dieses Thema abonnieren

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Themen Titel Autor Views Antworten Letzte Aktion
Indexierte Seiten wechseln täglich Toblerone 445 11 So 23.12.2007, 15:31
Template in "Papier-Style"? Yannick 265 3 Mi 31.10.2007, 19:03
Suche automatisches Pop-Up Style Lightbox woody 216 4 Fr 5.10.2007, 20:43
[S] Grafik - Comic style Thomas Till 1322 7 Sa 2.06.2007, 00:24
Logo im Comic Style Roberto Zehnder 604 0 Di 20.03.2007, 13:56
get-your-own-style.com k3v 273 2 Mo 5.03.2007, 22:38
Windows-Konsole: Verzeichnis wechseln radarin 2848 3 Mo 12.02.2007, 23:35
document.all.Text.style.fontSize ? Dynamisch ! ThePosterity 583 9 Fr 10.11.2006, 18:56
Linkfarbe aus style.css suchen Brian Folte 757 5 Sa 28.10.2006, 13:41
Soll ich auf eine andere Domain wechseln? voiture 560 5 Mo 24.04.2006, 20:28




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]