Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Изменение рамки ячейки при наведении курсора

Автор: Pakshin A. S. 20.6.2005, 20:10

САБЖ.

Есть код

Код


<script language="JavaScript">
<!--
function mClk(src)
{if(event.srcElement.tagName=='TD')
{src.children.tags('a')[0].click();}}function mOvrTop(src,clrOver)
{if(!src.contains(event.fromElement))
{src.style.cursor='hand';src.bgColor=clrOver;}}function mOvrTop(src,clrOver)
{if(!src.contains(event.fromElement))
{src.style.cursor='hand';src.bgColor=clrOver;}}function mOutTop(src,clrIn)
{if(!src.contains(event.toElement))
{src.style.cursor='default';src.bgColor=clrIn;}}
// --> </script>


...
<td onclick="mClk(this);" onmouseout="mOutTop(this,'#FFFFFF');" onmouseover="mOvrTop(this,'#D0EDFD');" bgcolor="#FFFFFF">

Вроде что-то около того, но из-за отсутсвии java на компе я соответственно не могу посмотреть, что делает этот код...

Мне сказали, что он меняет фон ячейки, но мне нужно, чтобы менялся окрас границ этой самой ячейки (с белого на красный)

Я бы и сам сделал, если бы знал что к чему конкретно... smile

smile

Автор: Pakshin A. S. 20.6.2005, 21:07

Так... вот до чего сам дошел...

Код


<script language="JavaScript">
<!--
function mClk(src)
 {if(event.srcElement.tagName=='TD')
 {src.children.tags("a")[0].click();}}
function mOvrTop(src)
 {if(!src.contains(event.fromElement))
 {src.style.cursor='hand';src.style.border="2px solid rgb(255,0,0)";}}
function mOutTop(src)
 {if(!src.contains(event.toElement))
 {src.style.cursor='default';src.style.border="2px solid rgb(255,255,255)";}}
// -->
</script>

Код


<td width="230px" background="images/menuitem1.gif" class="menut" onclick="mClk(this);" onmouseout="mOutTop(this);" onmouseover="mOvrTop(this);">

Но тут проблема есть...
1) mClk() не верно работает, а точнее происходит ошибка в IE (в Opera5 работает...)
2) И как я понимаю, надо устанавливать начальные значения рамки, а то она просто отсутствыет... Т. е. что-то надо сделать при загрузки странички...

smile

smile

Добавлено @ 21:12
Впринцепе второй пункт можно избежать, если менять в функциях только цвет текущей рамки ячейки, которая по-умолчанию берется из класса.... но вот как... smile

smile

Автор: sergejzr 20.6.2005, 22:23

Такое надо в раздел помощи писать smile

smile

))
Правда не знаю, будет ли теперь с Оперой 5 работать, так как понятия не имею, держит ли она вообще стандарты.
[doHTML_g]
<iframe src="http://files.vingrad.ru/sergej.z/js/examples/pakshin/"></iframe>
[/doHTML_g]

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<body>
<script language="JavaScript">
<!--
var ie=(((document.all)&&(!document.getSelection)));
function getFirstChild(src)
{
  children=src.childNodes;
  for(var i=0;i<children.length; i++)
     if((tag=children[i].tagName)&&tag.toLowerCase()=='a')
       return children[i];
  return null;
}
function mClk(src, evt)
{
 if(!ie) 
                 event=evt;
                 
 if(src.tagName=='TD')
 {
   if((href=getFirstChild(src))!=null) window.open(href.href);
 }
}

function mOvrTop(src,evt,clrOver)
{
   if(!ie) 
    event=evt;
   src.style.cursor='hand';src.bgColor=clrOver;
}
function mOvrTop(src,evt,clrOver)
{
   if(!ie) 
    event=evt;
   src.style.cursor='hand';src.bgColor=clrOver;
}

function mOutTop(src,evt,clrIn)
{
   if(!ie) 
    event=evt;
   src.style.cursor='default';src.bgColor=clrIn;
}
// --> </script>
<table><tr>
<td onclick="mClk(this, event);" onmouseout="mOutTop(this,event,'#FFFFFF');" onmouseover="mOvrTop(this, event, '#D0EDFD');" bgcolor="#FFFFFF">
<a href="http://www.vingrad.ru">Vingrad</a> Форум программистов</td></tr>
</table>

</body>
</html>

Автор: Pakshin A. S. 20.6.2005, 22:59

Что-то клик не на тексте не хочет работать smile

smile

Автор: sergejzr 20.6.2005, 23:11

В каком браузере?
У меня в окошке выше на всём пашет.

Автор: Pakshin A. S. 20.6.2005, 23:26

Короче сделал так: вроде работает

Код


<script language="JavaScript">
<!--
function mClk(src, href)
{
 if(src.tagName=='TD')
  window.open(href);
}
function mOvrTop(src)
{
   src.className='menu2';
   src.style.cursor='hand';
}

function mOutTop(src)
{
   src.className='menu1';
   src.style.cursor='default';
}
// --> </script>

Код


<td width="230px" background="images/menuitem1.gif" class="menu1" onclick="mClk(this, 'usl.html');" onmouseout="mOutTop(this);" onmouseover="mOvrTop(this);">
Услуги
</td>

Но страничка отображается в другом окне smile

smile

Это ошибка браузера или что?

Автор: Pakshin A. S. 20.6.2005, 23:55

Так... проблему решил...
Спасибо за внимание...
Вот, что в итоге получилось: http://pakshin.com.ru/ps

Автор: sergejzr 21.6.2005, 00:03

В мозилле не работает

Добавлено @ 00:12
Юзай

Код


location.href="твоя_ссылка"

Автор: Pakshin A. S. 21.6.2005, 08:41

Спасибо... Тогда все должно работать и везде?

Автор: sergejzr 21.6.2005, 11:48

Pakshin A. S., у программиста под веб должны стоять:

IE 5
IE 6
Mozilla (последняя)
Опера (7,8 и меньше, что найдёшь)

Сайт должен корректно работать на всех. В очень крайних случаях в 0.1% можно отказаться от IE 5. Опера меньше 6 в принципе желательно рассматривать, но не обязательно.

Вот поставь себе и проверяй smile

smile

Я же не буду этого делать после каждой строчке кода, которую ты изменяешь smile

smile

Автор: Pakshin A. S. 21.6.2005, 12:07

Я спросил чисто теоритически... А у меня денег нету на то, чтобы купить последние версии браузеров....

Автор: sergejzr 21.6.2005, 12:12

Мозилла и Опера - бесплатны. IE и так стоит думаю 6.

Автор: Zaman 21.6.2005, 12:31

Цитата(Pakshin @ 20.6.2005, 23:26)

Но страничка отображается в другом окне
Это ошибка браузера или что?

Нет, window.open(href) - открыть в новом окне, чтобы открылось в том же надо window.location=href;

Автор: Sardar 22.6.2005, 00:40

Цитата(Pakshin @ 20.6.2005, 19:10)

но из-за отсутсвии java на компе я соответственно не могу посмотреть, что делает этот код...

Aliance бы предупреждение выставил за такое smile

smile

Раз и навсегда - Java и JavaScript отличаються друг от друга как мухи и котлеты smile

smile

Цитата(Zaman @ 21.6.2005, 11:31)

Нет, window.open(href) - открыть в новом окне, чтобы открылось в том же надо window.location=href;

Если window.open(href, "_self"); то должно открыть в текущем окне.

Переношу в раздел для начинающих.

Автор: Aliance 24.6.2005, 12:26

smile

smile

smile

ж))) Угу, хотел напомнить. Но ты это за меня сделал :р

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)