PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Почему както странно работает тоггл

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

grafillo	Отправлено: 08 Июля, 2013 - 19:05:19
Посетитель Покинул форум Сообщений всего: 280 Дата рег-ции: Апр. 2013 Помог: 0 раз(а)	CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ $('#i').toggle(function(){ $('#form').hide(); },function(){ $('#form').show(); }); }); вместо того чтобы быть переключателем исчезает картинка с индентификатором i ((( не пойму в чём дело

DelphinPRO	Отправлено: 08 Июля, 2013 - 19:44:45
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	корректно работает. так и задумано. ----- Чем больше узнаю, тем больше я не знаю.

grafillo	Отправлено: 08 Июля, 2013 - 19:57:16
Посетитель Покинул форум Сообщений всего: 280 Дата рег-ции: Апр. 2013 Помог: 0 раз(а)	а как тогда написать чтобы при нажатии на картинку форма исчезала и появлялась? чтобы картинка была переключателем

AlexAnder	Отправлено: 08 Июля, 2013 - 20:16:47
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	grafillo пишет: при нажатии на картинку форма исчезала и появлялась? чтобы картинка была переключателем CODE (javascript): скопировать код в буфер обмена img.onclick = function() { form.style.display = (form.style.display == "none") ? "block" : "none"; } ? ----- Оказывается, недостаточно читать справочники, чтобы правильно писать коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

grafillo	Отправлено: 08 Июля, 2013 - 21:19:05
Посетитель Покинул форум Сообщений всего: 280 Дата рег-ции: Апр. 2013 Помог: 0 раз(а)	а тоггл тогда зачем?

LIME	Отправлено: 08 Июля, 2013 - 22:07:08
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ $('#i').click(function(){ $('#form').toggle(); }); });

OrmaJever	Отправлено: 08 Июля, 2013 - 22:48:47
Активный участник Покинул форум Сообщений всего: 7540 Дата рег-ции: Янв. 2010 Откуда: Чернигов Помог: 299 раз(а)	вариант AlexAnder идеален. ----- Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.

esterio	Отправлено: 09 Июля, 2013 - 00:34:56
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	а если там не блочный елемент? Думаю вариант LIME для ТС больше подойдет. правда и на голом JS знать как сделать тоже не помешало бы

LIME	Отправлено: 09 Июля, 2013 - 00:39:03
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	у меня не вариант а пример для ответа на вопрос чуть повыше тут варианты чтоли придумывать?

tuareg	Отправлено: 09 Июля, 2013 - 01:07:02
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	esterio пишет: а если там не блочный елемент? CODE (javascript): скопировать код в буфер обмена img.onclick = function() { form.style.display = (form.style.display == "none") ? "" : "none"; }

grafillo	Отправлено: 09 Июля, 2013 - 10:06:59
Посетитель Покинул форум Сообщений всего: 280 Дата рег-ции: Апр. 2013 Помог: 0 раз(а)	вообщето вопрос был про функцию jq тоггл, а не про то как сделать на js х)

esterio	Отправлено: 09 Июля, 2013 - 10:54:49
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	Вообще-то знать как сделать на голом тоже не помешает. Если интересно вот статья Правильные show/hide/toggle (Отредактировано автором: 09 Июля, 2013 - 11:21:05)

AlexAnder	Отправлено: 09 Июля, 2013 - 11:13:06
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	grafillo пишет: вообщето вопрос был про функцию jq тоггл, а не про то как сделать на js х) это плохо когда не знаешь чистый Js, но лезешь в его фреймворки\библы ----- Оказывается, недостаточно читать справочники, чтобы правильно писать коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

esterio	Отправлено: 09 Июля, 2013 - 11:17:21
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	Вот переделал. Моя версия toggle Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена (function(window, document){ var body = document.body, displayCache = {} var getDisplay = window.getComputedStyle ? function(element){ return window.getComputedStyle(element, null).getPropertyValue('display'); } : function(element){ return element.currentStyle.display; } var isHidden = function(element){ var width = element.offsetWidth, height = element.offsetHeight, tr = element.nodeName.toLowerCase() === "tr" return width === 0 && height === 0 && !tr ? true : width > 0 && height > 0 && !tr ? false : getDisplay(element); }, toggle = function(element){ isHidden(element) ? show(element) : hide(element); }, hide = function(element){ if(!element.hasAttribute('displayOld')) element.setAttribute('displayOld', element.style.display); element.style.display = 'none'; }, show = function(element){ if(getDisplay(element) != 'none') return ; element.style.display = element.hasAttribute('displayOld') ? element.getAttribute('displayOld') : ''; if(getDisplay(element) !== 'none') return ; var nodeName = element.nodeName, display; if('undefined' !== typeof displayCache[nodeName]) display = displayCache[nodeName]; else { var el = document.createElement(nodeName); body.appendChild(el); if((display = getDisplay(el)) === 'none') display = 'block'; body.removeChild(el); displayCache[nodeName] = display; } element.setAttribute('displayOld', display); element.style.display = display; } window.isHidden = isHidden; window.toggle = toggle; window.hide = hide; window.show = show; })(window, document)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.