404

Design made in Germany

Deutsches Design

css random load


Design Magazin Design Agenturen Designer Design Weblogs Design Magazine Design Portale Design Communities Design Hochschulen Design Organisationen Design Ressourcen Design Shops Grafikdesigner Schriftdesigner Webdesigner Interfacedesigner Flashdesigner Motiondesigner Sounddesigner Fotodesigner 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

hallo





auf http://www.morphcore.de/rokstrom/main.htm gibt es unten drei buttons zum wechseln der einzelnen classes. ich möchte dass wenn man von der splashseite kommt ( http://www.morphcore.de ) nicht immer die "yellow" class aufgerufen wird sondern nach zufallsprinzip immer eine andere (der insgesamt 3). wie lässt sich das bewerkstelligen?


Deutsches Design: css random load

dazu wirst du eine serverseitige programmiersprache (php, perl, ruby, python,...) benötigen. damit kannst du dir das dann per zufall generieren lassen.


kann auch "fake" zufall sein von mir aus.
hauptsache beim reload/revisit etc. wechselt die class.


oder so

function getRandomClass() {
var classNames = new Array("yellow","magenta","cyan");
var i = classNames.length;
var j = Math.floor(Math.random() * i);
return classNames[j];
}

function setClass(class) {
var obj = document.getElementById("BgLayer");
obj.className = class;
}

window.onload = function() {
var randomClass = getRandomClass();
setClass(randomClass);
}

und im Body

onclick="setClass('xyz')"


Das ist mal sauberes JS!
Ich persönlich würde jedoch eine PHP-Lösung bevoorzugen, obwohl JS schneller ist, weil der Reload entfällt.


>>Moritz

was mach ich falsch?`


http://www.morphcore.de/rokstrom/main.htm


function setClass(cls) {
var obj = document.getElementById("BgLayer");
obj.className = cls;
}

"class" war das Problem. Hatte es selbst nicht probiert, sorry ;)

Und mit "und im body" meinte ich die onclick-Funktionen für die drei Buttons. Also bitte nicht in den Body-Tag setzen. Und yxz steht dann für den Klassen-Namen. Die Klasse "xyz" hat er nämlich nicht gefunden ;)


So, schau mal:

http://www.fifty-nine.de/_stuff/rokstrom/

Hab nur die Style-Def rausgelassen. So reicht der Aufbau vollkommen.


super es funktioniert.
vielen dank für die hilfe.


Seitentitel: css random load