ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / OnMouseOn изменение содержимого ячейки td (или ссылки)
11 сообщений из 11, страница 1 из 1
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36092918
Chaki_Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chaki_Black
Участник
Добрый день.
Имеется ячейка таблицы. Необходимо при наведении на ячейку изменять ее содержимое. Дело в том, что изменить картинку на картинку несложно, также изменить стиль также вышло (шрифт, задний план, стиль самой ячейки). А вот как сделать, чтобы при наведении на ячейку отображался тот же текст, что и был, и плюс еще слева приставить какой-нибудь текст (звездочку, восклицательный знак) или картинку, чтобы было видно динамику наведения на ячеку.
Можно даже сделать так, что в обычном состоянии имелся "текст такой", а при наведении был " * текст другой".
Можно даже применительно к самой ссылке, не обязательно к ячейке через OnMouseOver и OnMouseOut. Спасибо
...
Рейтинг: 0 / 0
16.07.2009, 11:54
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36092967
Chaki_Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chaki_Black
Участник
Картинку забыл...
...
Рейтинг: 0 / 0
16.07.2009, 12:08
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36092981
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
использование innerHTML результатов не дает?

из картинки чего-то не понял: синенькую полосочку чтоль поставить надо?
...
Рейтинг: 0 / 0
16.07.2009, 12:14
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36092994
RAndrew
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RAndrew
Участник
innerHTML в opera и konqueror непредсказуемые.

Так пойдёт?
Код: plaintext
1.
2.
3.
4.
5.
6.
td.onmouseover = function(){
  td.textContent = "*" + td.textContent;
}
td.onmouseout = function(){
  td.textContent = td.textContent.substring( 1 );
}
-----------------
будте аккуратней с желаниями... иногда они сбываются.
...
Рейтинг: 0 / 0
16.07.2009, 12:18
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36093004
Chaki_Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chaki_Black
Участник
Да, слева полосочку добавить. Т.е. можно добавить к уже существующей записи, или заменить на такую же, только уже слева с этой полосочкой :)
...
Рейтинг: 0 / 0
16.07.2009, 12:20
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36093031
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Korcar
Участник
RAndrewinnerHTML в opera и konqueror непредсказуемые.



к опере юзал. проблем не было. на счет konqueror ничего сказать не могу.


По поводу полосы: какая верстка: табличная или дивная? если табличная, то можно столбец добавить и ячейку нужную закрашивать
...
Рейтинг: 0 / 0
16.07.2009, 12:28
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36093094
Chaki_Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chaki_Black
Участник
Korcar, табличная, можно просто может картинку поставить, квадратик черный. Вот как это сделать, чтобы в одном случае без картинки, а во втором с ней.

RAndrew, я не сильно понимаю как это записать. Прописать это все вверху?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
        <script type="text/javascript">
            function function_over()
        {
            td.textContent = "*" + td.textContent;
        }
        
        function function_out() {
            td.textContent = td.textContent.substring( 1 );
        }
</script>
а потом использовать в ячейке как-то так:
Код: plaintext
1.
<td  onmouseover = "function_over()" onmouseout = "function_out()" >
или нет... Сегодня первый раз пишу событие на JavaScript...
...
Рейтинг: 0 / 0
16.07.2009, 12:44
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36093157
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
И зачем тут js?
Код: plaintext
1.
2.
3.
a span {display:none}
a:hover span {display:inline}

<a href="#"><span>*</span> текст</a>
...
Рейтинг: 0 / 0
16.07.2009, 12:58
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36093182
RAndrew
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RAndrew
Участник
тогда вот так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<script type="text/javascript">
  function function_over(obj){
    obj.textContent = "*" + obj.textContent;
  }
  function function_out(obj) {
    obj.textContent = obj.textContent.substring( 1 );
  }
</script>
  .
  .
  .
<td  onmouseover = "function_over(this)" onmouseout = "function_out(this)" >
...
Рейтинг: 0 / 0
16.07.2009, 13:03
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36093367
Chaki_Black
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Chaki_Black
Участник
RAndrew, спасибо, с текстом сработало.
Еще мальникий вопрос: а если к содержимому добавлять и убирать картинку?
Если ответ есть, я буду очень признателен
...
Рейтинг: 0 / 0
16.07.2009, 13:45
| Ответить | Цитировать | Написать  
OnMouseOn изменение содержимого ячейки td (или ссылки)
    #36093996
RAndrew
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
RAndrew
Участник
Antonariy написал как стилями можно прятать и показывать при наведении мыши любой элемент.
Если через onmouseover/onmouseout, то все так же, если на чистом DOM'е, который все производители браузеров думают, что поддержиавют, то это будет выглядеть примерно так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<script type="text/javascript">
  function function_over(obj){
    var img = document.createElement("img");
    img.setAttribute("src", "picture_url");
    obj.insertBefore(img, obj.firstChild);
  }
  function function_out(obj) {
    obj.removeChild(obj.firstChild);
  }
</script>
  .
  .
  .
<td  onmouseover = "function_over(this)" onmouseout = "function_out(this)" >
Но стилями правильнее имхо будет.
...
Рейтинг: 0 / 0
16.07.2009, 16:52
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / OnMouseOn изменение содержимого ячейки td (или ссылки)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1454510]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 142ms
get topic data:
 9ms
get first new msg:
 6ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 2ms
others: 201ms
total:  438ms
созд. / загр.: 438ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]