Paletten nebeneinander zeigen

Tucker

Erfahrenes Mitglied
Hallo,

ich habe nicht sonderlich Ahnung von Javascript, weshalb ich hier auch einen Codeschnipsel verwende. Dieser Schnipsle soll mir 5 Blöcke ausgeben. Soweit macht das Script auch alles richtig, nur sollen die Blöcke nebeneinander und nicht untreinander ausgegeben werden.

Code:
function colorPalette(dir, width, height)
{
	var r = 0, g = 0, b = 0;
	var numberList = new Array(6);
	numberList[0] = "00";
	numberList[1] = "40";
	numberList[2] = "80";
	numberList[3] = "BF";
	numberList[4] = "FF";
	document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
	document.writeln('<tr>');
	for(r = 0; r < 5; r++)
	{
		if (dir == 'h')
		{
			document.writeln('<td>');
			document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
		}
		for(g = 0; g < 5; g++)
		{
			if (dir == 'v')
			{
				document.writeln('<tr>');
			}
			for(b = 0; b < 5; b++)
			{
				color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
				document.write('<td bgcolor="#' + color + '">');
				document.write('<a href="javascript:bbfontstyle(\'[ color=#' + color + ' ]\', \'[ /color ]\');" onmouseover="helpline(\'s\');"><img src="images/spacer.gif" width="' + width + '" height="' + height + '" border="0" alt="#' + color + '" title="#' + color + '" /></a>');
				document.writeln('</td>');
			}
			if (dir == 'v')
			{
				document.writeln('</tr>');
			}
		}
		if (dir == 'h')
		{
			document.writeln('</table>');
			document.writeln('</td>');
		}
	}
	document.writeln('</table>');
}

Kann mir jemand helfen?

Die Funktion wird so initialisiert:

Code:
colorPalette('v', 10, 7)
 
Zuletzt bearbeitet:
HTML:
<script type="text/javascript"><!--
 	colorPalette('v',200,200);
 //--></script>
Macht doch genau, was du willst oder täusche ich mich da?
 
Nein, macht es nicht. Die Zahlenwerte geben die einzelnen Farbkästchen, deren Breite und Höhe an. Und in jedem Block sind eine Vielzahl Farbkästchen. Aber die Blocks werden untereinander aufgelistet und nicht nebeneinander. Die sollen aber nebeneinander aufgelistet werden.
 

Neue Beiträge

Zurück