Byta css via länk

2011-05-07 20:43

Medlem

Plats: Lund
Registrerad: Mar 2009

●

Byta css via länk

Har googlat runt men kan inte hitta en lösning på mitt problem. Kom ihåg att jag är ganska novis på språk förutom HTML och CSS så det är kanske lätt att åstadkomma.

Detta vill jag åstadkomma:

Jag har en index-sida, där användaren kan välja mellan tre olika teman beroende på vilken bild man klickar på.
Efter det så ska man skickas till nästa sida för alla tre länkar följande sida men med olika stylesheets för alla tre.

Problemet jag har haft hittills är att webbläsaren tror att temat ska gälla på index-sidan, inte på den följande.

Tror detta är rätt förklarat, fråga om ni inte förstår

Rapportera Redigera

Citera flera Citera

2011-05-07 21:19

Permalänk

erre2

Medlem

Plats: Stockholm
Registrerad: Apr 2011

●

Skrivet av ZiNikor:

Har googlat runt men kan inte hitta en lösning på mitt problem. Kom ihåg att jag är ganska novis på språk förutom HTML och CSS så det är kanske lätt att åstadkomma.

Detta vill jag åstadkomma:

Jag har en index-sida, där användaren kan välja mellan tre olika teman beroende på vilken bild man klickar på.
Efter det så ska man skickas till nästa sida för alla tre länkar följande sida men med olika stylesheets för alla tre.

Problemet jag har haft hittills är att webbläsaren tror att temat ska gälla på index-sidan, inte på den följande.

Tror detta är rätt förklarat, fråga om ni inte förstår

Gå till inlägget

Det kan du lösa med php relativt lätt. Du löser det med att du har ett id i urlen. Du har alltså en länk som kan se ut så här: blabla.se/index.php?id=green

Sen via lite php hämtar du idt. Och sen via ytterligare lite php byter du ut din css-länk mot ditt id+ccs, t.ex. green.css

Så här hämtar du ditt id: if (isset($_GET['id']))

Rapportera Redigera

Citera flera Citera

2011-05-07 21:20

Permalänk

erre2

Medlem

Plats: Stockholm
Registrerad: Apr 2011

●

Skrivet av erre2:

Det kan du lösa med php relativt lätt. Du löser det med att du har ett id i urlen. Du har alltså en länk som kan se ut så här: blabla.se/index.php?id=green

Sen via lite php hämtar du idt. Och sen via ytterligare lite php byter du ut din css-länk mot ditt id+ccs, t.ex. green.css

Så här hämtar du ditt id: if (isset($_GET['id']))

Gå till inlägget

EDIT: Eller så kan du göra 4 olika sidor om du inte orkar lära dig lite php. Alltså index, index1, index2 och index3 där alla de olika index-sidorna har olika css-mallar. Jobbigt!

Rapportera Redigera

Citera flera Citera

2011-05-07 21:35

Permalänk

ZiNikor

Medlem

Plats: Lund
Registrerad: Mar 2009

●

Skrivet av erre2:

Det kan du lösa med php relativt lätt. Du löser det med att du har ett id i urlen. Du har alltså en länk som kan se ut så här: blabla.se/index.php?id=green

Sen via lite php hämtar du idt. Och sen via ytterligare lite php byter du ut din css-länk mot ditt id+ccs, t.ex. green.css

Så här hämtar du ditt id: if (isset($_GET['id']))

Gå till inlägget

Har lekt runt med att placera koden i både index-sidan och den följande sidan och följa men får det fortfarande inte att funka Du har inte lust att skriva ut vad som ska finnas i vilken fil? index.php och följande sida (vi säger index2.php)

Annars tack, har förstått lite i alla fall

EDIT: Ja, jag kör php-koden via en WAMP-server på min dator, så noob är jag inte, har hållit på lite med php innan

Rapportera Redigera

Citera flera Citera

2011-05-07 21:50

Permalänk

Fjanterifjant

Medlem

Plats: Stockholm
Registrerad: Jan 2005

●

Lånar tråden lite då jag har funderat på detsamma faktiskt och har ett template skript som jag vill vidareutveckla åt hållet du strävar.

Kör en php-klass som ser ut som följande:

<?php
	class htmlTemplate
	{
		var $template;
		function Template($template = "")
		{
			if(file_exists($template)) 
			{
				$this->file = join("", file($template));
			}
			else 
			{
				die("Fel: Template filen $template hittades inte!");
			}
		}

		function parse($file) 
		{
			ob_start();
			include($file);
			$contents = ob_get_contents();
			ob_end_clean();
			return $contents;
		}

		function replace_tags($tags = array()) 
		{
			if(sizeof($tags) > 0) 
			{
				foreach ($tags as $tag => $data) 
				{
					$data = (file_exists($data)) ? $this->parse($data) : $data;
					$this->file = eregi_replace("{" . $tag . "}", $data, $this->file);
				}
			}
			else 
			{
				die("Fel: Inga HTML taggar hittade i template filen!");
			}
		}

		function output() 
		{
			echo $this->file;
		}
	}

?>

Kör den koden genom att bygga en vanlig HTML index fil som innehåller ett antal placeholders. Det jag inte får till dynamiskt är att den ska switcha och komma ihåg CSS valet på ett bra sätt.
Vet inte om man kan lösa detta smidigt med cookies eller sessions?

Visa signatur

Rapportera Redigera

Citera flera Citera

Byta css via länk

Byta css via länk

Externa nyheter

Spelnyheter från FZ