Выделение определенных ячеек

@XeSoba4 · Регистрация: 05.02.2012

Author24 — интернет-сервис помощи студентам

Создается таблица из слов (рандомом из массива). В этой таблице нужно выделить ячейку/ячейки с самым коротким словом. Смог сделать только выделение слов меньше определенной длины слова, но с циклом как-то не сложилось.

HTML5

<html>
<head>
<meta charset="Windows-1251" />
 
<title>Генерация слов в таблице </title>
<meta name=description content=' '><meta name=keywords content=' '><meta http-equiv='content-type' content='text/html; charset=windows-1251' />
<meta http-equiv='content-style-type' content='text/css' />
 
<meta http-equiv='content-language' content='ru' /
        <link rel="stylesheet" type="text/css" href="style.css" />
 
 
<style type="text/css">
 
.selected {
    background-color: yellowgreen;
}
 
table {
    background-color: beige;
    border-collapse: collapse;
}
 
td {
    text-align: center;
    border: 1px solid black;
    padding: 6px;
}
 
</style>
 
<script type="text/javascript">
 
var array_word = ['рама','роса','облоко','рим','шалаш','крик','тирит','титр','и','тигр','олово','сова','вал','пир','мир'];
var array_symbol = ['т','и','р'];
 
function getRandom(min,max){
    return Math.floor(Math.random()*(max-min+1))+min;
}
 
function showTable(count_rows, count_cols) {
    var htmlcode = '';
    ROWS_SIZE = count_rows;
    COLS_SIZE = count_cols;
    for (var rows = 0; rows < count_rows; rows++) {
        htmlcode += '<tr>\n';
        for (var cols = 0; cols < count_cols; cols++) {
            htmlcode += '<td id="td' + rows + cols + '">' + array_word[getRandom(0,array_word.length-1)] + '</td>'
        }
        htmlcode += '</tr>\n';
    }
    document.getElementById("main_table").innerHTML = htmlcode;
}
 
function toMark() {                      //выделение ячейки, если она соответствует условию checkWord
    for (var rows = 0; rows < ROWS_SIZE; rows++) {
        for (var cols = 0; cols < COLS_SIZE; cols++) {
            if (checkWord(document.getElementById("main_table").rows[rows].cells[cols].innerHTML)) {
                var elem = document.getElementById("td" + rows + cols);
                elem.setAttribute("class","selected");
            }
        }
    }
}
 
function checkWord(word) {
    if (word.length == 3) {
         return true;
            } else {
        return false; 
    }
}
</script>
</head>
<body onload="showTable(10,10)">
<div align="center">
    <table id="main_table">
    </table>
    <p>
    <input type="button" value="Выделить" onclick="toMark()">
    <input type="button" value="Генерировать" onclick="showTable(10,10)">
</div>
</body>
</html>

@newJS · 27.10.2013, 09:27

надо то чего? все работает

@XeSoba4 · 27.10.2013, 11:15 **[ТС]**

Надо чтобы нашел минимальное слово перебором (циклом от 2х букв), а не через заданное количество букв.

@newJS 2435 / 1114 / 312 Регистрация: 23.06.2011 Сообщений: 3,525
	27.10.2013, 09:27	2
	надо то чего? все работает 0

@XeSoba4 0 / 0 / 0 Регистрация: 05.02.2012 Сообщений: 9
	27.10.2013, 11:15 [ТС]	3
	Надо чтобы нашел минимальное слово перебором (циклом от 2х букв), а не через заданное количество букв. 0