Tabell skapad med en for loop

3 svar · 417 visningar · startad av Sune 6 jan. 2005

SuneMedlem sedan nov. 1999367 inlägg

Frågan6 jan. 2005 12:41#1

Hej! Tillbaka igen och denna gång med en newbiefråga...
är som sagt ingen js-kunnig, men vill ändå prova.
Vad jag önskar är att med for loop eller annat stycka upp denna tabell i 6 rader (var rows) och 5 kolumner (var cols). De tio första cellerna (var items) skall vara numrerade 1-10 och de andra cellerna försedda med --.....
Hoppas ni förstår vad jag menar och att någon kan hjälpa mig å det snaraste...

M v h
Sune

<script language="JavaScript"><!--
var rows = 6
var cols = 5
var items = 10
var cells = rows*cols

document.write('<table border="1" cellspacing="0" cellpadding="5">\n');
document.write('<tr>\n');
for(var i=1; i<=cells; i++){
	if (i<=items){
		document.write('<td>'+i+'</td>');
	} else {
		document.write('<td>--</td>');
	}
}
document.write('\n</tr>\n');
document.write('</table><br>');
// -->
</script>

Peter SMedlem sedan dec. 20025 483 inlägg

8 jan. 2005 10:25#2

<script type="text/javascript">
var rows = 6;
var cols = 5;
var items = 10;
var cells = rows*cols;
var count = 1;

document.write('<table border="1" cellspacing="0" cellpadding="5">\n');

for (var i = 0; i < rows; ++i){
    document.write('<tr>\n');

    for (var j = 0; j < cols; ++j){
	document.write('<td>'+ (count <= 10 ? count : '--') +'</td>');
	++count;
    }

    document.write('\n</tr>\n');
}

document.write('</table><br>');

</script>

SuneMedlem sedan nov. 1999367 inlägg

8 jan. 2005 11:05#3

Tack ska du ha Peter S!
Du löste ett hjärnsnurr jag haft ett par timmar nu.
Ändrade "10" till "items" i koden och fick det att funka som jag ville.
Än en gång tack!

<script type="text/javascript"><!--
var rows = 6;
var cols = 5;
var items = 23;
var cells = rows*cols;
var count = 1;

document.write('<table border="1" cellspacing="0" cellpadding="5">\n');
for (var i = 0; i < rows; ++i){
	document.write('<tr>\n');
	for (var j = 0; j < cols; ++j){
		document.write('<td>'+(count <= [b][red]items[/red][/b] ? count : '--') +'</td>');
		++count;
	}
	document.write('\n</tr>\n');
}
document.write('</table>');
// -->
</script>

Peter SMedlem sedan dec. 20025 483 inlägg

8 jan. 2005 13:31#4

Ändrade "10" till "items" i koden och fick det att funka som jag ville.

Självklart skulle jag ha skrivit så istället :r

Bra att det löste sig i alla fall.