JS | FAQ

На JS часто приходится реализовывать разные мелкие "фишки" для сайтов. Но делаю их не настолько часто, чтобы помнить синтаксис. Поэтому я решила составить мини-faq, чтобы быстро находить ответы на вопросы по JS jQuery

Содержание:

1. кнопка с подтверждением
2. срабатывание формы по селекту
3. кнопки "сбросить" и "выбрать все" в множественном селекте
4. очистка поля по нажатию в нём
5. печать страницы целиком
6. переход на другую страницу
7. изменение стилей
8. изменение содержимого
9. клонирование объекта
10. indexOf не работает в ИЕ (IE)

1. кнопка с подтверждением
<a href="index.html" onclick="return confirm('Вы действительно хотите удалить документ')">Удалить</a>	Удалить
2. срабатывание формы по селекту
<form id="change_status0" action="137.html" method="post"> <select name="status" onchange="javascript: document.getElementById('change_status0').submit();"> <option value="1" selected>активно</option> <option value="0">не активно</option> </select> </form>	активно не активно
3. кнопки "сбросить" и "выбрать все" в множественном селекте
<script type="text/javascript"> function UnSelected(id) { sel=document.getElementById(id); for(var i = 0;i < sel.length;i++){ sel.options[i].selected = false; } return true; } function Selected(id) { sel=document.getElementById(id); for(var i = 0;i < sel.length;i++){ sel.options[i].selected = true; } return true; } </script> <select id="Groups" multiple> <option>Менеджеры</option> <option>Посетители</option> <option>Гости</option> </select> <br><br> <input type="button" value="Сбросить" onClick="UnSelected('Groups');"/> <input type="button" value="Выбрать все" onClick="Selected('Groups');"/>	Менеджеры Посетители Гости
4. очистка поля по нажатию в нём
<input type="text" name="search" value="Поиск..." id="inpSearch" onFocus="document.getElementById('inpSearch').value=''" onBlur="if (document.getElementById('inpSearch').value=='') document.getElementById('inpSearch').value='Поиск...'" >
5. печать страницы целиком
<a href="index.html" onclick="window.print();return false;">Распечатать данную страницу</a>	Распечатать данную страницу
6. переход на другую страницу не с элемента ссылки, перехват ссылки
<div onClick=window.location="http://ya.ru">Переход</div> <a href="test.html" id="test" onclick="document.getElementById('test').href='test2.html'">Перейти</a>	Переход Перейти
7. изменение стилей
<a href="index.html" onclick="this.style.color='#f00'; return false">Изменить цвет</a>	Изменить цвет
8. изменение содержимого
<div href="" onclick="this.innerHTML='Новый текст'; return false">Изменить содержимое блока</div>	Изменить содержимое блока
9. клонирование объекта (работает во всех браузерах)
function cloneObject(Object) { var clone = {}; for(var i in Object) { if(typeof(Object[i])=="object") clone[i] = cloneObject(Object[i]); else clone[i] = Object[i]; } return clone; }
10. indexOf не работает в ИЕ (IE)
Используем вместо indexOf метод inArray вместо: i=ChartCompanies.indexOf(current_compid); код такой: i=ChartCompanies.inArray('',current_compid);