[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: смена картинки при клике AJAX
quickxyan
у кого есть пример смены картинки или текста или же любого контента при клике на кнопку или на сам обьект на аяксе?

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

кто может помогите!



Спустя 17 минут, 32 секунды (5.03.2011 - 18:54) nugle написал(а):
зачем аякс?

Спустя 7 минут, 3 секунды (5.03.2011 - 19:01) quickxyan написал(а):
просто надо что бы при клике на картинку она менялась на другую, но не только у меня на странице, а у всех у кого эта страница открыта сейчас. вот твин сказал, что только на аяксе.

Спустя 1 час, 18 минут, 40 секунд (5.03.2011 - 20:20) Zerstoren написал(а):
Заюзай jquery

Там все просто.


$.post('need_page',({key,'value'}),function(html){
// Здесь наш код на изменение картинки.
});


Спустя 36 минут, 16 секунд (5.03.2011 - 20:56) quickxyan написал(а):
спасибо, сейчас как раз пробую его понять.

Спустя 5 минут, 57 секунд (5.03.2011 - 21:02) quickxyan написал(а):
вот только не пойму зачем нужно страницу загружать?

Спустя 12 минут, 52 секунды (5.03.2011 - 21:15) quickxyan написал(а):
попробовал так сделать, но меняется так же как и просто в js, только у меня. наверное не так что-то понял


<script type="text/javascript" src="js/jquery.js"></script>
<
script type="text/javascript">


$(function(){
$('#img').click(function()
{
$.post('qw.php',function(html){
document.getElementById('img').src = "2.jpg";
// Здесь наш код на изменение картинки.
});

});
});


</
script>

<
img src = "1.jpg" width = "100" height = "100" id = "img">

Спустя 8 минут, 24 секунды (5.03.2011 - 21:23) SerginhoLD написал(а):
в бд адрес картинки, через setinterval() с аяксом делай смену картинки.
Т.е. допустим каждую минуту запрос, если картинка на странице и в бд не совпадают, то меняй картинку

Спустя 1 минута, 5 секунд (5.03.2011 - 21:25) inpost написал(а):
quickxyan
Твин сказал лишь потому, что ты нормально объяснить не смог! Если есть возможность сразу поместить весь список картинок, которые меняться будут, то хватит и обычного JS, если надо подгружать из БД, или из другого места зарание невозможного определить без работы ПХП, то Аякс.

Спустя 6 минут, 11 секунд (5.03.2011 - 21:31) quickxyan написал(а):
SerginhoLD, интересно придумано, спасибо.

вот если бы еще подсказал как имено через аякс картинку(страничку) обновить, то я был бы очень признательным, ну а нет так нет)

inpost, извиняюсь, просто я вот никак не могу это сформулировать.
у меня будут фигурировать только 3 картинки.

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

Спустя 10 минут, 41 секунда (5.03.2011 - 21:41) SerginhoLD написал(а):
quickxyan
а чего ее обновлять, получаешь адрес, и в src его вставляешь.

function _src()
{

$.ajax({
url: "adresImg.php",
success: function(result)
{
$('#img').attr('src',result);
}
}
);

}

setInterval( _src, 60*1000);

Спустя 6 минут, 19 секунд (5.03.2011 - 21:48) quickxyan написал(а):
огромное спасибо по таймеру работает, щас буду пробовать дописать свой кусок кода.

Спустя 2 часа, 21 минута, 43 секунды (6.03.2011 - 00:09) quickxyan написал(а):

<script type="text/javascript" src="js/jquery.js"></script>
<
script type="text/javascript">
setInterval( _src, 1*1000);

function _src()
{
$.ajax({
url: "num.txt",
success: function(result)
{
if (result == 2)
{
document.getElementById("img").src = "2.jpg";
}
}
}
);
}

function func(){
//переписать файл
}
</script>

<
img src = "1.jpg" width = "100" height = "100" id = "img" onclick = "func()">


слепил вот такое, вот только походу хз, через js вроде нельзя открыть файл для редактирования( через php попробовал, но там нужно какое-то условие, а я никак не пойму какое условие подойдет.


_____________
печатаю со скоростью 320 минут в знак...

плюсуем карму не стесняемся
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.