Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Смена текста в текущем DIV с применением CSS
 
 автор: evgenyem   (23.09.2009 в 21:44)   письмо автору
 
 

Доброго времени суток!
Поставил себе задачу и не могу найти умного решения - есть страница с дивовой версткой, есть один див с текстом на русском языке. При нажатии кнопки смены языка нужно, чтобы предыдущий текст мягко исчез и появился , также мягко, другой. Без перезагрузки страницы.
Где-то в Сети видел..
Может кто знает как???

  Ответить  
 
 автор: ~AquaZ~   (24.09.2009 в 06:54)   письмо автору
 
   для: evgenyem   (23.09.2009 в 21:44)
 

Знаю. Но не с помощью CSS. Есть библиотека jQuery, она творит чудеса. Про неё много на руселлере.

  Ответить  
 
 автор: evgenyem   (24.09.2009 в 08:33)   письмо автору
 
   для: ~AquaZ~   (24.09.2009 в 06:54)
 

Про jquery "наслышан". Надо бы на CSS, чтобы с отключенным JS сработало.

  Ответить  
 
 автор: AlexSol   (24.09.2009 в 10:14)   письмо автору
 
   для: evgenyem   (24.09.2009 в 08:33)
 

css выполняется один раз при загрузке сайта либо по запросу.
если при загрузке - вы можете получить состояния (текст виден/текст не виден/ текст виден с указанной прозрачностью)

плавное изменение прозрачности - это динамика и возможно только с использованием скриптов

  Ответить  
 
 автор: dimaxz   (24.09.2009 в 10:32)   письмо автору
 
   для: AlexSol   (24.09.2009 в 10:14)
 

Ajax метод (библиотеки query, prototip, YUI и др)

  Ответить  
 
 автор: AlexSol   (24.09.2009 в 10:34)   письмо автору
 
   для: dimaxz   (24.09.2009 в 10:32)
 

и? Ajax метод это не css. и вопрос был не в получение данных а в анимированной смене

  Ответить  
 
 автор: dimaxz   (24.09.2009 в 13:05)   письмо автору
 
   для: AlexSol   (24.09.2009 в 10:34)
 

document.getElementById("text").innerHTML = 'новый текст';

Но вот чтоб плавно???хм

  Ответить  
 
 автор: ~AquaZ~   (22.11.2009 в 19:39)   письмо автору
 
   для: dimaxz   (24.09.2009 в 13:05)
 

Вот реализация на jQuery (если библиотека подключена)

$(function(){
   $("#id-of-button").click(function(){
      $("#id-of-rus-text").animate({opacity:'toggle'},500); //500 время задержки (ms)
      $("#id-of-en-text").animate({opacity:'toggle'},500); //500 время задержки (ms)
   });
});

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования