Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 24.12.2013
Сообщений: 22

block.opacity переключатель

19.01.2014, 18:59. Показов 562. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите. Не работает переключение opacity
Тут код на jsfiddle
JavaScript
1
2
3
4
5
6
7
function openblock(id) {
    if (document.getElemetById(id).style.opacity == "0") {
        document.getElemetById(id).style.opacity = '1';
    } else {
        document.getElemetById(id).style.opacity = '0';
    }
}
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<ul>
    <li class="usr-in" onclick="openblock('log_do');">Вход</li>
</ul>
<div class="clr"></div>
<div id="log_do">
    <form action="modules/log_in.php" method="POST">Логин:
        <input type="text" name="login" value="" />Пароль:
        <input type="password" name="password" value="" />
        <input type="submit" value="Войти" />
        <input type="button" value="Регистрация" onclick="go('reg');" />
        <br/>
<sub onclick="go('fp');">Забыли пароль?</sub>
 
    </form>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
ul {
    list:style:none;
    height:50px;
}
ul .usr-in {
    min-width:50px;
    sidplay:block;
    float:left;
    height:100%;
    line-height:50px;
    font-size:18px;
    background:#bbb;
    color:#fff;
    text-align:center;
    padding:0 10;
}
.clr {
    clear:both;
}
#log_do {
    opacity:1;
    border-radius:5;
    border:1px solid;
    white-space:pre-wrap;
}
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
19.01.2014, 18:59
Ответы с готовыми решениями:

Функция Opacity
Скрипт должен плавно уменьшать прозрачность при нажатии на div, но не работает из-за моих кривых рук. Кто-то может подсказать в чем ошибки?...

opacity под IE5
Сделал функцию исчезновения. Но так как opacity не работает в старых браузерах нужно присваивать фильтр. Сама функция: function...

Эффект ухода таблицы (Opacity от 100 до 0)
function Alpha(i) { tnews.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+i+', Style=0)' } function MinimazeNews()...

1
1 / 1 / 0
Регистрация: 23.02.2013
Сообщений: 30
19.01.2014, 19:17
Uncaught ReferenceError: openblock is not defined

Добавлено через 26 секунд
Учись пользоваться консолью
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.01.2014, 19:17
Помогаю со студенческими работами здесь

Зацыклить переключатель
Помогите пожалуйста со скриптом. В одну сторону работает, то есть включается, а как сделать, чтобы выключалась. &lt;!doctype html&gt; ...

Radio. Переключатель
&lt;p&gt;Выберите переключатель!&lt;/p&gt; &lt;form name=&quot;form4&quot;&gt; &lt;input type=&quot;radio&quot; name=&quot;radio1&quot; onChange=&quot;radio1Cl(this.form)&quot;&gt; &lt;input...

Переключатель цвета
народ подскажите плиз как организовать такой момент- есть слайдер с картинками и в углу картинки имеется переключатель цвета, например...

Скрипт переключатель отрывков страниц
Здравствуйте, увидел на сайте (здесь, здесь или здесь) (там, где написано &quot;Описание, системные требования, гарантии и т.д.&quot;)...

Не работает display: block;
Возникла проблема, хочу сделать на странице выбор базы данных (объект селект в диве) кнопками (две кнопки как меню), при нажатии на которые...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru