Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 09.02.2012, 16:13   #1
маГГ85
Форумчанин
 
Регистрация: 15.12.2011
Сообщений: 96
Репутация: 10
По умолчанию Удаление из дом

Доброго дня!! Подскажите пожалуйста метод для библиотеки прототайп яваскрипт(или что-нибудь работающее), для удаления элемента(картинки) из страницы визуально и из DOM без перезагрузки. Нашел хайд, но у меня картинки должны сортироваться, то есть если я прячу картинку под номером 4, то она все равно сортируется, не удаляется из дом. В джиквайр есть метод detach() но джиквайр и прототайп конфликтуют у меня, а по скольку загрузчик и сортировщик фоток написан на прототайп то приходится делать выбор в его сторону.
Код:
function dissApp(id)
{
	//alert('pictureId_'+id);
	['pictureId_'+id].each(Element.hide);
}
вывод фоток
PHP код:
                                print '<span class="sorting" id="pictureId_'.$row['picNum'].'">
                                            <img src="imgMin/'
.$row['pic'].'" />
                                                <a href="#" id="'
.$row['picNum'].'" class="delete" onClick="dissApp('.$row['picNum'].')">x
                                                </a>
                                       </span>'

аякс запрос для сортировки
Код:
<script type="text/javascript">
//<![CDATA[
	document.observe('dom:loaded', function() {
		var changeEffect;
		Sortable.create("sortlist", {tag:'span',overlap:'horizontal',constraint:false,
			onChange: function(item) {
				var list = Sortable.options(item).element;
				$('changeNotification').update(Sortable.serialize(list).escapeHTML());
				if(changeEffect) changeEffect.cancel();
				changeEffect = new Effect.Highlight('changeNotification', {restoreColor:"transparent" });
			},			
			onUpdate: function(list) {
				new Ajax.Request("server/photoChange.php", {
					method: "post",
					onLoading: function(){$('activityIndicator').show()},
					onLoaded: function(){$('activityIndicator').hide()},
					parameters: { data: Sortable.serialize(list) }
				});
			}
		});	
	});
</script>
маГГ85 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Написать небольшую программу для ведения дом. бухгалтерии Hallo Фриланс 26 03.09.2010 22:31
нарисовать дом в Паскале Leshiy1 Помощь студентам 8 26.09.2009 15:04
Умный дом SNUPY Свободное общение 8 10.02.2009 22:25


23:31.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru