Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Другие темы раздела
JavaScript Скрипт работает только для Mozilla https://www.cyberforum.ru/ javascript/ thread1595711.html
Всем привет! Создал скрипт но он работает только для Mozilla, не могу понять почему так. Может быть что то надо дописать для Хрома и Яндекса? $(function () { $(window).load( function...
JavaScript Пользовательские объекты
Создать пользовательский объект абонент библиотеки. Создать в скрипте 12 экземпляров данного объекта и вывести эти данные на страницу
JavaScript Не работает код на мобильниках Добрый день ! Заметил что вот такой код не работает на мобильных устройствах: window.onscroll = function() { var scrolled = document.documentElement.scrollTop; if(scrolled > 300){ ... https://www.cyberforum.ru/ javascript/ thread1595562.html JavaScript Двумерный выпадающий список https://www.cyberforum.ru/ javascript/ thread1595525.html
У меня есть двумерный массив. Нужно сделать выпадающий список так, чтобы при выборе элемента массива 1го уровня, появлялся еще один выпадающий список с его подэлементами.
JavaScript Поиск шрифтов (нестандарные шахматные фигуры)
Помогите найти шрифты с нестандартными шахматными фигурами. https://en.wikipedia.org/wiki/Fairy_chess_piece Я хочу улучшить систему развития, добавив в поздние этапы игры такие фигуры как там, в...
JavaScript Не работает подключенный скрипт https://www.cyberforum.ru/ javascript/ thread1595439.html
Здравствуйте! Подскажите почему один и тот же скрипт написанный заранее - не работает, а в режиме отладки в браузере (Yandex) - работает. js/style.js: var x = window.innerHeight; var y =...
JavaScript Проверка формы https://www.cyberforum.ru/ javascript/ thread1595361.html
Всем доброго времени суток. Помогите пожалуйста, не получается сделать форму с проверкой на количество вводимых символов. Вот мой код: <!doctype html> <html> <head> <meta charset="UTF-8"> ...
Autoload modal JavaScript
Подскжите, каким способом можно добавить в автозагрузку(загрузка стр) modal ( всплывающее окно )?
JavaScript Календарь В старояпонском календаре был принят 60-летний цикл, состоящий из пяти 12-летних подциклов. Подциклы обозначались названиями цвета: зеленый, красный, желтый, белый, черный. Внутри каждого подцикла... https://www.cyberforum.ru/ javascript/ thread1595176.html JavaScript Замена слов Напишите программу, в которой все слова А заменены словом В, где А и В - заданные слова, возможно, различной длины. https://www.cyberforum.ru/ javascript/ thread1595174.html
Работа со строками JavaScript
Слова в заданном тексте разделяются пробелами. Напишите программу, которая определяет количество слов в тексте.
JavaScript Напишите сценарий https://www.cyberforum.ru/ javascript/ thread1595167.html
Напишите сценарий, который по дате рождения человека определяет, под каким знаком зодиака родился человек.
0 / 0 / 0
Регистрация: 28.11.2015
Сообщений: 1
0

Код работает, но не так как надо - JavaScript - Ответ 8409224

28.11.2015, 22:22. Показов 668. Ответов 1
Метки (Все метки)

Здравствуйте.
Нужно, чтобы строка поиска увеличивалась в длине от 0px до 130px при нажатии кнопки. При нажатии строка прибавляет 130px, но сразу же возвращается в исходное состояние 0px. Подскажите пожалуйста мне, нубу, как сделать так, чтобы она разворачивалась и сворачивалась ТОЛЬКО ПРИ КЛИКЕ.

JS
Javascript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
            $('#lup').click(function(event) {
                $('#searcher_r')
                .animate({right: "0", width: "130px"}, 500);
            });
            $("#lup").click(function(){
                $('#searcher_r')
                .animate({right: "0", width: "0px"}, 500);
            });
 
 });
CSS
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#lup{
    margin-left: 1520px;
    margin-top: -30px;
    cursor: pointer;
}
#searcher{
    z-index: 111;
    position: absolute;
    left: 1520px;
    top: 103px;
    width: 135px;
    height: 15px;
}
#searcher_r{
    width: 0px;
    border-radius: 11px;
    position: relative;
}
HTML
HTML5
1
2
3
4
5
6
7
<div id="lup">
   <img src="https://www.cyberforum.ru/images/lup.png">
 </div> 
 
<div  id="searcher">
    <input type="text" id="searcher_r" placeholder="  Поиск...">
 </div>


Вернуться к обсуждению:
Код работает, но не так как надо JavaScript
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
28.11.2015, 22:22
Готовые ответы и решения:

GetJson работает не так, как надо
$.getJSON('mark.php', function(data) { $.each(data, function(lat, lng){ var marker = new...

Код работает не так, как надо
Нужно ввести строку и слово и чтобы выводились порядковые номера слов в строке, совпадающих с...

Код работает не так, как надо
Нужно ввести строку и слово и чтобы выводились порядковые номера слов в строке, совпадающих с...

Работает не так как надо
я ввожу ааа - выводит qqq а должен выводить qaz что нужно поменять? хотя бы на примере первого...

1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
28.11.2015, 22:22
Помогаю со студенческими работами здесь

Работает не так как надо(классы)
Задача. Создать класс хранящий в себе инн. Проверить его на верность и вывести результат. class...

Почему не работает так как надо
#include &lt;vcl.h&gt; #pragma hdrstop #include &quot;Unit1.h&quot;...

Find работает не так как надо
Здравствуйте, как правильно решить систему уравнений? PTC Mathcad Prime 3.1

Почему работает не так как надо?
В общем вот в чем вопрос, есть код на СИ. Задача такова ввести с клавы день, месяц, год рождения...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru