puzzelbrain1
Registered
Имам следната форма с textarea:
изглежда по следния начин
въпроса ми е как когато кликна с мишката на някой от редовете в текстареата да се маркира целя ред както е показано на картинката
избацах този JS който разбрах, че прави това което ми трябва:
но понеже съм сакат от към JS не съм сигурен как да го приложа???
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Редактиране на ученици</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" type="image/ico" href="img/favicon.ico">
</head>
<body>
<div id="logo">
<a href="index.php">
<img src="img/logo.png" alt="лого на сайта" align="top" height="75" />
<h1>SchoolConnect</h1>
</a>
<p>справочна система за учители и ученици</p>
</div>
<div id="wrap">
<div id="menu">
Данни за класа:
<a href="edit-files.php?show=4&edit=1,3&title=1">Ученици</a> |
<a href="edit-subjects.php">Предмети</a> |
<a href="edit-scores.php">Оценки</a> |
<a href="edit-files.php?show=1&edit=10,11&title=10,11">Отсъствия</a> |
<a href="edit-files.php?show=1&edit=12&title=12">Съобщения</a> |
<a href="edit-program.php">Програма</a> |
<a href="logout.php">Изход</a>
</div>
<div id="menu">
Справки за класа:
<a href="class-subject-scores.php">Брой оценки по предмети</a> |
<a href="high-scores.php">Пълни отличници</a> |
<a href="low-scores.php">Ученици с двойки</a>
</div>
<p class=""></p><h2>Редактиране на ученици</h2>
<form method="post" action="/dnevnik/www/edit-files.php?show=1&edit=2,5,6,4&title=1" name="edit-files">
<input name="show-list" value="1" type="hidden">
<input name="edit-list" value="2,5,6,4" type="hidden">
<table border="1" cellpadding="2" cellspacing="0">
<thead>
<tr>
<th align="center">No</th>
<th align="center">ученици</th>
<th align="center">ЕГН-та</th><th align="center">адреси</th><th align="center">телефони</th><th align="center">ел.поща</th>
<th align="center">No</th>
</tr>
</thead>
<tbody>
<tr>
<td align="right"><textarea cols="2" rows="20" name="numbers-begin" class="numbers"
readonly="readonly">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</textarea></td>
<td align="center"><textarea cols="20" rows="20" name="students"
readonly="readonly">Петър Иванов
Драган Драганов
Емилия Христова
Петър Петров
Драган Драганов
Мартин Еленков
Страхил Веринов
Теодора Киричова
Елена Михайлова
Петър Дънов
Ралица Ереданска
Стоян Иванов
Александър Велики
Петър Стоичков
Християн Мюсюлманов</textarea></td>
<td align="center">
<textarea cols="10" rows="20"
name="idn">9486015643
3426547547
5234354565
9252342354
3453463454
4654352343
4634234235
5745643556
4575464534
4363456756
4563456765
5474564533
6785463452
5645765232
4564574565</textarea></td><td align="center">
<textarea cols="40" rows="20"
name="address">Възраждане 5
Възраждане 6
Възраждане 7
Възраждане 8
Възраждане 9
Възраждане 1
Възраждане 4</textarea></td><td align="center">
<textarea cols="10" rows="20"
name="phones">9486015643
3426547547
5234354565
9252342354
2342343254
4352342354
4363452342</textarea></td><td align="center">
<textarea cols="20" rows="20"
name="mails">mail@student
mail@student2
mail@student3
mail@student4
mail@student5
mail@student6
mail@student7
mail@student8
mail@student9
mail@student10
mail@student11
mail@student12
mail@student13
mail@student14
mail@student15</textarea></td>
<td align="right"><textarea cols="2" rows="20" name="numbers-end" class="numbers"
readonly="readonly">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</textarea></td>
</tr>
<tr>
<td colspan="4" border="0" align="center">
<button value="Запиши" name="submit" type="submit">Запиши</button>
<button value="Изчисти" name="reset" type="reset">Изчисти</button>
</td>
</tr>
</tbody>
</table>
<center><a href="edit-files.php?show=1&edit=2,5,6,4&title=1"><img src="img/add-data.png" height="20" weight="20"/>Добави данни</a></center>
</form></div>
<div id="footer">
<p id="school-info"><a href="http://gymnasium-lom.com">ПГ "Найден Геров"</a> |
телефон: 0971-66013 |
факс: 0971-66013 |
<a href="mailto:naiden_gerov@abv.bg">Пиши ни</a><br />
адрес: ул.Дунавска 67, гр.Лом, област Монтана, п.к.3600</p>
<p id="program-info">© SchoolConnect v0.1 | Автор: Драган Драганов | Лиценз: GNU GPL</p>
</div>
</body>
</html>изглежда по следния начин
въпроса ми е как когато кликна с мишката на някой от редовете в текстареата да се маркира целя ред както е показано на картинката
избацах този JS който разбрах, че прави това което ми трябва:
Код:
var dummy = this.clone().css({
top: -9999,
left: -9999,
position: 'absolute',
width: this.width()
}).appendTo(this.parent()),
text = dummy.text().match(/\S+\s+/g);
var words = text.length,
lastTopOffset = 0,
lineNumber = 0,
ret = '',
found = false;
for (var i = 0; i < words; ++i) {
dummy.html(
text.slice(0,i).join('') +
text[i].replace(/(\S)/, '$1<span/>') +
text.slice(i+1).join('')
);
var topOffset = jQuery('span', dummy).offset().top;
if (topOffset !== lastTopOffset) {
lineNumber += 1;
}
lastTopOffset = topOffset;
if (lineNumber === line) {
found = true;
ret += text[i];
} else {
if (found) {
break;
}
}
}
dummy.remove();
return ret;
};