[CSS/JS]

[GekkeCoen]

Hallo iedereen,

Op de website www.coen-design.be bij de pagina mogelijkheden.html kan je onderaan een aantal layouts kleuren kiezen. Alleen het probleem is dat hij elke keer als je naar de pagina mogelijkheden.html gaat naar de blauwe layout gaat in plaats van de default.

Dus ik wil dat de pagina mogelijkheden automatisch naar de default styl gaat en niet naar de blauwe layout.
Ook hoeven er geen cookies gebruikt worden of opgeslagen.

Ik wil dus gewoon dat je een paar styles kan kiezen als voorbeeld en niet dat het opgeslagen wordt als cookie, of dat die gekozen styl weer wordt gekozen als je naar de pagina mogelijkheden.html gaat.

Hier de JavaScript code:

JavaScript:

function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

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 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;
}

window.onload = function(e) {
  var cookie = readCookie("cookiename");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("cookiename", title, 365);
}

var cookie = readCookie("cookiename");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

Alvast bedankt,

[ Voor 16% gewijzigd door GekkeCoen op 16-01-2006 19:25 ]

[AtleX]

De makkelijkste manier is door

JavaScript:

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

te vervangen door

JavaScript:

return null;

in readCookie(). Als je dan de oude regel out-comment kan je later het oude gedrag weer herstellen.

[GekkeCoen]

@Atlex het werkt niet hoor Hij springt gewoon weer op de blauwe layout..

[Verwijderd]

heb je al geprobeerd te debuggen? bijvoorbeeld een aantal alert statements...?

[GekkeCoen]

@Mark Platvoet: Debuggen? Wat is dat en wat bedoel je daarmee?

[Sybr_E-N]

GekkeCoen schreef op maandag 16 januari 2006 @ 19:46:
@Mark Platvoet: Debuggen? Wat is dat en wat bedoel je daarmee?

Zie de FAQ hierover. Staat mooi uitgelegt wat debuggen nou precies is.

[Verwijderd]

GekkeCoen schreef op maandag 16 januari 2006 @ 19:46:
@Mark Platvoet: Debuggen? Wat is dat en wat bedoel je daarmee?

Debuggen is stap voor stap je zelfgemaakte ??? code langsgaan om te kijken waar de fout eventueel zou kunnen zitten.

En kijken welke fouten er mogelijk inzitten, door bijvoorbeeld meerdere browsers te gebruiken waarbij een javascript console zit.

[GekkeCoen]

Verwijderd schreef op maandag 16 januari 2006 @ 19:50:
[...]

Debuggen is stap voor stap je zelfgemaakte ??? code langsgaan om te kijken waar de fout eventueel zou kunnen zitten.

En kijken welke fouten er mogelijk inzitten, door bijvoorbeeld meerdere browsers te gebruiken waarbij een javascript console zit.

Ik heb de code niet zelf geschreven. Ik ben totaal niet goed in javascript, daarom vraag ik het aan julie. De script komt hier vandaan:

http://www.techzine.nl/scripts/325

[Janoz]

Ten eerste hoort javascript niet in Programming & Webscripting, maar in Webdesign & Graphics. Daarnaast is het op GoT niet de bedoeling dat je je code maar neerdumpt en hoopt dat iemand anders het oplost. We zijn hier gericht op het zelf programmeren en de problemen die daarbij komen kijken. Wanneer je problemen hebt met een script van iemand anders dan kun je deze problemen beter neerleggen bij de maker.