Теперь в нашем онлайн-магазине доступна уникальная книга «BEAM-робототехника. От азов до создания практических устройств», идеально подходящая как для кружков робототехники, так и для самообучения дома. Вы можете приобрести её по привлекательной цене в 699 рублей. Дополнительная информация о книге доступна на нашем сайте. Также в ассортименте нашего онлайн-магазина представлены готовые наборы для сборки роботов, с помощью которых ваш ребенок сможет легко собрать своего первого робота, следуя нашим подробным инструкциям. Перейти в магазин


[ Раскрыть online-чат / Закрыть ] · [ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Форум » Центр переработки » Мусор » Простые скрипты на javascript (полезные скрипты для вашего сайта)
Простые скрипты на javascript
Отправлено 31.03.2010 - 14:321
Начальная группа
1798 сообщений
Мужчина
Приведу парочку простых, но поленых скриптов:
1. Блок "Наша кнопка"
Code

<img src="адрес кнопки" alt="Наша кнопка" /><br/>
<input type="button" value="Код кнопки" onClick="this.style.display='none';document.getElementById('s_code').style.display='block';" style="font-size:10px;border:1px solid #FFF;background-color:#900;color:#FFF;width:88px;" ><br/>
<textarea id="s_code" readonly="readonly" onClick="this.select();" style="display:none;">код кнопки</textarea>

2. Спойлер
функцию вставлять на страницу только 1 раз! а спойлеров хоть миллион.
Code

<script type="text/javascript">
function open_spoiler(id)
{
var element = document.getElementById("spoiler_"+id);
if(element.style.display=="none")
{
element.style.display="block";
}
else
{
element.style.display="none";
}}
</script>

<div style="border-bottom:1px solid #900;padding-bottom:5px;text-decoration:none;"><a href="#" onClick="open_spoiler(1);">↓ Открыть спойлер 1</a></div>
<div id="spoiler_1" style="display:none;">текст спойлера 1</div>

<div style="border-bottom:1px solid #900;padding-bottom:5px;text-decoration:none;"><a href="#" onClick="open_spoiler(2);">↓ Открыть спойлер 2</a></div>
<div id="spoiler_2" style="display:none;">текст спойлера 2</div>

<div style="border-bottom:1px solid #900;padding-bottom:5px;text-decoration:none;"><a href="#" onClick="open_spoiler(3);">↓ Открыть спойлер 3</a></div>
<div id="spoiler_3" style="display:none;">текст спойлера 3</div>

......


Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 31.03.2010 - 19:592
Администраторы
3417 сообщений
Мужчина
Если кто-нибудь встречал или может найти скрипт для изменения цвета фона, при нажатии на кнопку или при выборе цветовой палитры, выложите сюда. Буду очень благодарен !


Только дурак нуждается в порядке-гений господствует над хаосом...
Онлайн ЧАТ по робототехнике ! Заходи и общайся без регистрации =)
Профиль Личное сообщение Дом. страница icq Skype
34
Отправлено 31.03.2010 - 20:273
Начальная группа
1798 сообщений
Мужчина
Цвет фона на странице? На форуме фон сделан при помощи картинки в форме квадратика.
Такой скрипт вообще не сложно написать, color picker позже прикручу.
http://mys1te.by.ru/test.html


Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 31.03.2010 - 20:334
Администраторы
3417 сообщений
Мужчина
nightmare,
Code
Вы запросили страницу сайта, размещенного на бесплатном хостинге BY.RU, но такой страницы нет на сервере. Возможно, вы ошиблись в наборе или пришли по неверной ссылке.


Только дурак нуждается в порядке-гений господствует над хаосом...
Онлайн ЧАТ по робототехнике ! Заходи и общайся без регистрации =)
Профиль Личное сообщение Дом. страница icq Skype
34
Отправлено 31.03.2010 - 20:535
Начальная группа
1798 сообщений
Мужчина
test.html


Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 31.03.2010 - 20:556
Администраторы
3417 сообщений
Мужчина
Что это такое вообще, что за непонятные ссылки ? wacko


Только дурак нуждается в порядке-гений господствует над хаосом...
Онлайн ЧАТ по робототехнике ! Заходи и общайся без регистрации =)
Профиль Личное сообщение Дом. страница icq Skype
34
Отправлено 31.03.2010 - 20:587
Начальная группа
1798 сообщений
Мужчина
Твой скрипт, открой и увидишь (если открыто, то обнови страницу), щелкни по полю и появится колор пикер
http://mys1te.by.ru/test.html


Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 31.03.2010 - 21:018
Администраторы
3417 сообщений
Мужчина
А, теперь открылось нормально.


Только дурак нуждается в порядке-гений господствует над хаосом...
Онлайн ЧАТ по робототехнике ! Заходи и общайся без регистрации =)
Профиль Личное сообщение Дом. страница icq Skype
34
Отправлено 31.03.2010 - 21:029
Начальная группа
1798 сообщений
Мужчина
Ну во, теперь можешь подредактировать и вставить на сайт cool
Это как я понял то, что требовалось?


Профиль Личное сообщение Дом. страница icq Skype
38
Администраторы
3417 сообщений
Мужчина
Скрипт не увидел никакого, только кнопку и поле ввода кода цвета ...
А какой скрипт для юкоза подойдет ? Есть такой вообще ?


Только дурак нуждается в порядке-гений господствует над хаосом...
Онлайн ЧАТ по робототехнике ! Заходи и общайся без регистрации =)
Профиль Личное сообщение Дом. страница icq Skype
34
Отправлено 31.03.2010 - 21:0311
Начальная группа
1798 сообщений
Мужчина
То, что по ссылке заданию удовлетворяет?
Скрипт по ссылке для всего, не только для укоза. написан он на javascript.


Профиль Личное сообщение Дом. страница icq Skype
38
Администраторы
3417 сообщений
Мужчина
Удовлетворяет


Только дурак нуждается в порядке-гений господствует над хаосом...
Онлайн ЧАТ по робототехнике ! Заходи и общайся без регистрации =)
Профиль Личное сообщение Дом. страница icq Skype
34
Отправлено 31.03.2010 - 21:1413
Начальная группа
1798 сообщений
Мужчина
Ну во, отлично, рассказываю как вставить:
1) Скачиваешь файл из прикреплений, кидаешь папку из архива в корневую папку сайта.
2)Идешь по ссылке http://mys1te.by.ru/test.html и открываешь код страницы, дальше я все написал в коментариях прямо в коде страницы.
3)Вставляешь туда, где бы ты хотел чтобы располагалась форма для смены цвета.
4) Как сделать так, чтобы выбранный цвет оставался на всех страницах подскажу позже, если невъедешь smile
чтобы не потерять clone.h16.ru/css-js/3/


jscolor.rar (18.4 Kb)
Профиль Личное сообщение Дом. страница icq Skype
38
Администраторы
3417 сообщений
Мужчина
как корневая папка обзывается ?


Только дурак нуждается в порядке-гений господствует над хаосом...
Онлайн ЧАТ по робототехнике ! Заходи и общайся без регистрации =)
Профиль Личное сообщение Дом. страница icq Skype
34
Отправлено 31.03.2010 - 21:2115
Начальная группа
1798 сообщений
Мужчина
Всмысле не в корневую папку а просто на сайт, чтобы получилось вот так:
http://rassionrobots.ucoz.ru/jscolor/
В скрипте из кода страницы поменяй путь к jscolor.js, вместо jscolor/jscolor.js
http://rassionrobots.ucoz.ru/jscolor/jscolor.js


Профиль Личное сообщение Дом. страница icq Skype
38
Форум » Центр переработки » Мусор » Простые скрипты на javascript (полезные скрипты для вашего сайта)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: