Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Обновление картинки при клике Обновить (https://javascript.ru/forum/misc/3591-obnovlenie-kartinki-pri-klike-obnovit.html)

Cerver 05.05.2009 13:56

Обновление картинки при клике Обновить
 
Помогите сделать что-бы обновлялась только картинки при нажатии кнопки обновить вот пример только обновляется вся страница.

<td><img src="http://www.captcha.ru/captcha/" <div align="left"><a href="Обновить" onClick="location.reload(); return false;" class="small">Обновить</a></div></td>

Помогите кто чем сможет З.С.

x-yuri 05.05.2009 21:54

тебе нужно найти свою картинку и добавить к ее src случайное число после знака вопроса - чтобы браузер из кэша ее не вытягивал. Хотя можно поробовать переназначить то же самое src - может и так будет работать

Cerver 07.05.2009 13:03

Можно ответ не в словах а написать script .

Gvozd 07.05.2009 15:50

а в чем проблема воспринимать словесно?
получаете сперва DOM-объект тега картинки любым из способов
затем у этого объекта меняем свойство src на то, которое надо.в этом свойстве содержится URL картинки.если URL тот же,то добавляем параметром случайную величину, чтобы картинка была гарантировано не из кеша

Cerver 09.05.2009 09:23

<td><img id="myimage" src='http://www.captcha.ru/captcha/' <a href="#" onclick="document.getElementById('myimage'); return false;">Обновить</a></div></td>


Вот сделал dom объект картинки как теперь присвоить ему обновление?

x-yuri 09.05.2009 09:28

http://javascript.ru/start/dom - здесь описано как найти нужный элемент
а потом
el.src = 'http://www.captcha.ru/captcha/';

если не будет обновляться, надо будет случайное число к URL добавить

Cerver 09.05.2009 09:59

При загрузке картинка один раз обновляется и все :wacko:
Кнопка обновить совсем не реагирует .

Gvozd 09.05.2009 12:12

телепаты в отпуске.
код в студию.
только вычистите его от всего не связанного с темой топика

Cerver 11.05.2009 01:16

<img id="dataKeeper" src = 'http://www.captcha.ru/captcha/' /><a href="#" onclick="document.getElementById('dataKeeper').el. src = 'http://www.captcha.ru/captcha/'; return false;">Обновить</a>

x-yuri 11.05.2009 01:32

Цитата:

Вот сделал dom объект картинки как теперь присвоить ему обновление?
это не dom-объект, это кусок html-кода
<img id="dataKeeper" src = 'http://www.captcha.ru/captcha/' /><a href="#" onclick="document.getElementById('dataKeeper').el. src = 'http://www.captcha.ru/captcha/'; return false;">Обновить</a>

во-первых есть такой тэг как html для оформления html-кода на форуме (кнопка <> на панели интсрументов)
во-вторых, надо пытаться понять, что говорят, а не copy-paste'ом заниматься. Я имел в виду, что в переменной el должен находиться нужный DOM-элемент

Cerver 15.05.2009 16:54

во-первых я попросил помощи у профессионалов что-бы написали скрипт а не учить меня как это надо делать!
во-вторых я нанимал веб програмиста он мне все сделал за деньги как мне надо было осталось токо поправить самому кое какие пустаки
в-третьих во всём этом я не разбегаюсь и не хочу разберется.
в-четвёртых щас позвоню веб программисту накину ему 100 р и пусть напишет мне этот скрипт за 10 сек без всяких заморочек!
И В ПЯТЫХ
ТЕМУ МОЖНО УДАЛЯТЬ!! ТУТ НЕ ЧЕМ НЕ ПОМОГАЮТ!
ТЕПЕРЬ БУДЕТ javascript.ru В МОЕМ ЧЕРНОМ СПИСКЕ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Gvozd 15.05.2009 19:01

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

и мы тут не сидим, чтобы бесплатно штамповать готовые скрипты каждому поросившему.
мы помогаем тут тем, кто учится. мы тут обмениваемся мнениями между профессионалами. но мы не сидим, ожидая "когда же кто-то, не желающий сам заниматся JS-ом, кинет какую-нибудь скучную задачу, чтобы можно было ее ему сделать забесплатно".увы и ах, но мы сидим здесь не затем.
не хотите разбиратся - не надо.
надо было сразу сказать что вы не учите и не будите учить JS, и разместить тему в раздел работа.
всем таким случаям именно там и место.
хотите заплатить своему программисту эти копейки - платите ему

здесь помогают, но только тем, кто готов сам хоть что-то делать, а не ждет с раскрытым ртом готового результата от мастеров JS-а.
До свидания! без вас мы не будем скучать

devote 24.05.2009 13:51

Самый простой способ обновления рисунка:
<img id=_captcha src="/includes/kcaptcha/?PHPSESSID=eee8e9ebeea5c116601fbd7036342e13">
<a href="./" onclick="document.getElementById('_captcha').src = '/includes/kcaptcha/?PHPSESSID=eee8e9ebeea5c116601fbd7036342e13&'+Math.random(99999999999999999); return false;">Refresh captcha</a>

Finesse 04.08.2011 18:49

Если есть доступ к php, то в заголовок к картинке надо добавить
header('Cache-control: no-cache');

Но это не помогает в сафари, поэтому приходится добавлять параметры в адрес

И вот функция для обновления
function reload_img(image)
{
	var src = image.src;
	image.setAttribute('src', '/images/blank.gif');
	image.setAttribute('src', src+'?'+Math.random(1000));
}

В итоге это выглядит так:
<img src="captcha.png" id="captcha" onclick="reload_img(this);">

k1-801 17.02.2012 15:31

Вероятно, поможет
 
У меня есть одна идея по этому же поводу. что, если делать так:
<img src="system/re_capcha.php" onclick="this.src='system/img/loading.gif'; z=5" onload="if(z==5){this.src='system/re_capcha.php';z=0}" title="Нажмите на картинку если код не виден">

Будет ли работать?


P.S в Google Chrome и Opera и даже IE точно работает, а в Mozilla Firefox не хочет.

Посмотреть - тут: http://haont.dtn.ru/?page=register&from=main

Mахmахmахimus 17.02.2012 15:57

Цитата:

Сообщение от Cerver
в-третьих во всём этом я не разбегаюсь и не хочу разберется.
в-четвёртых щас позвоню веб программисту накину ему 100 р и пусть напишет мне этот скрипт за 10 сек без всяких заморочек!
И В ПЯТЫХ
ТЕМУ МОЖНО УДАЛЯТЬ!! ТУТ НЕ ЧЕМ НЕ ПОМОГАЮТ!
ТЕПЕРЬ БУДЕТ javascript.ru В МОЕМ ЧЕРНОМ СПИСКЕ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!



Часовой пояс GMT +3, время: 16:11.