Форум

GrizzlyBear · #11 (**permalink**) 18.07.2012, 09:58

Цитата:

Думаю, вряд ли, необходимо иногда и самому усилия прилагать (например, набрать в поиске посоветованный Denwer, зайти на сайт разработчика, удивиться, что это отечественный продукт (Денвер) и о нём хорошо написано на самом сайте разработчика)

Я так и сделал и уже установил все
А насчет уроков можно дать уроки котрые направлены к теме, что б я куда то не в то напровление ушел

bes · #12 (**permalink**) 18.07.2012, 10:06

Создайте простейший интерфейс (html), на основе которого можно будет дальше рассуждать, что, куда и как лучше прикручивать.

GrizzlyBear · #13 (**permalink**) 18.07.2012, 10:35

так создал довно

bes · #14 (**permalink**) 18.07.2012, 10:43

Сообщение от GrizzlyBear

так создал довно

так выкладывайте

bes · #15 (**permalink**) 18.07.2012, 12:29

<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>

GrizzlyBear · #16 (**permalink**) 18.07.2012, 12:39

Так зачем )
Все что требуется я описал выше

Цитата:

Допустим есть картинки и разные слова к ним ( которые не видно )

Есть разные формы с переключателями на которых эти разные слова ( к примеру 10 слов ), пользователь выбирает нужные ему слова ( например 5 ) нажимает искать и все картинки у которых будут найдены эти слова высвечиваются в список

Собственно как это реализовать через джаваскрипт или пхп или еще как ?
как лучше короче и что собственно для этого требуется базы данных там какиенить или еще ченить

Теперь мне ясно что:
все картинки, описания к ним и слова к ним, нужно поместить в базу данных.
Далее написать скрипт php. Который будит осуществлять поиск по этой базе данных.
В итоге получится следущее:
Пользователь выбирает нужные ему слова ( просто ставит у элемета формы "флажки" галочку )
Затем жмет кнопку отправить.
Все собранные данные с этих форм отправляются на обработку php скрипту, который ищет эти слова в базе данных, а затем выводит на страницу - ТОЛЬКО картинки и описания к ним. слова не выводятся. Слова это просто как бы ассоциации к этой картинке.

Допустим есть картинка на которой изображено море пляж и солнце.
Слова которые ассоциируются с этой картинкой ( пейзаж, горизонт, море и т.д. )
И есть еще одна картинка Шоссе уходящее за гаризонт.
Слова которые ассоциируются с этой картинкой ( пейзаж, горизонт, шоссе и т.д. ), Но нет слова море как в первом случае.
Я написал только по 3 ассоциации к каждой картинке, а если этих ассоциаций 100, то так можно вывести на страницу ВСЕ имеющиеся картинки.
Поэтому надо чтобы было ограничение или степень важности:
Если пользователь выбрал пункты ( пейзаж, горизонт , море )
то ему на страницу выведутся только ПОХОЖИЕ ПО ОПИСАНИЮ картинки с пейзажем моря но не с пейзажем шоссе.

Конечно пунктов выбора будит не много и я все тщательно продумаю.
Поэтому и хочу чтобы мне дали уроки более направленные в эту область.
Например я уже знаю что для вывода информации есть оператор "echo"

Хах код выше ) ну это не совсем то что нужно )
Но хочу написать я этот код сам, хотя бы попытаться. и всетоки на стороне сервера с помощью php и базы данных это правильнее )

lord2kim · #17 (**permalink**) 18.07.2012, 12:41

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>

GrizzlyBear · #18 (**permalink**) 18.07.2012, 12:58

Ну да примерно так и есть
Но блин с пхп это правильней делать если картинок ооочень много
проще их в базу данных залить
Короче дайте мне уроки ) урокииииииииииии )

melky · #19 (**permalink**) 18.07.2012, 13:06

Сообщение от GrizzlyBear

Короче дайте мне уроки ) урокииииииииииии )

какие тебе уроки?

bes · #20 (**permalink**) 18.07.2012, 13:22

Сообщение от lord2kim

bes, ))))

GrizzlyBear, можно сразу с привязкой слов замутить...

Это просто пример, он же только после этого понятное описание дал, чего хочет

Форум

Справочник

Discord чат

Курсы javascript