Способ реализации ?
Допустим есть картинки и разные слова к ним ( которые не видно )
Есть разные формы с переключателями на которых эти разные слова ( к примеру 10 слов ), пользователь выбирает нужные ему слова ( например 5 ) нажимает искать и все картинки у которых будут найдены эти слова высвечиваются в список Собственно как это реализовать через джаваскрипт или пхп или еще как ? как лучше короче и что собственно для этого требуется базы данных там какиенить или еще ченить |
GrizzlyBear, можно как и через JS, так и через PHP / MySQL(или др БД)
в первом случае загоняете изображения (пути к ним) и словам к ним, например, в ассоциативный массив (в JS - объект) и делаете поиск по нему в соответствии с, например, атрибутом value (в его значение заносите соответствующее слово) выбранных checkbox-переключателей (все это будет хранится на одной странице, и для добавления новых данных придется редактировать сам код) во втором случае загоняете изображения (пути к ним) и словам к ним, например, в БД MySQL и делаете по аналогии с первым случаем выборку (при этом требуется сервер PHP/Apache/MySQL, добавление данных будет происходить через админку, например, phpMyAdmin) |
Хорошо тогда мне нужно найтроить локальный сервер
пхп апач и бд эта тема насколкьо актуальна http://ab-w.net/PHP/server_set.php или че посоветуете по настройке ? |
Цитата:
Дата публикации: Октябрь 2009 | Обновление: Июль 2012 ну или установите готовую сборку, например, Denwer |
А в чем различие плюсы минусы денвера ?
|
Цитата:
также к созданным сайта можно обращаться сразу по именам, соответствующим созданным для сайтов папкам |
И последний мой вопрос тогда к тебе
где найти уроки по пхп тогда. все токи думаю через пхп это делать правильнее и легче наверно... Только вот еще думаю нужно прям глобально изучать пхп для реализации задуманного или базовые навыки только сойдут Короче дайте мне уроки если знаете конкретно по реализации задуманного или хотябы в этом напровлении по пхп базам данных и так далее |
|
Нагло так и есть :)
Зато так навернякак ближе к теме дадите уроки или приблизительно к ней |
Цитата:
|
Цитата:
А насчет уроков можно дать уроки котрые направлены к теме, что б я куда то не в то напровление ушел |
Создайте простейший интерфейс (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>
|
Ну да примерно так и есть
Но блин с пхп это правильней делать если картинок ооочень много проще их в базу данных залить Короче дайте мне уроки ) урокииииииииииии ) |
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Да я еще над алгоритмом так подумал упростил его в разы ) лан буду учить пхп
А по базе данных MySQL уроки есть какие ? |
лично я mysql реально понял на этом сайте
http://www.sql-ex.ru/ |
| Часовой пояс GMT +3, время: 11:46. |