Форум » Помощь по коду » Вопросы: скрипты » Ответить
Вопросы: скрипты
Zenitchik: Эта тема предназначена для вопросов, связанных со скриптами на вашем форуме. С чем мы можем помочь: разобраться, как использовать скрипт; исправить или улучшить работу скрипта; написать не очень сложный скрипт; организовать размещение скриптов в коде для удобства их хранения и рациональности вызова. С какими скриптами мы работать НЕ будем по идеологическим причинам: со скриптами, как-то ограничивающими функциональность форума со скриптами, запрещающими копирование со скриптами, создающими анимированный текст (в заголовке окне, в строке состояния или где-то еще) или другими скриптами работающими непрерывно (все время, пока открыта страница). Убедительная просьба, формулируя вопрос, делайте это как можно точнее. Старайтесь цитировать скрипты, с которыми возникли проблемы. И поясняйте, для чего этот скрипт и как он должен работать. Если скрипт уже установлен на форуме - не помешает ссылка на него, но и ограничиваться ей не стоит - главное, все-таки цитировать скрипт. Опишите подробно, что вы хотите получить в результате. Если ваши знания JavaScript отличны от нулевых - стоит об этом предупредить, чтобы мы могли не только давать вам готовые скрипты, но и инструктировать вас на случай вашего желания как-то их улучшить. Так же неплохо указать о ваших знаниях HTML и CSS.
Ответов - 116, стр:
1 2 3 All
Prongs: Можно ли данный скрипт смены картинки - <div id="logo"></div> - это контейнер, в который скрипт будет вставлять картинку. <script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="url 1-й картинки"; img[j++]="url 2-й картинки"; img[j++]="url 3-й картинки"; img[j++]="url 4-й картинки"; logo.innerHTML='<img src="' + img[Math.ceil(dat.valueOf()/1000) % img.length] + '">'; </script> - использовать при методе наложения текста на картинку, описанном здесь - http://roles.fastbb.ru/?1-11-0-00000020-000-0-0-1206419289 И если можно, то как это скомбинировать?
Zenitchik: Можно. Нужно в теге div прописать аттрибут id="logo" А скрипт модифицировать следующим образом: <script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="url 1-й картинки"; img[j++]="url 2-й картинки"; img[j++]="url 3-й картинки"; img[j++]="url 4-й картинки"; logo.style.backgroundImage="url('" + img[Math.ceil(dat.valueOf()/1000) % img.length] + "');"; </script> Только я не тестировал. Как попробуете - расскажите.
Prongs: Zenitchik А куда скрипт ставить? У меня вот такая аброкадабра - <div id="logo" style="width:700; height:700; overflow:hidden; <script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890659.jpg"; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890647.jpg"; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890475.jpg"; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890547.jpg"; logo.style.backgroundImage="url('" + img[Math.ceil(dat.valueOf()/1000) % img.length] + "');"; </script>"> <div style="position:relative; width:400; height:220; left:10; top:15; overflow:auto;"> <font size=2> <b>Дата:</b> <br> <b>Время:</b> 10:00-12:00<br> <b>Погода:</b> <br><b>События:</b></font><br><br><br><font size=2><b> </b> </font></div></div> И такая - <div style="width:700; height:700; overflow:hidden;"> <div id="logo"><script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890659.jpg"; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890647.jpg"; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890475.jpg"; img[j++]="http://static.diary.ru/userdir/2/7/8/0/278078/24890547.jpg"; logo.style.backgroundImage="url('" + img[Math.ceil(dat.valueOf()/1000) % img.length] + "');"; </script></div> <div style="position:relative; width:400; height:220; left:10; top:15; overflow:auto;"> <font size=2> <b>Дата:</b> <br> <b>Время:</b> 10:00-12:00<br> <b>Погода:</b> <br><b>События:</b></font><br><br><br><font size=2><b> </b> </font></div></div> По результатам я уже понял, что не то.
Zenitchik: Так. Запоминайте логику: Пункт 1. id="logo" прописываете тому тегу, у которого должен меняться фон. Пункт 2. Сейчас и на будущее: ставьте в HTML-низ - не ошибетесь. Рекомендую фрагмент статьи http://catalogue.forum24.ru/?1-2-0-00000005-000-0-0#004 - о том, как размещать скрипты.
Prongs: Zenitchik Спасибо за помощь! Всё замечательно работает.
Авалон: Доброго времени суток. Ранее встречал я нужный мне скрипт, но понадеявшись на авось не сохранил его. Суть скрипта в том, что это дополнительные кнопки, выравнивающие текст по левому, правому краю, центру и ширине.
Авалон: Хочу сообщить, что получил ответ от Мелиссы Маура кому интересно ссылка
Zenitchik: Авалон Спасибо за ссылку. Лично я скрипты дополнительных BB-тегов не одобряю, т.к. они работают при каждом открыти темы и тем самым замедляют ее отображение. Но если кто-то с этим мирится - на здоровье.
Babyshamble: Добрый день. Хотелось бы узнать, есть ли скрипт автозамены одного слова в сообщениях?
Zenitchik: Babyshamble Не совсем понял, что Вам нужно. Опишите, что он должен делать подробнее. 1) Нужно заменять слово при просмотре сообщения, или при его редактировании (например, перед отправкой)? 2) Нужно заменять какое-то конкретное слово повсюду, где оно встречается или только в каком-то месте? Как опознать это место?
sakurayoshi: Такой вопрос, есть ли какой-нибудь скрипт, который узнает разрешение экрана удаленного пользователя и в зависимости от этого всталяет в страничку тот или иной бэкграунд? или хотябы просто узнает разрешение и записывает статистику. Просто вставила справа от таблицы форума бэкграундом красивую картинку, но при разрешении 800x600 она вся закрывается форумом.
Zenitchik: Насчет экрана сказать затрудняюсь. Но для определения ширины окна браузера - что для страницы более актуально, можно получить window.width Записывать его куда-либо клиентским скриптом невозможно, а со сниферами я не работаю. Я возьмусь разработать для вашей страницы скрипт, изменяющий ее вид. Опишите подробно, что вы хотите от него получить, и дайте ссылку на форум.
smokin` aces: Я знаю, что вопрос не по теме, но это вроде и не скрипт, и не хтмл, и тем более не графика... но... как оформлять ссылку, чтобы получалось так, как при заявке на внесение в каталог Ролес Тем, у кого не работает скрипт шаблона - копировать код отсюда объясните, как это делается
Zenitchik: smokin` aces Копируете ссылку на пост и смотрите как она устроена. А устроена она примерно так: http://roles.borda.ru/?1-0-0-00000023-000-0-0#001 Отсюда нам нужны только адрес форума и те цифры, которые я выделил цветом. Потом составляем ссылку по образцу: http://roles.borda.ru/?9-0-0-00000023-001 Идея ясна? Суть выделенных чисел - номер раздела, номер темы и номер поста
Jack: помогите написать скрипт переодичности(смена трав.погоды)...
Zenitchik: Jack 1. Опишите подробнее, что должен делать скрипт. 2. Расскажите, о своих познаниях в веб программировании (см. первый пост)
smokin` aces: большое спасибо) идея очень даже ясна! а как прописать дополнительную кнопку над полем ответа в каком-то определенном разделе? Ну, я тоже про шаблон, например)
Zenitchik: Хм... Дас я вам одну функцию, но сразу предупреждаю: писал для себя. Да и тема специфичная, не знаю, как вам будет это освоить... [pre2]function appendButtons(){ /* Добавляет кнопки на форму ответа Принимает сколько угодно аргументов представляющих собой массивы вида [image,alt,href,target] */ var textAr=document.getElementsByName('message')[0]; if(textAr){ var par=textAr.parentNode; var a, img; var n = par.childNodes.length-9; var URL_img =par.childNodes[n]; for(var j=0; j<arguments.length; j++){ a = document.createElement('A'); a.href = arguments[j][2]; a.target=arguments[j][3]; img=document.createElement('IMG'); img.src = arguments[j][0]; img.border = 0; img.alt = arguments[j][1]; img.style.height=16; img.style.width=16; a.appendChild(img); par.insertBefore(a, URL_img); par.insertBefore(document.createTextNode(unescape('%20')), URL_img); } } }[/pre2] Коментарий в коде подсказывает, как ей пользоваться. Примерно вот так выглядит ее вызов: appendButtons(['image','alt','href','target'],['image','alt','href','target']...) Каждый аргумент имеет вид ['image','alt','href','target'] - т.е. это массив из четырех элементов. image - ссылка на картинку кнопки alt - альтернативный текст картинки href - ссылка, на которую происходит переход при нажатии кнопки target - способ открытия ссылки (см. мануал по HTML, тег <A>)
overdose: Не смогли подсказать скрипт для меняющегося логотипа (желательно по левую сторону)и куда его надо будет в общем дизайне ставить?(:
Zenitchik: overdose http://users.livejournal.com/zenitchik_9k_/479.html Это вариант с показом не более двух картинок в день. Для тех, у кого траффик. Вставляется непосредственно туда, где должен находиться логотип. Не предназначен для использования в html-лого или html-новостях.
overdose: Zenitchik пасибо)
Prongs: Я тормоз, но снова проблемы с вот этим http://roles.borda.ru/?1-12-0-00000362-000-0-0#001 на форуме http://greeneyes.forum24.ru , картинки почему-то не открываются...
Zenitchik: Хм... Попробуйте убрать апострофы: logo.style.backgroundImage="url('" + img[Math.ceil(dat.valueOf()/1000) % img.length] + "');"; Возможно, без них заведётся.
Prongs: Zenitchik Не помогло
Zenitchik: Интересно... Моежт Кэйс logo подо что-нибудь забил?.. А если попробовать переименовать logo на что-нибудь совсем невообразимое? Только и в id и в скрипте.
Prongs: Zenitchik Запихнул HTML-верх, получилось вот что - <div id="logo"><script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/her.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/mal.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/pot.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/ron.jpg"; logo.innerHTML='<img src="' + img[Math.ceil(dat.valueOf()/1000) % img.length] + '">'; </script> </div>Как на этом разместить текст?
Zenitchik: Не совсем понял, зачем вы это сделали. Тект разместит - стандартно. Так же, как если бы не было скрипта. Кстати, у вас таблица нерационально спроектирована. Ради чего такое большое поле справа, одинаковое у всех рисунков?
Prongs: Zenitchik пишет: Не совсем понял, зачем вы это сделали.Поставил в хтмл-верх? По аналогии с тем, как стоит этот скрипт на hpdestiny. Зато заработало. Zenitchik пишет: Ради чего такое большое поле справа, одинаковое у всех рисунков? Возможно потом, когда разберусь с наложением текста по центру, картинки склею по две.
Prongs: Zenitchik пишет: Тект разместит - стандартно. Так же, как если бы не было скрипта. Prongs пишет: Можно ли данный скрипт смены картинки использовать при методе наложения текста на картинку, описанном здесь - http://roles.borda.ru/?1-11-0-00000020-000-0-0-1206419289 И если можно, то как это скомбинировать?
Zenitchik: Можно. И ничего дополнительного для этого не требуется. Скрипт и метод наложения полей никак друг на друга не влияют. (а попробовать было не судьба? если всего бояться - никогда не научитесь)
Prongs: Zenitchik Пробовал вставить между div'ами со всеми атрибутами, получились картинки поверх таблицы форума в окошке с заданными параметрами ширины, высоты и отступов, с прокрутками.
Zenitchik: Значит какие-то параметры упустили. Скрипт к этому никакого отношения не имеет. Его, кстати, логичнее было бы разметить после дива, а не внутни него.
Prongs: <div id="logo" style="position:relative; width:300; height:250; left:250; top:25; overflow:auto;">Проба</div><script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/her.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/mal.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/pot.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/ron.jpg"; logo.innerHTML='<img src="' + img[Math.ceil(dat.valueOf()/1000) % img.length] + '">'; </script> Вот и вот, как это выглядит - http://greeneyes.forum24.ru
Zenitchik: style="position:relative; width:300; height:250; left:250; top:25; overflow:auto;" Вы это откуда взяли? Я ни в одном примере такого бреда написать не мог. Читаяте статью внимательнее: где должно быть relative? У каких дивов должны быть прописаны параметры места и overflow:auto;? Разве у главного? Вы в этом уверены?
Prongs: Zenitchik пишет: style="position:relative; width:300; height:250; left:250; top:25; overflow:auto;" Вы это откуда взяли? Zenitchik пишет: Первый элемент разместить нетрудно: <div style="position:relative; width:ширина; height:высота; left:расстояние_от_левого_края; top:расстояние_от_верха; overflow:auto;"></div> Zenitchik пишет: где должно быть relative? У каких дивов должны быть прописаны параметры места и overflow:auto;? Разве у главного? Zenitchik пишет: Основой будет элемет div, содержащий картинку и все поля, которые на нее наложены. Вот его приблизительный код: Вставил div в div. Не отображается текст. Я честно вчитываюсь в статью, но для меня это китайская грамота.
Zenitchik: Извините. Я слегка погорячился. В статье я действительно нашел некоторые неочевидные пункты. Вставил div в div. Покажите, как вы делали? Главный див предназначен для того, чтобы у него был фон, и для того, чтобы внутри него находились другие дивы (поля), внутри которых уже текст.
Prongs: Zenitchik <div id="logo"> <div style="position:relative; width:300; height:250; left:250; top:25; overflow:auto;">Проба</div><script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/her.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/mal.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/pot.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/ron.jpg"; logo.innerHTML='<img src="' + img[Math.ceil(dat.valueOf()/1000) % img.length] + '">'; </script></div> и <div id="logo"> <div style="position:relative; width:300; height:250; left:250; top:25; overflow:auto;">Проба</div></div><script language="javascript" type="text/javascript"> img=new Array(); dat=new Date(); j=0; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/her.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/mal.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/pot.jpg"; img[j++]="http://i285.photobucket.com/albums/ll75/prongs85/prince/ron.jpg"; logo.innerHTML='<img src="' + img[Math.ceil(dat.valueOf()/1000) % img.length] + '">'; </script> Сейчас на форуме стоит первый вариант и, кажется, я заметил, что текст оказывается под картинкой, то есть, он виден, пока не открывается изображение.
Zenitchik: СТОП! Ваша версия скрипта несовместима! Совместима только та, где logo.style.backgroundImage="url('" + img[Math.ceil(dat.valueOf()/1000) % img.length] + "');";
Prongs: Zenitchik Совместил. Снова не загружаются кратинки.
Zenitchik: Спросил про скрипт на htmlbook. Жду, что ответят.
полная версия страницы