JavaScript

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
JavaScript Подтверждение действия через prompt()? https://www.cyberforum.ru/ javascript/ thread943123.html Доброго времени суток, я новичек в JS но с убийственным рвением готов осваивать его!) начинаю с малого делаю небольшие вставки JS но вот с такой не могу разобраться/ Задача такова есть такой скрипт (jquery подключен последний!) <script> $(document).ready(function(){ $("#delete").click(function(){	JavaScript Получить информацию из таблицы Здравствуйте. У меня такой вопрос Есть сайт tourindex.ru, где можно получить таблицу по турам (вверху Demo-режим), затем Поиск тура (выделен красным), выбираем любую страну, далее справа кнопка Искать туры Формируется таблица с турами - я хочу спарсить из нее данные, но при просмотре исходного кода страницы нет самих данных, а есть JS код наподобии: </div> <!-- ######### // CENTER...
JavaScript Видео с iframe в модальном окне после закрытия не останавливаеться https://www.cyberforum.ru/ javascript/ thread942905.html Видео с iframe в модальном окне после закрытия не останавливаеться. Если ставишь старый код через object - закрываеться, но при этом ослик не воспроизводит. Код модального окна: <a href="#?w=790" rel="popup2" class="poplight"><img src="img/reviews/review2.png" alt=""/></a> <div id="popup2" сlass="popup_block"> <center> <iframe width="790" height="440"...	JavaScript Появление текста в определенный день Искал в инете JS код который показывает текст в определенный день. Если есть у кого-то ссылка или кто то может написать его буду очень благодарен :) P.S. Спасибо за внимание. https://www.cyberforum.ru/ javascript/ thread942784.html
JavaScript Вызов CSS в скрипте При нажатии на кнопку я хочу вызвать функцию, которая сделает визуально активное окно неактивным. Например, затемнит это окно. Но окно, которое появится при нажатии на кнопку должно отображаться четко. Как это можно реализовать? Добавлено через 7 минут И как вызвать применение CSS стиля в javascript?	JavaScript В массив A[n] занесены натуральные числа. Найти количество элементов значения, которых совпадают с индексом этого элемента https://www.cyberforum.ru/ javascript/ thread942673.html Помогите пожалуйста решить на языке JavaScript :В массив A занесены натуральные числа. Найти количество элементов значения, которых совпадают с индексом этого элемента.
JavaScript Json доступ к объекту Здравствуйте. Просветите пожалуйста. Есть ajax запрос на сервер, и функция-обработчик успешного выполнения function (resp){ alert(resp.Message); } ); мне с сервера приходит такой json ответ https://www.cyberforum.ru/ javascript/ thread942480.html	Динамическое меню JavaScript Как реализовать подобный функционал. Имеем пункты меню <ul> <li>1</li> <li>2</li> <li>3</li> </ul>
JavaScript Сумма ячеек таблицы Доброго времени суток. Я столкнулся с проблемой подсчета суммы элементов в ячейках html таблиц <table> <tbody> <tr> <td>строка 1</td> <td> <input type="checkbox" name="option1" value="Milk"> <label>30</label> ... https://www.cyberforum.ru/ javascript/ thread942372.html	JavaScript Замена подстрок Здравтсвуйте. Подскажите пожалуйста как в тексте заменить один кусок текста на другой, всё должно менятся только в теге body Пытаюсь так, но... // взять текст из body var p = document.getElementsByTagName("body"); // заменить все XXX на <span class="yyy">XXX</span> p.replace(/XXX/g,"<span class='yyy'>XXX</span>"); На сколько могу предположить я не верно беру текст, да и както из... https://www.cyberforum.ru/ javascript/ thread942364.html
JavaScript Ассоциативный массив в цикле помогите пожалуйста, пытаюсь работать с апи яндекс карт. в коде апи есть такой кусок кода статический: myPoints = , text: 'Трактир'}, { coords: , text: 'Кафе'} ]; мне нужно формировать его динамически, пытаюсь таким образом:	JavaScript Как сделать поле realonly? https://www.cyberforum.ru/ javascript/ thread942311.html Всем привет. Надо сделать поле readonly, т.е. поле input в котором Я могу менять значения с помощью javascripta, но юзер не сможет их менять. В html для этого используется атрибут disabled, т.е. <input type="text" disabled="disabled"> К сожалению такие поля не отправляются на сервер, а мне нужно сохранять значение в базу. Как по правильному сделать поле readonly?

vovandr

636 / 523 / 195

Регистрация: 19.08.2013

Сообщений: 1,400

24.08.2013, 20:47

"Защита" на нажатие одного блока от другого - JavaScript - Ответ 4982883

24.08.2013, 20:47. Показов 625. Ответов 3

Метки (Все метки)

Ответ

Ну можно так (судя по вашему коду я не стал создавать функции а просто написал в формате инлайнового стиля, хотя рекомендую так не делать и потом этот код переписать):

Javascript

 function hiddenBlock (){
        
        document.getElementById('hidden').style.height = 'auto';
        document.getElementById('back').style.height = '100%';
        document.getElementById('hidden').style.opacity = '1';
        document.getElementById('back').style.opacity = '1';
        
        }

CSS

  #hidden{
    position: absolute;
    height: 380px;
    width: 320px;
    background: #1fbba6;
    top:15em;
    left:30em;
    height: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity linear .3s;
    -moz-transition: opacity linear .3s;
    -ms-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}
 #back{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:3600px;
    position:absolute;
    left:0;
    top:0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity linear .6s;
    -moz-transition: opacity linear .6s;
    -ms-transition: opacity linear .6s;
    -o-transition: opacity linear .6s;
    transition: opacity linear .6s;
}

HTML5

<div id="hidden">
        <form action="mail.php" method="POST">
            <input type="text" required placeholder="ФИО" id="name1">
            <input type="text" required placeholder="Телефон" id="phone1">
            <input type="text" required placeholder="Email" id="email1"><br/>
            <input type="submit" id="submit1">
        </form>
    </div>
 
    <div id="back" onclick="this.style.height='0'; document.getElementById('hidden').style.height = '0';document.getElementById('hidden').style.opacity = '0';"></div>
 
    <a href="#" onclick="hiddenBlock();return false;"><img src="img/call_button.png" alt="Call button" id="call_button" align="right"/></a>

Вернуться к обсуждению:
"Защита" на нажатие одного блока от другого JavaScript

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

24.08.2013, 20:47

Готовые ответы и решения:

Защита от завершения одного процесса без другого
Добрый вечер. Нужна помощь в следующем вопросе у меня есть приложение zzz.exe я его запускаю с...

Скрытие одного блока и появление другого
Добрый день, подскажите, пожалуйста, как реализовать следующий скрипт. У меня есть несколько...

Изменение одного блока относительно другого
При высоте блока класса content, блок класса bg меняет свою высоту как height(bg) = height(content)...

HEIGHT одного блока DIV относительно другого
Есть блоки DIV (например main и left), у блока left высота (height) 800px, позиционирование...

	24.08.2013, 20:47

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

24.08.2013, 20:47

Помогаю со студенческими работами здесь

Вертикальное выравнивание одного блока внутри другого с заданное высотой
Интересует следующий вопрос, можно ли сделать так что бы в такой конструкции: <div...

Как изменить высоту одного блока div при изменении высоты другого?
вообщем на странице есть 3 блока div 1 центральный с установленной высотой auto и 2 боковых в...

Смещение внутри блока, другого блока, без изменения первого
Возможно ли такое? Есть блоки <ul id="navigation"> <li><a href="#"><div...

Ограничение движение блока внутри другого блока
Помогите! Все перепробовал, уже голова не варит. mousehold = 0; posX = 0; posY = 0;...

Выравнивание блока footer внутри другого блока
Подскажите пожалуйста, как убрать разрыв между блоком Footer и div'ом cont. <article> <div...

Как сделать появление блока сразу после появления другого блока, а через 3 секунды блок появившийся вторым исчезает?
Привет. Есть код, который рандомно выдает зеленые блоки (заменяя серые). Теперь нужно, чтобы при...

Наверх