php flickr - PHP

vamel · 08.10.2011, 20:48

Помогите создать search box для flickr-а на моем html document-е. Он должен вывести на экран 5 картинок для каждого слова в search box-е.

Andkorol · 08.10.2011, 21:18

Поможем погуглить, чего уж там - раз вы сами не умеете...

Создаем динамический поиск изображений из Flickr на Dojo
оригинал, на всякий случай:
Create a Dynamic Flickr Image Search with the Dojo Toolkit

vamel · 08.10.2011, 21:43

спасибо, но я этот метод уже пробовал, и это не хороший метод, в нем не возможно сразу искать 3 типа картинок, а еще мне нужно поисковик на php

Andkorol · 08.10.2011, 22:04

Цитата:

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

спасибо, но я этот метод уже пробовал, и это не хороший метод, в нем не возможно сразу искать 3 типа картинок

А что мешает сделать 3 запроса...?
Метод отлично ищет по 2-м критериям - для получения релевантных результатов можно просто сделать несколько "парных запросов".
Было бы желание.

Цитата:

а еще мне нужно поисковик на php

Бюджет?

vamel · 08.10.2011, 22:14

мне надо чтобы если я ввел 3 слова в search box, то на экране появились 5 картинок от каждово слова, а потом я должен добавить функцию droppable для картинок, и добавить их в специальные div-и для картинок, если перетащить не в правильный div то на экране должна появится еррор, а в противном случае ок, а потом когда все картинки в своих div-ах, я должен показать картинки одного div-а при помощи slideshow

Andkorol · 08.10.2011, 22:29

Цитата:

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

и это не хороший метод, в нем не возможно сразу искать 3 типа картинок
....
мне надо чтобы если я ввел 3 слова в search box, то на экране появились 5 картинок от каждово слова

Ну и причём тут "сразу искать 3 типа картинок"...?
Просто разделите поисковую фразу на N частей(слов) - и для каждого слова выполните запрос 5-ти картинок.
В чём проблема-то - про циклы слышали что-нибудь?

Цитата:

а потом я должен добавить функцию droppable для картинок, и добавить их в специальные div-и для картинок, если перетащить не в правильный div то на экране должна появится еррор, а в противном случае ок, а потом когда все картинки в своих div-ах, я должен показать картинки одного div-а при помощи slideshow

Так делайте/добавляйте/показывайте, раз должны...

Если возникнут проблемы - обращайтесь, показывайте свой код, задавайте вопросы - поможем...
Пока никаких серьезных проблем, кроме отсутствия кода, не видно...

vamel · 08.10.2011, 22:37

вот код который вы подсказали, не понимаю как тут менять?

Код HTML:

<html>
	<head>
		<style type="text/css">
  /* bring in the claro theme */
  @import "http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css";
  
  /* define styles per the images */
  a.thumb  { display:inline-block; margin:0 20px 20px 0; }
  
</style>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" type="text/javascript" djConfig="parseOnLoad:true"></script>
<body>
	<!-- search will be here -->
<form dojoType="dijit.form.Form" id="searchForm">
  <input dojoType="dijit.form.ValidationTextBox" id="searchBox" missingMessage="Please provide a term to search" placeholder="search term..." required="true" />
  <button type="submit" dojoType="dijit.form.Button" id="searchButton">Submit Search</button>
</form>
<!-- will set the eventual dimensions for the tab container -->
<div style="width:675px;height:400px">
  <!-- will host all tabs and their content panes -->
  <div dojoType="dijit.layout.TabContainer" id="tabContainer" style="width:100%;height:100%;">
    <!-- welcome pane: title is tab name, make this tab selected -->
    <div dojoType="dijit.layout.ContentPane" title="Welcome Pane" selected="true">
      <p>
        Welcome to the Flickr Search data store and Tab Container example.  
        Submit your search and watch the tab load!
      </p>
    </div>
  </div>
</div>
<script>
/* require necessary classes */
dojo.require('dijit.layout.TabContainer');
dojo.require('dijit.layout.ContentPane');
dojo.require('dijit.form.Button');
dojo.require('dijit.form.Form');
dojo.require('dijit.form.ValidationTextBox');
dojo.require('dojox.data.FlickrStore');
dojo.require('dijit.Tooltip');

/* when all classes have loaded... */
dojo.ready(function() {
  
  /* settings */
  var tabSubjects = {};
  var flickrStore = new dojox.data.FlickrStore();
  
  /* collect proper elements */
  var searchForm = dijit.byId('searchForm');
  var searchBox = dijit.byId('searchBox');
  var searchButton = dijit.byId('searchButton');
  var tabContainer = dijit.byId('tabContainer');
  
  /* connect click event to search */
  dojo.connect(searchForm,'onSubmit',function(e) {
    //stop!
    dojo.stopEvent(e);
    //store value
    var value = searchBox.get('value').toLowerCase();
    //if a value exists...
    if(value) {
      //if the tab isn't already there...
      if(!tabSubjects[value]) {
        //do the search...
        flickrStore.fetch({
          query: { tags: value },
          onBegin: function() {
            //create the tab
            tabSubjects[value] = new dijit.layout.ContentPane({ 
              title:value, 
              content:'Searching for ' + value + '...', 
              closable:true,
              onClose: function() {
                //remove this from our saved tabs when closed
                tabSubjects[value] = null;
                return true;
              }
            });
            //add to tabcontainer and select
            tabContainer.addChild(tabSubjects[value]);
            tabContainer.selectChild(tabSubjects[value]);
          },
          onComplete: function(items) {
            //if we got items...
            if(items.length) {
              //clear the tab's content'
              tabSubjects[value].set('content','');
              //cycle through each image returned, inject into new tab, add tooltip
              dojo.forEach(items,function(item,i) {
                //create the link's ID for the tooltip
                var id = new Date().getTime() + '_' + i;
                var a = dojo.create('a',{ 
                  href: flickrStore.getValue(item,'link'),
                  className: 'thumb',
                  target: '_blank',
                  id:  id,
                  innerHTML: '<img src="' + flickrStore.getValue(item,'imageUrlSmall') + '" alt="' + flickrStore.getValue(item,'title') +'" />'
                },tabSubjects[value].domNode);
                //tooltip!
                if(flickrStore.getValue(item,'title')) { new dijit.Tooltip({ label: flickrStore.getValue(item,'title'), connectId: id }); }
              });
            }
            else {
              //provide "no images" content
              tabSubjects[value].set('content','There were no images available for this term.');
            }
            //empty the search box
            searchBox.set('value','');
            
          }
        });
      }
      //if it does exist, focus on it
      else {
        tabContainer.selectChild(tabSubjects[value]);
      }
    }
  });
});
</script>

Я скоро начну раздавать штрафы. Оформляйте код как положено. (с) Модератор.

Andkorol · 08.10.2011, 22:47

Цитата:

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

вот код который вы подсказали, не понимаю как тут менять?

Наймите программиста, который понимает.

Вы должны понять, что вам вряд ли удастся найти в готовом виде вариант кода, который на 100% будет подходить именно под все ваши требования.
Поэтому у вас есть только два способа получить желаемое:
1. Сделать скрипт самому.
2. Нанять исполнителя, который напишет вам этот скрипт.

Задавать на форумах вопросы при отсутствии знаний - бессмысленно, потому что вы просто не понимаете суть ответов на эти вопросы.

vamel · 08.10.2011, 22:57

я только начинаю учить web програмирование, и мне трудно несколько, а как мовно делать так чтобы в ютом коде не создавалос новая страница при поиске?

08.10.2011, 20:48	#1
vamel Пользователь Регистрация: 08.10.2011 Сообщений: 10	php flickr Помогите создать search box для flickr-а на моем html document-е. Он должен вывести на экран 5 картинок для каждого слова в search box-е.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вебинар по PHP - для тех, кто хочет начать изучение PHP, 30 июля.	PHPLance	HTML и CSS	0	23.07.2011 22:33
что не так с php кдом или с настройками MySQL+PHP	Jimmi	Помощь студентам	2	27.12.2010 09:03
PHP test.php?a=1&b=1 не работает передача параметров	бедный_студент	PHP	5	25.08.2010 23:08
Преобразование HTML-PHP в PHP с запуском в командной строке.	TERAB1T	PHP	4	01.06.2010 14:14

08.10.2011, 21:18	#2
Andkorol Старожил Регистрация: 31.05.2010 Сообщений: 3,301	Поможем погуглить, чего уж там - раз вы сами не умеете... Создаем динамический поиск изображений из Flickr на Dojo оригинал, на всякий случай: Create a Dynamic Flickr Image Search with the Dojo Toolkit

08.10.2011, 21:43	#3
vamel Пользователь Регистрация: 08.10.2011 Сообщений: 10	спасибо, но я этот метод уже пробовал, и это не хороший метод, в нем не возможно сразу искать 3 типа картинок, а еще мне нужно поисковик на php

08.10.2011, 22:14	#5
vamel Пользователь Регистрация: 08.10.2011 Сообщений: 10	мне надо чтобы если я ввел 3 слова в search box, то на экране появились 5 картинок от каждово слова, а потом я должен добавить функцию droppable для картинок, и добавить их в специальные div-и для картинок, если перетащить не в правильный div то на экране должна появится еррор, а в противном случае ок, а потом когда все картинки в своих div-ах, я должен показать картинки одного div-а при помощи slideshow

08.10.2011, 22:57	#9
vamel Пользователь Регистрация: 08.10.2011 Сообщений: 10	я только начинаю учить web програмирование, и мне трудно несколько, а как мовно делать так чтобы в ютом коде не создавалос новая страница при поиске?