Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.05.2015, 11:43
Интересующийся
Отправить личное сообщение для Romaxa Посмотреть профиль Найти все сообщения от Romaxa
 
Регистрация: 05.05.2015
Сообщений: 11

Не выводятся данные в цикле
Здравствуйте друзья.
Подскажите ничего не разбирающемуся в JS, как сделать цикл того что находится в фигурных скобках {}, и чтобы для полей image, title, thumb и url данные цеплялись из бд mysql, код ниже:
<script type="text/javascript">
jQuery(function($){
$.supersized({
slides :
[ // Slideshow Images
   { image : '/img/source/1.jpg', 
      title : 'Умный бетон: Рисунок 1', 
      thumb : '/img/source/1.jpg', 
      url : 'http://www.'
    },
    {
       image : '/img/source/2.jpg', 
       title : 'Умный бетон: Рисунок 2', 
       thumb : '/img/source/2.jpg', 
       url : 'http://www.'
    },
],
  });
});
</script>

в slides как видите абсолютно одинаковые данные в {} скобках, я бы хотел номер картинки или саму картинку выводить из базы данных в цикле. Есть вариант решения? а то что бы я не делал картинки перестают работать.
Делал следующее:
Не буду забегать далеко скажу что после объявления переменной уже переставало все работать
var perem = 1;
{ image : '/img/source/1.jpg', 
      title : 'Умный бетон: Рисунок 1', 
      thumb : '/img/source/1.jpg', 
      url : 'http://www.'
    }

Конкретно вопрос к этому куску кода, его надо вывести в цикле, do while:
{ image : '/img/source/1.jpg', 
      title : 'Умный бетон: Рисунок 1', 
      thumb : '/img/source/1.jpg', 
      url : 'http://www.'
    }

Буду благодарен любой подсказке
Куда копать, не понимаю..

Последний раз редактировалось Romaxa, 05.05.2015 в 12:00.
Ответить с цитированием
  #2 (permalink)  
Старый 05.05.2015, 11:45
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Пожалуйста, локализуйте проблему!

Выделите фрагмент кода, по которому есть вопрос и опубликуйте его отдельно.

И, по возможности, уберите из кода мусор, чтобы нам легче было сориентироваться и помочь решить вашу проблему.

Спасибо.

P.S. код форматируют специальные теги [ js ] ... [/js], [ html ] ... [/html] и другие аналогичные, сам. http://javascript.ru/formatting
Ответить с цитированием
  #3 (permalink)  
Старый 05.05.2015, 11:53
Интересующийся
Отправить личное сообщение для Romaxa Посмотреть профиль Найти все сообщения от Romaxa
 
Регистрация: 05.05.2015
Сообщений: 11

Отредактировал
Отредактировал, действительно, так красивее
Ответить с цитированием
  #4 (permalink)  
Старый 05.05.2015, 11:57
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Если хотите из базы данных, то надо писать запрос на сервер и на сервере соответственно обработчик этого запроса, читайте про AJAX
Ответить с цитированием
  #5 (permalink)  
Старый 05.05.2015, 12:11
Интересующийся
Отправить личное сообщение для Romaxa Посмотреть профиль Найти все сообщения от Romaxa
 
Регистрация: 05.05.2015
Сообщений: 11

а без AJAX никак? я вот только JS начал изучать, а тут еще и аякс..
например из javascript вынести этот кусок кода и переделать в обычный html, типа <img src='...'> а я бы там посредством php и mysql сделал все красиво, зациклил, посчитал количество файлов в папке, вывел как надо и т.д.
Ответить с цитированием
  #6 (permalink)  
Старый 05.05.2015, 12:17
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

Romaxa,
Можно конечно. Выведите список картинок со всей нужной вам информацией в аттибутах, а потом переберите его и считайте нужные данные. Чтобы перебрать сисок элементов на jQuery читайте про each
Ответить с цитированием
  #7 (permalink)  
Старый 05.05.2015, 12:25
Интересующийся
Отправить личное сообщение для Romaxa Посмотреть профиль Найти все сообщения от Romaxa
 
Регистрация: 05.05.2015
Сообщений: 11

Спасибо за обнадеживающий ответ, но я бы не обратился за помощью если бы хотя бы догадывался как это сделать, можете помочь с кодом до уровня html когда уже выведем <img src='...'> и можно задействовать в силу php, там дальше я сам, там нет проблем.
Ответить с цитированием
  #8 (permalink)  
Старый 06.05.2015, 00:19
Аватар для Slup
Интересующийся
Отправить личное сообщение для Slup Посмотреть профиль Найти все сообщения от Slup
 
Регистрация: 01.05.2015
Сообщений: 10

Сообщение от Romaxa
после объявления переменной уже переставало все работат
var perem = { 
    image : '/img/source/1.jpg', 
    title : 'Умный бетон: Рисунок 1', 
    thumb : '/img/source/1.jpg', 
    url : 'http://www.'
};

Сообщение от Romaxa
его надо вывести в цикле,
var perem = { 
    image : '/img/source/1.jpg', 
    title : 'Умный бетон: Рисунок 1', 
    thumb : '/img/source/1.jpg', 
    url : 'http://www.'
},
key;
for (key in perem) {
    if (perem.hasOwnProperty(key)) {
        alert(key + ' : ' + perem[key]);
    }
}

Последний раз редактировалось Slup, 06.05.2015 в 00:40.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отобразить данные формы на другой странице Bumer Events/DOM/Window 10 02.04.2015 18:10
Передать данные через Ajax zahod5277 AJAX и COMET 1 20.01.2015 22:31
Таймер до требуемой даты в цикле Drugpunker Events/DOM/Window 22 21.03.2014 08:52
Сортировка JSON данных в цикле Fareastaz jQuery 12 15.03.2013 20:20
Не совсем обычный фрейм и выезжающий текст при наводе на картинку. amaz245 Элементы интерфейса 35 25.12.2010 17:29