Autor Zpráva
WormBoy
Profil *
#1 · Zasláno: 8. 3. 2006, 17:16:14
Odpovědět Citovat
Jak mohu udělat, abych měl na stránce několik tlačítek, kterými by si mohli návštěvníci přepínat jednotlivé "barevné motivy"... určitě víte, co mám na mysli...
díky moc!
habendorf
Profil
#2 · Zasláno: 8. 3. 2006, 17:38:54
Odpovědět Citovat
určitě víte, co mám na mysli

Víme. Hledej "styleswitcher".
Filips
Profil
#3 · Zasláno: 8. 3. 2006, 18:08:07
Odpovědět Citovat
Jen dodám. Je to přes css. www.jakpsatweb.cz/css

Filips
Petra z Votic
Profil
#4 · Zasláno: 8. 3. 2006, 19:29:14
Odpovědět Citovat
Já spíš myslím, že je to přes Java Script, kterým se přepínají css styly. viz. uvedený přepínačstylů.
*Čvachta*
Profil *
#5 · Zasláno: 8. 3. 2006, 19:33:31
Odpovědět Citovat
hledej na pixy.cz
Petra z Votic
Profil
#6 · Zasláno: 8. 3. 2006, 19:39:16
Odpovědět Citovat
někdo to dělá i pomocí PHP
*Čvachta*
Profil *
#7 · Zasláno: 8. 3. 2006, 19:41:05
Odpovědět Citovat
http://www.pixy.cz/pixylophone/2003_11_archiv.html#1068200165
HeWeR
Profil
#8 · Zasláno: 8. 3. 2006, 23:14:45
Odpovědět Citovat
Pixiho způsob se mi moc nezamlouvá (nutné znovunačtení stránky). Já používám JavaScript. 


<head>

<title>kuk</title>

<link rel="stylesheet" type="text/css" title="Blue" href="blue.css" media="screen" />

    <link rel="alternate stylesheet" type="text/css" title="Green" href="green.css" media="screen" />

    

<script language="Javascript" type="text/javascript"><!--

var links = new Array();

links=document.getElementsByTagName("link");



for (i=0; i<links.length; i++)

{

  if ((links[i].getAttribute("rel").indexOf("stylesheet")!=-1) && (links[i].getAttribute("title")))

  {

  }

}



var BASE="#"



function setStyle(title)

{

  var i, p, links = new Array();

  links=document.getElementsByTagName("link");

  for (i=0; i<links.length; i++)

  {

    if ((links[i].getAttribute("rel").indexOf("stylesheet")!=-1) && (p=links[i].getAttribute("title")))

    {

      links[i].disabled=true;

      if ((p==title) && (p!=BASE)) links[i].disabled=false;

    }

  }

  createCookie("style",getStyle(),DAYS);

}



function createCookie(name,value,days)

{

  if (days)

  {

    var date = new Date();

    date.setTime(date.getTime()+(days*24*60*60*1000));

    var expires = "; expires="+date.toGMTString();

  }

  else var expires = "";

  document.cookie = name+"="+value+expires+"; path=/";

}



function readCookie(name)

{

  var nameEQ = name + "=";

  var ca = document.cookie.split(';');

  for(var i=0;i < ca.length;i++)

  {

    var c = ca[i];

    while (c.charAt(0)==' ') c = c.substring(1,c.length);

    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

  }

  return null;

}



function getStyle()

{

  var i, p, links;

  links=document.getElementsByTagName("link");

  for (i=0; i<links.length; i++)

  {

    if ((links[i].getAttribute("rel").indexOf("stylesheet")!=-1) && (p=links[i].getAttribute("title")) && (!links[i].disabled))

    {

      return p;

    }

  }

  return BASE;

}



//window.onload=function()

//{

  var p;

  if (p=readCookie("style"))

  {

    setStyle(p);

  }

//}



var DAYS=10;



window.onunload=function()

{

  createCookie("style",getStyle(),DAYS);

}

//--></script>

</head>


A potom přepínám: 
<a href="#" onclick="setStyle('Blue')">Modrý</a>
peta
Profil *
#9 · Zasláno: 9. 3. 2006, 09:25:48
Odpovědět Citovat
WormBoy www.volny.cz/peter.mlich/
- vzhled tlacitka nahore, prohledni si HTML kod a lnik tag s odkazem na JS
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0