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

HTML+CSS+JavaScript

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

 

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

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

тема: фон текст при нажатии
 
 автор: simplyv   (10.10.2011 в 12:26)   письмо автору
 
 

Необходимо, чтобы при нажатии цвет фона предложения менялся на желтый, если он желтый, тогда снова на белый.
Все так и работает, но есть внутри тега SPAN присутствует <P>, не работает. Что можно сделать.
Тег DIV не пойдет, предложения не обязательно с новой строки.


<script language="JavaScript">
<!--
function selectVerse(id){
    element = document.getElementById(id);
    if (element.style.background.indexOf('yellow') == -1){
        element.style.background='yellow';
    } else {
        element.style.background='white';
    }
}
-->
</script>

<span id="text1" onclick="selectVerse('text1');"><p>Текст1.</p></span>
<span id="text2" onclick="selectVerse('text2');">Текст 2<span>

  Ответить  
 
 автор: ONYX   (10.10.2011 в 15:20)   письмо автору
 
   для: simplyv   (10.10.2011 в 12:26)
 

Тег <p> является блочным элементом, а тег <span> строковым, вероятно из за этого происходит подобный коллапс. Однако если заменить <span> на <div> цветом выделяется весь блок, следовательно, вам придется либо убрать тег <p>, либо установить стиль для него <p style="display:inline;">

  Ответить  
 
 автор: simplyv   (10.10.2011 в 15:57)   письмо автору
 
   для: ONYX   (10.10.2011 в 15:20)
 

Спасибо за помощь и разъяснение. Все лаконично и понятно.

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

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