X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Скрипты конфликтуют
GoodText
GoodText
Topic Starter сообщение 24.3.2014, 4:55; Ответить: GoodText
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


Есть сайт, к нему я подключил скрипт, изменяющий забор:

Код
<script type="text/javascript" src="js/fence.js"></script>


Все окей. Но затем я решил сделать селекты немного красивее, подключив этот скрипт:

Код
<script type="text/javascript" src="js/nlform.js"></script>
<script>
var nlform = new NLForm( document.getElementById( 'nl-form' ) );
</script>


Он находится в самом низу страницы. Еще в блок content я добавил id="nl-form".
Селекты стали намного круче, но только перестали работать.

В чем проблема? Подскажите пожалуйста.

Сообщение отредактировал GoodText - 24.3.2014, 4:57
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
akkyoh
akkyoh
сообщение 24.3.2014, 7:43; Ответить: akkyoh
Сообщение #2


Участник
***

Группа: User
Сообщений: 101
Регистрация: 26.4.2013
Поблагодарили: 8 раз
Репутация:   3  


GoodText, исходя из ошибки не находит элемент и не инициализирует форму.

Вот небольшой пример, как это верно реализовывать: http://tympanus.net/codrops/2013/05/21/nat...input-elements/
Одной строчкой вроде не обойтись.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GoodText
GoodText
Topic Starter сообщение 24.3.2014, 8:05; Ответить: GoodText
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


akkyoh, я отсюда и брал скрипт.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
akkyoh
akkyoh
сообщение 24.3.2014, 8:13; Ответить: akkyoh
Сообщение #4


Участник
***

Группа: User
Сообщений: 101
Регистрация: 26.4.2013
Поблагодарили: 8 раз
Репутация:   3  


GoodText, пока я ковырялся, Вы вроде уже и починили :)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GoodText
GoodText
Topic Starter сообщение 24.3.2014, 15:11; Ответить: GoodText
Сообщение #5


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


akkyoh, нет, я ничего не делал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 24.3.2014, 16:41; Ответить: Tollun
Сообщение #6


Старожил
******

Группа: Active User
Сообщений: 1595
Регистрация: 1.10.2009
Из: Хабаровск
Поблагодарили: 394 раза
Репутация:   66  


Ну раз больше версий нет, предложу свой вариант...
1. скрипт ждёт не div а form
свой
Код
<div class="content" id="nl-form">

замените на
Код
<form id="nl-form" class="nl-form">

ниже или выше можете добавить свой <div class="content">

так же скрипту не хватает элемента с классом nl-overlay
можно добавить как в исходном варианте
Код
<div class="nl-overlay"></div>
</form>


Далее удаляем подключённый самопальный скрипт
Код
<script type="text/javascript" src="js/fence.js"></script>


После чего идём в файл скрипта nlform.js, находим почти в конце строчку
Код
this.elOriginal.value = this.elOriginal.children[ this.selectedIdx ].value;


и добавляем ниже строчку - замену удалённому скрипту
Код
document.getElementById( this.elOriginal.name ).style.backgroundImage = "url(images/fence/"+ this.elOriginal.name +"/"+ this.elOriginal.value +".png)"


для чистоты, можете у селекторов удалить вызов функций по событию onchange


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
GoodText
GoodText
Topic Starter сообщение 24.3.2014, 16:58; Ответить: GoodText
Сообщение #7


Частый гость
**

Группа: User
Сообщений: 58
Регистрация: 22.4.2013
Из: Санкт-Петербург
Поблагодарили: 19 раз
Репутация:   16  


Tollun, спасибо большое! Даже не знаю, как вас благодарить :))))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) php скрипты любой сложности / диз+верстка (адаптивно)
любые задачи на php - автоматизация, парсинг, работа с БД
1 affrodita 476 8.12.2017, 17:40
автор: affrodita
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСоздание сайтов любой сложности (фреймворки, CMS), Верстка (адаптивная, простая, лендинг), шаблоны, скрипты, любая задача
14 ZaDrotom 3649 23.11.2017, 16:09
автор: iddqd
Горячая тема (нет новых ответов) Верстка (адаптивная, простая, лендинг), шаблоны на любую CMS, скрипты
CMS практически не имеет значения, НЕ дизайнер
71 mmkulikov 73394 10.11.2017, 21:50
автор: mmkulikov
Открытая тема (нет новых ответов) Напишу интересные php скрипты
первые 5 заказов за пол цены
25 Ozim 5735 14.10.2017, 19:14
автор: Ozim
Открытая тема (нет новых ответов) Скрипты, парсеры, модули, верстка Opencart Wordpress ...
Огромный выбор услуг, почти по всем направлениям, первым - скидки
0 WowWe 616 11.1.2017, 19:24
автор: WowWe


 



RSS Текстовая версия Сейчас: 12.12.2017, 1:28
Дизайн