Форумы портала PHP.SU :: Версия для печати

36. Bio man - 22 Апреля, 2012 - 12:55:31 - перейти к сообщению

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>Симме&#769;три&#769;я</strong>, в широком смысле — соответствие, неизменность (инвариантность), проявляемые при каких-либо изменениях, преобразованиях.</p><p>Отсутствие или нарушение симметрии называется <strong>асимметри&#769;ей</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>

37. Bio man - 22 Апреля, 2012 - 15:03:49 - перейти к сообщению

Урааа! Получилось, заменил сущности на эквиваленты и заработало.
(Добавление)
Спасайте! После того как я изменил теги на эквиваленты

Спойлер (Отобразить)

перестал работать Lightbox! Подозреваю, что это из за этих сущностей. Но ведь в браузере все корректно отображается, и картинка видна но при клике на нее она просто открывается в пустом окне а не с помощью Lightbox! Как сделать, что бы заработало?
(Добавление)
Спасайте! В переменную попадает нормальный текст, без сущностей! Все хорошо отображается но LightBox не работает!

38. DelphinPRO - 22 Апреля, 2012 - 16:12:09 - перейти к сообщению

Bio man заменять сущности на эквиваленты не нужно вручную Улыбка

для этого есть CDATA

<content><![CDATA[<a href="">bla bala</a>]]></content>

ps/ однако, это скорее всего не решит проблему с лайтбоксом

39. Bio man - 22 Апреля, 2012 - 16:23:43 - перейти к сообщению

DelphinPRO пишет:

Не работает. Как с лайтбоксом быть?
(Добавление)
такая мысль - добавить событие onclick в ссылку и в нем вызвать лайтбокс, тока понятия не имею как это сделать

40. LIME - 22 Апреля, 2012 - 17:07:14 - перейти к сообщению

ну вывод сделать можно
только внутренне теги не работают

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]);
}

41. Bio man - 22 Апреля, 2012 - 17:10:25 - перейти к сообщению

LIME, с выводом разобрался. Щас самый актуальный вопрос это как заставить работать лайтбокс с динамическим контентом?

42. LIME - 22 Апреля, 2012 - 17:10:55 - перейти к сообщению

Bio man пишет:

Вот как получить количество элементов material или head?

arr.length
(Добавление)
ну я так понял это связано с заменой сущностей
в моем примере прямая вставка в ДОМ
без замены

43. Bio man - 22 Апреля, 2012 - 17:13:16 - перейти к сообщению

попробовал Fancybox, у него такая же проблема. может есть что то другое, что не сканирует страницу при запуске и может работать с динамикой?
(Добавление)
что делать со всплывающими картинками? не хотелось бы от такого отказываться.
(Добавление)
Ладно, забили на лайтбокс с джава скриптом, буду крутить лайтбокс с CSS3

44. Bio man - 22 Апреля, 2012 - 20:34:16 - перейти к сообщению

Все получилось круче чем я ожидал!
И так другой вопрос. Как сделать загрузку данных с таймером?
В общем алгоритм такой: если стоит галочка в чекбоксе то таймер включен и каждые 20 секунд выводится следующий узел.

И еще, можно ли сделать плавный переход по нажатию кнопочки или если включен таймер?

45. LIME - 22 Апреля, 2012 - 21:01:42 - перейти к сообщению

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);">