lena vereschagina
Newbie-
Posts
18 -
Joined
-
Last visited
lena vereschagina's Achievements
Explorer (1/14)
0
Reputation
-
JavaScript для инфоблока Битрикс
lena vereschagina replied to lena vereschagina's question in JavaScript
скроллер не я писала, но он работает, я страницу вверху указывала, не понимаю только, почему при интеграции с инфоблоками не работает. На сколько я вижу, там не используется путь к файлу и так сказать, способ его прохождения, а используются DIVы и TABLE со страницы, поэтому не могу понять в чем дело. А вот что мне с ним делать, это вопрос ... -
Я правда вовсе не уверена, что битрикс тут играет хоть какую роль, т.к. по мне дело в том, что я до этого с джаваСкрипт вообще не виделась. Имеются 2 пхп файла, призванные выводить на экран линию фоток с прокруткой (она как раз на JS). Скрипты там идентичные (громоздско конечно, но здесь я так понимаю, файлы прикрепить низя): <STYLE type="text/css"> TABLE#ftl{ height:auto; width:auto; border:0 none; } TABLE#ftl TD.ftl_left, TABLE#ftl TD.ftl_right{ width:9px; color:#000; cursor:pointer; vertical-align: top!important; text-align: center!important; } TABLE#ftl TD.ftl_left DIV{height:83px;background: #922b25;vertical-align:top; padding-top: 74px;} TABLE#ftl TD.ftl_right DIV{height:83px;background: #922b25;vertical-align:top; padding-top: 74px;} TABLE#ftl TD.ftlspace{font-size:4px; width:4px;} DIV#fotoline{height:auto; vertical-align:top!important; width:<?=$WIDTH?>px; background-color:#000; text-align:left!important;} DIV#fotoline2{ cursor:pointer; vertical-align:top!important; height:auto; width:<?=$WIDTH?>px; overflow:hidden;} TABLE#fototable{width:auto; vertical-align:top!important; height:auto; border:0;} TABLE#fototable TR TD.m{vertical-align:middle!important; width:auto; height:auto; text-align:center; color:#fff;} DIV.bgline{ vertical-align:middle!important; line-height:0; font-size:0; height:135px; width:3px; background:url(<?=$IMGPATH?>/bgline.gif) repeat-y left top; margin-left:4px; margin-right:4px;} </STYLE> <SCRIPT type="text/javascript"> var moving = false; var currentPicture = 1; var startScroll = 0; var endScroll = 0; var scrollInterval = null; var stepScroll = <?=$SPEED?>; //это поменять, чем больше число, тем больше скорость, не должно быть меньше единицы! function moveScroll(){ moving = true; var cv = document.getElementById("fototable").clientWidth-<?=$WIDTH?>; for (i=1; i<=stepScroll; i++){ if (startScroll>=endScroll){ clearInterval(scrollInterval);moving = false; return}; startScroll++; if (startScroll>=cv){ endScroll=startScroll; clearInterval(scrollInterval); moving = false; return; } document.getElementById("fotoline2").scrollLeft = startScroll; } } function moveScrollBack(){ moving = true; var cv = document.getElementById("fototable").clientWidth-<?=$WIDTH?>; for (i=1; i<=stepScroll; i++){ if (startScroll<=endScroll){ clearInterval(scrollInterval);moving = false;return}; startScroll--; document.getElementById("fotoline2").scrollLeft = startScroll; } } function prevPicture(){ if (moving) return; var TDnodes = document.getElementById("fototable").getElementsByTagName("td"); var elementScroll = 0; var ImgCounter = 0; if (currentPicture>1) currentPicture--; for (var td=0, TDlength = TDnodes.length; td<TDlength; td++){ var IMGnodes = TDnodes[td].getElementsByTagName("img"); elementScroll += TDnodes[td].clientWidth; if (IMGnodes.length>0){ ImgCounter++; if (ImgCounter==currentPicture){ endScroll = elementScroll-<?=$WIDTH?>/2-IMGnodes[0].clientWidth*0.5; if (endScroll<0) endScroll = 0; scrollInterval = setInterval("moveScrollBack()", 1); break; } } } } function nextPicture(){ if (moving) return; if ((startScroll+stepScroll)>=(document.getElementById("fototable").clientWidth-<?=$WIDTH?>) ) return; var TDnodes = document.getElementById("fototable").getElementsByTagName("td"); var elementScroll = 0; var ImgCounter = 0; for (var td=0, TDlength = TDnodes.length; td<TDlength; td++){ var IMGnodes = TDnodes[td].getElementsByTagName("img"); if (IMGnodes.length>0){ if (ImgCounter>=currentPicture){ if (elementScroll>(<?=$WIDTH?>/2-IMGnodes[0].clientWidth/2)){ endScroll = parseInt(elementScroll-<?=$WIDTH?>/2+IMGnodes[0].clientWidth/2); scrollInterval = setInterval("moveScroll()", 1); break; } } ImgCounter++; } elementScroll += TDnodes[td].clientWidth; } if ((document.getElementById("fotoline2").scrollLeft)>=(document.getElementById("fototable"). clientWidth-<?=$WIDTH?>) ) { currentPicture = 0; document.getElementById("fotoline2").scrollLeft=0; startScroll=0; endScroll=0; } currentPicture++; } </SCRIPT> Далее очень странно, пишем вывод фоток на экран, используя инфоблок фотогалерея: <? $items = GetIBlockElementList($IBLOCK_ID, $SECTION_ID, $arOrder, $COUNT); ?> <?foreach($arResult["SECTIONS"] as $arSection):?> <h3><?=$arSection["NAME"]?></h3> <!--Вставка--> <table cellspacing="0" cellpadding="0" id="ftl"> <tr> <td class="ftl_left" onClick="prevPicture();"><div><img src="<?=$IMGPATH?>/aleft.gif" alt=""> </div></td> <td class="ftlspace"> </td> <td> <!-- !!!!!!!!!!!!Вот ЗДЕСЬ<div id="fotoline"> <div id="fotoline2" onClick="nextPicture();">ВС?!!!!!!!!!!!!!!--> <table border="0" cellpadding="0" cellspacing="0" id="fototable"> <?foreach($arSection["ROWS"] as $arItems):?> <tr> <?foreach($arItems as $arItem):?> <?if(is_array($arItem)):?> <?if(is_array($arItem["PICTURE"])):?> <TD class="m"><DIV class="bgline"> </DIV></TD> <TD class="m"><img border="0" src="<?=$arItem["PICTURE"]["SRC"]?>" width="<?=$arItem["PICTURE"]["WIDTH"]?>" height="<?=$arItem["PICTURE"]["HEIGHT"]?>" alt="<?=$arItem["PICTURE"]["DESCRIPTION"]?>" title="<?=$arItem["NAME"]?>" /> </td> <?endif?> <?endif?> <?endforeach?> <TD class="m"><DIV class="bgline"> </DIV></TD> </tr> <?endforeach?> </table> </div> </div> </td> <td class="ftlspace"> </td> <td class="ftl_right" onClick="nextPicture();"><div> <img src="<?=$IMGPATH?>/aright.gif" alt=""></div></td></tr></table> <?endforeach?> Ну вот, если эти два ДИВа убрать, фотки показываются, но не прокручиваются (это понятно, ДИВы нужны скриптам), но если дивы НЕ УБИРАТЬ, то фотки показываться НЕ БУДУТ!!! почему?..... вопрос мне совершенно не понятен, но помоему дело не в битриксе и не в инфоблоках, т.к. в скриптах об них и не говорится (я могу ошибаться т.к. полный в этом чайник, но судя по коду-так. на сайте есть страница, где не используются никакие инфоблоки, адреса фоток задаются на прямую и все работает: http://www.osobastudio.ru/about/sorevnovan...ery+03+2008.php наша же многострадальная страница выглядит так: http://www.osobastudio.ru/about/sorevnovaniya/test.php Если не сильно будете смеяться, а чем поможете, буду оч. благодарна
-
maddogrts: Уж не знаю зачем они это написали используя параграфы нужен именно список, я так понимаю тот, что написал mav. Они просто попытались написать li {list-style-image: http://www.osobastudio.ru/img/toch.gif(toch.gif); } в template_styles.css - но резуьтат не получился. развели руками, сказали пусть я делаю. А я никогда c css не сталкивалась, вот и спрашиваю
-
maddogrts: http://www.osobastudio.ru/img/toch.gif"/> Мы - это Команда профессиональной Ногтевой Студии. http://www.osobastudio.ru/img/toch.gif"/> Красивые ноготки - это наше вдохновение, любовь и драйв. http://www.osobastudio.ru/img/toch.gif"/> В нашей студии собрались лучшие из лучших мастеров по Моделированию (Наращиванию) ногтей в Санкт-Петербурге. (Да и не только в Санкт-Петербурге, некоторые из нас имеют золотые медали и известность уже на мировой арене) http://www.osobastudio.ru/img/toch.gif"/> Мы владеем всеми прогрессивными технологиями в области ногтевой индустрии на высочайшем уровне и продолжаем оттачивать свое мастерство на профессиональных конкурсах, тренингах и мастер-классах. http://www.osobastudio.ru/img/toch.gif"/> Мы знаем о ногтях все. Поэтому мы легко вам подберем, посоветуем, расскажем и сделаем то, что будет подходить Именно Вам лучше всего и сделает ваши ручки изящными, и великолепными. http://www.osobastudio.ru/img/toch.gif"/> Мы создаем приятную, дружескую и позитивную атмосферу в нашей студии. это вот список на странице http://www.osobastudio.ru/about/ вот, а надо чтобы обязательно через css и по-человечески там сейчас в template_styles.css написано : li {list-style-image: http://www.osobastudio.ru/img/toch.gif(toch.gif); }
-
Это моя первая работа с css поэтому заранее прошк прощения за тупость. Подскажите, как сделать: нужно в css файле шаблона сайта создать такой стиль, чтобы маркированный список выводился с красными квадратиками (т.е. с заданными картинками, вместо там точечек итп), но при этом оставалась возможность создавать и обыкновенные маркированныке списки (с точечками) а то пока на сайте списки выглядят как абзацы ( ) с рядом поставленными картинками ( )
-
Как сделать "внешне-внуреннюю" ссылку?
lena vereschagina replied to lena vereschagina's question in HTML Coding
Спасибо еще раз )) -
у меня в документе есть список сверху страницы , Я хочу с другой страницы сделать ссылки не на всю страницу, с попаданием на е? начало, а на е? соответствующие "куски". Подскажите п-ста как? Заране всем спасибо!!
-
книжка реально существует вечером напишу
-
Да тут приношу свои извинения за тупость. оно заработало. но! это точно тот код который я написала сначала (первый вопрос в топике) - я это туда с сайта копировала. История была такова: я написала вообще без # т.к. так было у меня в учебнике, оно не сработало, после чего я позвонила программисту он говорит: должно было работать, попробую поставить #... ой нет все равно не работает... ну разбирайся сама. Сегодня он перезвонил и сказал, что в мозоилле работает. Да в общем это лирика. стоит переставать верить в чудеса
-
???я вижу знак # как через админку битрикса, так и в html коде-нечерез нее, более того я его там руками ставила ... В общем даже больше сказать нечего
-
Я тут посмотрела в мозилле-там работает...# я на сайте поставила explorer (шестой) не понимает.
-
Ни-...че-го!!! Дело не в моей ошибке-отлаживать нужно все, как я понимаю
-
В код сайта вставлен код битрикса, некоторые теги не показываются вследствие настроек битрикса
-
На сколько я понимаю это все просто, когда есть исходник сайта без битрикс-оболочки. У меня его вообще нет. Есть удаленный доступ через битрикс. А занимаюсь я этим только на работе и, в общем, вместе с остальными проблемами. Интерес вещь конечно хорошая, но когда за бесплатно-тогда долго
-
Я конечно дэвушка, но мозги у меня находятся в нужном месте. Мне насчет скрипта тоже кажется. Вот только программист, который этот сайт писал молчит как рыба об лед... Уж очень не хотелось капаться в чужих ошибках, да видно придется