| |
 38.3 Кб |
|
| | подскажите есть ли какой плагин для jQuery или это через CSS реализуется, чтобы можно было выбирать жанры как видно по этому скрину
[IMG]http://clip2net.com/clip/m0/1282379428-clip-27kb.png[/IMG]
выбор "Жанры" тоесть выбирать несколько ссылок щёлкая по ним | |
| |
|
|
| |
|
|
| |
для: web777
(22.08.2010 в 15:31)
| | | а почему бы самому не написать?:)
это проще простого
js+css | |
| |
|
|
| |
|
|
| |
для: sl1p
(22.08.2010 в 17:13)
| | | так ведь если бы умел не обратился бы сюда, но мои познания не позволяют сделать такое, я понимаю что может для кого-то это будет не сложно сделать, навреника уже существуют такие сайты, но вот не могу найти такие, то что на скрине показанно, сделано на фреймворке prototype но хотелось бы на jQuery
если вам не сложно не могли бы помочь, буду очень вам признателен | |
| |
|
|
| |
|
|
| |
для: web777
(22.08.2010 в 17:21)
| | |
<?php
if($_POST) {
echo '<pre>';
print_r($_POST);
echo '</pre>';
} else {
echo 'Выберите жанр:';
}
?>
<style type="text/css">
.checklink {
border-bottom: 1px dashed #000;
text-decoration: none;
color: #000;
padding: 0 2px;
}
.checklink.active {
background: #CCCCCC;
color: #fff;
border-color: #fff;
}
</style>
<script type="text/javascript">
function checkItem(obj, value, fieldName) {
// "fieldName" - имя поля которому будет присвоено значение "value"
if(obj.lastChild && obj.lastChild.tagName && obj.lastChild.tagName == 'INPUT') {
obj.removeChild(obj.lastChild);
obj.className = obj.className.replace(' active', '');
} else {
var i = document.createElement("INPUT");
i.type = 'hidden';
i.name = fieldName + '[]';
i.value = value;
obj.appendChild(i);
obj.className += ' active';
}
return false;
}
</script>
<form method="post">
<br />
<a href="#" class="checklink" onclick="return checkItem(this, 'action', 'genre')">Action</a>,
<a href="#" class="checklink" onclick="return checkItem(this, 'horror', 'genre')">Horror</a>,
<a href="#" class="checklink" onclick="return checkItem(this, 'fantasy', 'genre')">Fantasy</a>
<br /><br /><br /><input type="submit" />
</form>
|
| |
| |
|
|
| |
|
|
| |
для: sl1p
(22.08.2010 в 17:33)
| | | вау, спасибо большое, именно то что было нужно. И ещё такой вопросик, нужна будет также форма для редактирования, как по этому примеру сделать активные определённые елементы?
к примеру открываю страницу, и нужно чтобы были активны Action и Horror как это можно сделать? | |
| |
|
|
| |
|
|
| |
для: web777
(22.08.2010 в 17:55)
| | | всё догадался, нужно вот как
<form method="post">
<br>
<a href="#" class="checklink active" onclick="return checkItem(this, 'action', 'genre')">Action<input value="action" name="genre[]" type="hidden"></a>,
<a href="#" class="checklink active" onclick="return checkItem(this, 'horror', 'genre')">Horror<input value="horror" name="genre[]" type="hidden"></a>,
<a href="#" class="checklink" onclick="return checkItem(this, 'fantasy', 'genre')">Fantasy</a>
<br><br><br><input type="submit">
</form>
|
к ссылке добавить класс "active" а также добавить
<input value="action" name="genre[]" type="hidden">
внутри тега </a> | |
| |
|
|
