Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.12.2013, 10:56
Новичок на форуме
Отправить личное сообщение для guln1 Посмотреть профиль Найти все сообщения от guln1
 
Регистрация: 15.12.2013
Сообщений: 1

Выделение цветом ячеек таблицы
Нужно построить таблицу N*N,заполнить числами от 1 до N*N
Ячейки с Простыми числами выделить другим цветом

главный файл (out.html)
<HTML> 
<HEAD>
<TITLE>Таблица</TITLE>
</HEAD>
<frameset COLS="35%, *">
<frame name="lattab" SRC="formtab.html">
<frame name="right"> 
</frameset> 
</HTML>


formtab.html
<HTML> 
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<TITLE>таб</TITLE> 
 <script type='text/javascript' ></script>
<link rel="stylesheet" type="text/css" href="3.css">
<style type='text/css'>
.prime {
    background-color: #00FFFF;
    color: #000000;
}
</style>
<script type='text/javascript'>
function inArray(needle, haystack) {
    var length = haystack.length;
    for (var i = 0; i < length; i++) {
        if (haystack[i] == needle) return true;
    }
    return false;
}
function findPrime(num) {
    var output = [ ];
    for (j = 2; j <= num; j++) {
        for (k = 2; k < j; k++) {
            if (j % k === 0) {
                break;
            }
        }
        if (k === j) {
            output.push(j);
        }
    }
    return output;
}

function f ()

{ var n =Number (document.forms["form1"].num.value); 

var k=1;

var primes = findPrime(n*n);
var out = top.frames['right'].document; 

 console.log(primes);
out. close()

out.open()

out.writeln('<BODY ><CENTER>'); 

out.writeln( '<TABLE bgcolor=white COLS='+n+' ROWS='+n+

' border=1>'); 

for (i=0; i<n; i++) 

{ out.writeln( '<TR>'); 

for (j=0; j<n; j++) 

{out.writeln(  '<td'+(inArray(k, primes) ? ' class="prime">' : 

'>')+k+'</td>');
            k++;
}
out.writeln('</TR>'); 
}
out.write('</TABLE>'); 
out.writeln('</CENTER><BODY>') ; 
}
function cl()
{ var out = top.frames['right'].document; 
out. close()
out.open()
out.clear();
}
</script> 
</HEAD> 
<BODY>
<FORM name="form1">
Input N: <input name="num" TYPE="text" size=4> 
<input TYPE="button" value=" OK " onclick="f()"> 
<input TYPE="button" value=" clear " onclick="cl()"> 
</FORM> 
</BODY> 
</HTML>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Управление содержимым ячеек таблицы okouser Общие вопросы Javascript 9 08.02.2015 18:53
сайт под Android - выделение области Select голубым цветом 63ek (X)HTML/CSS 2 17.05.2013 13:44
Подсветка родительских ячеек таблицы Demath Элементы интерфейса 10 11.02.2013 14:33
IE 8: баг при динамическом display=none; у ячеек таблицы SegaMega Элементы интерфейса 0 21.09.2012 06:47
Не выводится содержимое ячеек таблицы SER Events/DOM/Window 2 23.06.2011 17:48