PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Мои вопросы по JavaScript

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

Страниц (5): « 1 2 [3] 4 5 »

Без описания

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

Bio man	Отправлено: 22 Апреля, 2012 - 01:40:34
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	tuareg пишет: window.onload сработало! Как я понял загрузка будет только 1 раз при открытии окна браузера. Мне же нужно динамически менять содержимое по клику на кнопочки не перезагружая страницу. можно такое сделать? Или мы зря стараемся?

LIME	Отправлено: 22 Апреля, 2012 - 01:42:34
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	tuareg да действительно Bio man можно конечно как задумано? по клику след. узел показывать?

tuareg	Отправлено: 22 Апреля, 2012 - 01:43:17
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	Можно все. Я бы сделал так. При загрузке страницы, сразу бы распарсил весь xml. и сохранил в переменные. А уже потом по кликам подставлял эти данные.

Bio man	Отправлено: 22 Апреля, 2012 - 01:45:45
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	LIME, да. Есть кнопочки вперед, назад. Вперед это следующий узел, назад предыдущий. И еще задуманы ссылочки, на которые нажимаешь и показывается произвольный узел.

LIME	Отправлено: 22 Апреля, 2012 - 01:54:13
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> var xml = '<?xml version="1.0"?><root><material id="1"><head>Немного теории</head><content><img class="lbox" src="images/DaVinci.jpg" style="float: left; padding: 5px; height: 50%;" /><p><strong>Симме́три́я</strong>, в широком смысле — соответствие, неизменность (инвариантность), проявляемые при каких-либо изменениях, преобразованиях.</p><p>Отсутствие или нарушение симметрии называется <strong>асимметри́ей</strong>.</p><p>В математике — симметрийные свойства описываются с помощью <em>теории групп</em>.</p><p>Симметрии могут быть <em>точными</em> или <em>приближёнными</em>.</p></content></material><material id="2"><head></head><content></content></material></root>'; var xml2=XML.parse(xml); function getNext(xml2,numberItem) { var head=xml2.getElementsByTagName('head').item(numberItem).firstChild.nodeValue; document.getElementById('head').innerHTML = head; } </script> <div id="head"></div><a href="#" onclick="getNext(xml2,0);">первая</a> для ссылки можно и в хреф вызов прописать я показал общий случай дальше сам допилишь (Добавление) хотя лучше конечно массив заполнить CODE (html): скопировать код в буфер обмена var xml2=XML.parse(xml); var arr=xml2.getElementsByTagName('head'); function getNext(nod) { var head=nod.firstChild.nodeValue; document.getElementById('head').innerHTML = head; } </script> <div id="head"></div><a href="#" onclick="getNext(arr[0]);">первая</a> (Добавление) а можно пройтись по массиву и поменять значение каждого элемента arr[i]=arr[i].firstChild.nodeValue; это стоит делать если кнопочки будут активно юзаться

Bio man	Отправлено: 22 Апреля, 2012 - 12:55:31
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	LIME, спасибо огромное. Вот как получить количество элементов material или head? (Добавление) Как быть? В содержимом content есть HTML теги и из-за них ничего не выводится! Если вписать простой текст то все ок, а вот с тегами не хочет. Вот код Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена var xml = '<?xml version="1.0"?><root><material id="1"><head>Немного теории</head><content><img class="lbox" src="images/DaVinci.jpg" style="float: left; padding: 5px; height: 50%;" /><p><strong>Симме́три́я</strong>, в широком смысле — соответствие, неизменность (инвариантность), проявляемые при каких-либо изменениях, преобразованиях.</p><p>Отсутствие или нарушение симметрии называется <strong>асимметри́ей</strong>.</p><p>В математике — симметрийные свойства описываются с помощью <em>теории групп</em>.</p><p>Симметрии могут быть <em>точными</em> или <em>приближёнными</em>.</p></content></material><material id="2"><head>Head2</head><content></content></material><material id="3"><head>Head3</head><content></content></material><material id="4"><head>Head4</head><content></content></material><material id="5"><head>trololo</head><content></content></material><material id="6"><head>last</head><content></content></material></root>'; var xml2=XML.parse(xml); window.onload = function() { var head=xml2.getElementsByTagName('head').item(0).firstChild.nodeValue; var cont=xml2.getElementsByTagName('content').item(0).firstChild.nodeValue; document.getElementById('head').innerHTML = head; document.getElementById('material').innerHTML = cont; } var i=0; function numberr(num){ if(num >= 5){i=5; return 5;} else if(num < 0) {i=0; return 0;} return num; } function getNext(xml2,numberItem) { var head=xml2.getElementsByTagName('head').item(numberItem).firstChild.nodeValue; document.getElementById('head').innerHTML = head; var cont=xml2.getElementsByTagName('content').item(numberItem).firstChild.nodeValue; document.getElementById('material').innerHTML = cont; } Кнопочки CODE (html): скопировать код в буфер обмена <button id="prev" onclick="getNext(xml2,numberr(--i));"><img class="navbut" src="images/prev1.png" /></button> <button autofocus id="next" onclick="getNext(xml2,numberr(++i));"><img class="navbut" src="images/next1.png" /></button> (Отредактировано автором: 22 Апреля, 2012 - 14:08:52)

Bio man	Отправлено: 22 Апреля, 2012 - 15:03:49
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Урааа! Получилось, заменил сущности на эквиваленты и заработало. (Добавление) Спасайте! После того как я изменил теги на эквиваленты Спойлер (Отобразить) Цитата: var xml = '<?xml version="1.0"?><root><material id="1"><head>Немного теории</head><content><a href="images/DaVinci.jpg" rel="lightbox"><img src="images/DaVinci.jpg" style="float: left; padding: 5px; height: 50%;" /></a><p><strong>Симме́три́я</strong>, в широком смысле — соответствие, неизменность (инвариантность), проявляемые при каких-либо изменениях, преобразованиях.</p><p>Отсутствие или нарушение симметрии называется <strong>асимметри́ей</strong>.</p><p>В математике — симметрийные свойства описываются с помощью <em>теории групп</em>.</p><p>Симметрии могут быть <em>точными</em> или <em>приближёнными</em>.</p></content></root>'; перестал работать Lightbox! Подозреваю, что это из за этих сущностей. Но ведь в браузере все корректно отображается, и картинка видна но при клике на нее она просто открывается в пустом окне а не с помощью Lightbox! Как сделать, что бы заработало? (Добавление) Спасайте! В переменную попадает нормальный текст, без сущностей! Все хорошо отображается но LightBox не работает! (Отредактировано автором: 22 Апреля, 2012 - 15:32:56)

DelphinPRO	Отправлено: 22 Апреля, 2012 - 16:12:09
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Bio man заменять сущности на эквиваленты не нужно вручную для этого есть CDATA <content><![CDATA[<a href="">bla bala</a>]]></content> ps/ однако, это скорее всего не решит проблему с лайтбоксом ----- Чем больше узнаю, тем больше я не знаю.

Bio man	Отправлено: 22 Апреля, 2012 - 16:23:43
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	DelphinPRO пишет: <content><![CDATA[<a href="">bla bala</a>]]></content> Не работает. Как с лайтбоксом быть? (Добавление) такая мысль - добавить событие onclick в ссылку и в нем вызвать лайтбокс, тока понятия не имею как это сделать

LIME	Отправлено: 22 Апреля, 2012 - 17:07:14
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	ну вывод сделать можно только внутренне теги не работают CODE (javascript): скопировать код в буфер обмена var arr=xml2.getElementsByTagName('head'); var arrContent=xml2.getElementsByTagName('content'); function getNext(nod) { var head=nod.firstChild.nodeValue; document.getElementById('head').innerHTML = head; document.getElementById('head').appendChild(arrContent[0]); }

Bio man	Отправлено: 22 Апреля, 2012 - 17:10:25
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	LIME, с выводом разобрался. Щас самый актуальный вопрос это как заставить работать лайтбокс с динамическим контентом?

LIME	Отправлено: 22 Апреля, 2012 - 17:10:55
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	Bio man пишет: Вот как получить количество элементов material или head? arr.length (Добавление) ну я так понял это связано с заменой сущностей в моем примере прямая вставка в ДОМ без замены

Bio man	Отправлено: 22 Апреля, 2012 - 17:13:16
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	попробовал Fancybox, у него такая же проблема. может есть что то другое, что не сканирует страницу при запуске и может работать с динамикой? (Добавление) что делать со всплывающими картинками? не хотелось бы от такого отказываться. (Добавление) Ладно, забили на лайтбокс с джава скриптом, буду крутить лайтбокс с CSS3

Bio man	Отправлено: 22 Апреля, 2012 - 20:34:16
Постоянный участник Покинул форум Сообщений всего: 2751 Дата рег-ции: Июль 2010 Откуда: Даугавпилс, Латвия Помог: 52 раз(а)	Все получилось круче чем я ожидал! И так другой вопрос. Как сделать загрузку данных с таймером? В общем алгоритм такой: если стоит галочка в чекбоксе то таймер включен и каждые 20 секунд выводится следующий узел. И еще, можно ли сделать плавный переход по нажатию кнопочки или если включен таймер?

LIME	Отправлено: 22 Апреля, 2012 - 21:01:42
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	CODE (javascript): скопировать код в буфер обмена var intervalID = setInterval(function() {...},20 000);// 20 сек...можно имя ф-ции указать clearInterval(intervalID);// убивает таймер setTimeout(...);// тоже но 1 раз выполняется и все function check(check) { if (check.checked==true) { пускаем таймер; } else { остановка таймера; } } CODE (html): скопировать код в буфер обмена <INPUT TYPE="checkbox" onclick="check(this);"> (Добавление) http://xhtml[dot]ru/2006/11/02/fade-[dot][dot][dot]-effect-opacity/ testObj там, это document.getElementById('head') у тебя (Добавление) немного исправил (Отредактировано автором: 22 Апреля, 2012 - 21:14:46)

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

Страниц (5): « 1 2 [3] 4 5 »

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

« JavaScript & VBScript »

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