Zufallsfarbe einer Tabelle

S

SnakeBite334

Mitglied
Hallo, ist es machbar das wenn die Seite aufgeht das die Tabelle dann automatisch eine bestimmt Farbe hat. Aber nicht irgendeine sondern eine aus einer Vorgegebenen Liste. Genaudas gleiche bei der Umrandung der Tabelle.
Kann mir das wer helfen!? Ich weiß nicht ob man das mit Javascript macht oder auch mit html oder ähnlichen hinbekommt. Aber bitte kein php code. Danke

Vielen Dank im Vorraus.

André
 
Für den Rahmen hab ich nichts gefunden
aber der Rest sollte so gehen.

Code: 
<html>
	<head>
		<title></title>
		<script type="text/javascript">
		<!--
		function setColor(){
			background 	= new Array("#FF9999","#99FF99","#9999FF");
			border		= new Array("#663333","#336633","#333366");
			
			document.getElementById("t1").style.backgroundColor = background[Math.round(Math.random()*background.length)];
			document.getElementById("t1").style.color = border[Math.round(Math.random()*border.length)];
		}
		//-->
		</script>
	</head>
	<body onload="setColor()">
		<div align="center">
			<table id="t1" border="1" style="width:300px;height:200px;">
				<tr>
					<td style="text-align:center">test</td>
				</tr>
			</table>
		</div>
	</body>
</html>
 
Habe das nun etwas anders gemacht und zwar einfach mehrere CSS Dateien angelegt.

Ist es machbar mit javascript ein script zu machen welches zufällig diesen Wert "blue_light" ändert.

Code: 
<link rel=stylesheet href="http://www.test.de/ebay_styles_blue_light.css" type=text/css>

Ich habe folgende Werte zur Auswahl:
Code: 
blue, blue_light, green, green_light, red, red_light, yellow, yellow_light

Vielen Dank

André
 
Zuletzt bearbeitet:
Habe nun dieses Script
Code: 
<script type="text/javascript">
var zwei= 2 * Math.random();
if (zwei>1)
{
var stil = 'ebay_styles_blue_light.css'
}
else
{
var stil = 'ebay_styles_red_light.css'
}
document.getElementsByTagName('link')[0].setAttribute('href',stil);
</script>

Wie kann ich da noch mehr css dateien einbauen!? oder geht das noch anders?!
Bzw geht es das es nie zwei mal hintereinander die gleiche farbe kommt!?
 
Zuletzt bearbeitet:
Bin mir nicht sicher ob es auf
allen Browsern funktioniert.
Wenn du verhindert willst
dass zweimal das gleiche
Stylesheet geladen wird
musst du wohl noch Cookies
einbauen....


Code: 
<html>
<head>
<title>?</title>
<link rel="stylesheet" href="" />
<script type="text/javascript">
<!--
	styles = new Array("test.css","test2.css");
	current = Math.round(Math.random()*styles.length);
	document.getElementsByTagName("link")[0].setAttribute("href",styles[current]);
//-->
</script>
</head>
<body>
	<div align="center">
		Testtext
	</div>
</body>
</html>
 
Danke funktioniert soweit das Problem ist nur das er ab und zu kein stylesheet lädt und somit die ansicht komisch ausschaut... wodran kann das liegen!? Geht das nur mit Cookies nicht mit javascript!?
Kann man was einbauen wo man das script ein und ausschalten kann z.b. eine variable setzten!? also ich meine nur ein und ausschalten vom quelltext her nicht von der geladenen seite. einfach was was ich im quelltext einbauen kann!?

MFG

André
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück