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?
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