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
Сообщений: 102
Регистрация: 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
Сообщений: 102
Регистрация: 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, спасибо большое! Даже не знаю, как вас благодарить :))))

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСоздание сайтов любой сложности (фреймворки, CMS), Верстка (адаптивная, простая, лендинг), шаблоны, скрипты, любая задача
19 ZaDrotom 5472 24.2.2018, 19:45
автор: Zone58
Открытая тема (нет новых ответов) php скрипты любой сложности / диз+верстка (адаптивно)
любые задачи на php - автоматизация, парсинг, работа с БД
2 affrodita 919 28.12.2017, 18:58
автор: affrodita
Горячая тема (нет новых ответов) Верстка (адаптивная, простая, лендинг), шаблоны на любую CMS, скрипты
CMS практически не имеет значения, НЕ дизайнер
71 mmkulikov 75340 10.11.2017, 21:50
автор: mmkulikov
Открытая тема (нет новых ответов) Напишу интересные php скрипты
первые 5 заказов за пол цены
25 Ozim 6409 14.10.2017, 19:14
автор: Ozim
Открытая тема (нет новых ответов) Скрипты, парсеры, модули, верстка Opencart Wordpress ...
Огромный выбор услуг, почти по всем направлениям, первым - скидки
0 WowWe 704 11.1.2017, 19:24
автор: WowWe


 



RSS Текстовая версия Сейчас: 24.5.2018, 20:02
Дизайн