Цитата:
А насчет уроков можно дать уроки котрые направлены к теме, что б я куда то не в то напровление ушел |
Создайте простейший интерфейс (html), на основе которого можно будет дальше рассуждать, что, куда и как лучше прикручивать.
|
так создал довно
|
Цитата:
|
<form id="form">Выберите картинки для просмотра:<br></form>
<script>
window.onload = function () {//onload begin
var words = [
'13281&dateline=1342542582',
'19820&dateline=1334914235',
]
var len = words.length;
var path = 'http://javascript.ru/forum/image.php?u=';
var form = document.getElementById('form');
var str = '';
for (var i = 0; i < len; i++) {
str += '<label><input type="checkbox" value="' + words[i] + '">' + words[i] + '</label><br>';
}
str += '<input type="button" value="Просмотреть"><div></div>';
form.innerHTML += str;
form.lastChild.previousSibling.onclick = function () {
var images = form.getElementsByTagName('input');
var div = this.nextSibling;
str = '';
for (var i = 0; i < len; i++) {
if (images[i].checked == true) {
str += '<img width="300" height="300" src="' + path + words[i] + '">';
}
}
div.innerHTML = str;
}
}//onload end
</script>
|
Так зачем )
Все что требуется я описал выше Цитата:
все картинки, описания к ним и слова к ним, нужно поместить в базу данных. Далее написать скрипт php. Который будит осуществлять поиск по этой базе данных. В итоге получится следущее: Пользователь выбирает нужные ему слова ( просто ставит у элемета формы "флажки" галочку ) Затем жмет кнопку отправить. Все собранные данные с этих форм отправляются на обработку php скрипту, который ищет эти слова в базе данных, а затем выводит на страницу - ТОЛЬКО картинки и описания к ним. слова не выводятся. Слова это просто как бы ассоциации к этой картинке. Допустим есть картинка на которой изображено море пляж и солнце. Слова которые ассоциируются с этой картинкой ( пейзаж, горизонт, море и т.д. ) И есть еще одна картинка Шоссе уходящее за гаризонт. Слова которые ассоциируются с этой картинкой ( пейзаж, горизонт, шоссе и т.д. ), Но нет слова море как в первом случае. Я написал только по 3 ассоциации к каждой картинке, а если этих ассоциаций 100, то так можно вывести на страницу ВСЕ имеющиеся картинки. Поэтому надо чтобы было ограничение или степень важности: Если пользователь выбрал пункты ( пейзаж, горизонт , море ) то ему на страницу выведутся только ПОХОЖИЕ ПО ОПИСАНИЮ картинки с пейзажем моря но не с пейзажем шоссе. Конечно пунктов выбора будит не много и я все тщательно продумаю. Поэтому и хочу чтобы мне дали уроки более направленные в эту область. Например я уже знаю что для вывода информации есть оператор "echo" :D Хах код выше ) ну это не совсем то что нужно ) Но хочу написать я этот код сам, хотя бы попытаться. и всетоки на стороне сервера с помощью php и базы данных это правильнее ) |
bes, ))))
GrizzlyBear, можно сразу с привязкой слов замутить...
<html>
<head>
<title></title>
<script>
var img = {
"img0": "а,б,в",
"img1": "г,д,е",
"img2": "ё,ж,з",
"img3": "и,й,к",
"img4": "л,м,н"
}, d = document;
function view() {
var form = d.getElementById("form"), str = "";
for (i=0; i<form.elements.length; i++) {
if (form.elements[i].checked) {
for (j in img) {
if (img[j].indexOf(form.elements[i].value) != -1 && str.indexOf(j) == -1) {
str += j + "<br>";
}
}
}
}
d.getElementById("imgs").innerHTML = str;
}
</script>
</head>
<body>
<form id="form">
<label><input type="checkbox" value="а">а</label>
<label><input type="checkbox" value="б">б</label>
<label><input type="checkbox" value="в">в</label>
<label><input type="checkbox" value="г">г</label>
<label><input type="checkbox" value="д">д</label>
<label><input type="checkbox" value="е">е</label>
<label><input type="checkbox" value="ё">ё</label>
<label><input type="checkbox" value="ж">ж</label>
<label><input type="checkbox" value="з">з</label>
<label><input type="checkbox" value="и">и</label>
<label><input type="checkbox" value="к">к</label>
<label><input type="checkbox" value="л">л</label>
<label><input type="checkbox" value="м">м</label>
<label><input type="checkbox" value="н">н</label>
<input type="button" value="Вывести" onClick="view()">
</form>
<div id="imgs"></div>
</body>
</html>
|
Ну да примерно так и есть
Но блин с пхп это правильней делать если картинок ооочень много проще их в базу данных залить Короче дайте мне уроки ) урокииииииииииии ) |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 02:48. |