powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Смена информации без перезагрузки страницы.
9 сообщений из 9, страница 1 из 1
Смена информации без перезагрузки страницы.
    #36070706
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Зачада заключается в следующем.
В базе данных есть несколько пунктов продукции (к примеру, 3 штуки): название, картинка, ссылка на полное описание и т.д. и т.п.
На странице необходимо примерно через 3 секунды менять информацию без перезагрузки страницы: отображать один произвольный продукт из базы.
Я сформирала массив JavaScript из данных в базе:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
$query = mysql_query("select `title`,  `content`, `link`, `img`, `desc`, `id` from annonce WHERE `flag`=1");
for ($i=0; $i < @mysql_num_rows($query); $i++)
{
print "ids[".$i."] = '".mysql_result($query,$i,5)."';";
print "titles[".$i."] = '".mysql_result($query,$i,0)."';";
print "contents[".$i."] = '".mysql_result($query,$i,1)."';";
print "links[".$i."] = '".mysql_result($query,$i,2)."';";
print "imgs[".$i."] = '".mysql_result($query,$i,3)."';";
print "descs[".$i."] = '".mysql_result($query,$i,4)."';";
}

Далее html-кодом сделала разметку страницы:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
print "<a href='' style='text-decoration: none;' target='_parent' id='link_product'><div>";
print "<table width='200' cellpadding='0' cellspacing='0'>
<tr><td colspan='2' style='font-size: 14px;  padding-left: 5px; padding-right: 5px; color: #bc2129; font-family: tahoma;' ><b></b></td></tr>
<tr><td colspan='2' height='5'></td></tr>
<tr><td width='116px'  valign='top'  style='background: url(img/new_product.jpg); background-repeat: no-repeat; background-position: right; width: 116px; height: 31px; font-size: 9px;  padding-top: 8px; color: white; font-family: tahoma;'><b> </b></td>
<td valign='top'  style='background: url(img/rez.jpg); background-repeat: no-repeat; background-position: right; height: 31px; font-size: 12px;  padding-top: 6px; #text-align: right; color: 676565; font-family: tahoma;'><b>Подробнее</b></td></tr>";
print "<tr><td colspan='2' style='font-size: 10px;' align='center'><img src='admin/units/annonce/' border='0'></td></tr>";
print "<tr><td colspan='2' style='font-size: 11px; color:#6B6B6B; font-family: Tahoma; padding-left: 15px; padding-right: 15px;' align='center'><b></b></td></tr>";
print "<tr><td height='15'  colspan='2'> </td></tr></table>";
print "</div></a>";

Выбор произвольного продукта осуществляется функцией:

Код: plaintext
1.
2.
3.
4.
5.
6.
function rand(max, min) {    
    if( max ) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    } else {
        return Math.floor(Math.random() * (min + 1));
    }
}

Вопрос в следующем: каким образом вставить полученное произвольное значение массива и на страницу и через 3 секунды брать новое произвольное значение и опять отображать на странице вместо старого?
Заранее спасибо!
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36070738
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
авторНа странице необходимо примерно через 3 секунды менять информацию без перезагрузки страницы: отображать один произвольный продукт из базы.Менять содержимое страницы при помощи DOM и JavaScript.
Если предметов в базе немного (10-ки, в крайнем случае 100-ни), то можно заранее сформировать их в JS массиве. Если предметов тысячи и т.д., то можно получать с сервера при помощи XMLHTTPRequest, далее те же DOM и JavaScript.
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36070872
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Яростный МечЕсли предметов в базе немного (10-ки, в крайнем случае 100-ни), то можно заранее сформировать их в JS массиве.
JS массив я сформировала. У меня возник вопрос, как на сайте смену информации (информация берется из JS массивов) раз в 3 секунды без перезагрузки страницы...
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36071275
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
 
yourfunction(uslovie)
function yourfunction(){
//выполняются действия
uslovie = newUslovie;
setTimeout("yourfunction(uslovie)",sec);
} 
так не получится?
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36071276
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
пропустил))
Код: plaintext
1.
2.
3.
4.
5.
6.
yourfunction(uslovie)
function yourfunction(uslovie){
//выполняются действия
uslovie = newUslovie;
setTimeout("yourfunction(uslovie)",sec);
} 
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36072007
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Поступила по-другому.
С помощью php вывела все товары, потом каждый товар "положила" в div, задав style='display: none'. На body повесила событие onload - вызов функции, которая в произвольном порядке выбирает один из div'ов (по id), делает его видимым, а остальные скрывает. Функцию сделала рекурсивной: она сама себя вызывает через временной интервал в 3 сек.
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36072061
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
не кашерно...если бы товаров было много, была бы проблема с рисованием дива для каждого товара)
проще один див заполнять произвольно выбранным в скрипте товаром и рекурсивно в скрипте же вызывать одну и ту же функцию через 3 секунды
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36072082
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SweetApple...Функцию сделала рекурсивной: она сама себя вызывает через временной интервал в 3 сек.
Стэк оверфлов.
...
Рейтинг: 0 / 0
Смена информации без перезагрузки страницы.
    #36072221
SweetApple
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
EmilRegisесли бы товаров было много, была бы проблема с рисованием дива для каждого товара
Да, но изначально известно, что товаров будет не более 10 штук :)
Работа скрипта реализована тут: www.parade.ru
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Смена информации без перезагрузки страницы.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]