Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Изменение рамки ячейки при наведении курсора 
:(
    Опции темы
Pakshin A. S.
Дата 20.6.2005, 20:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 5056
Регистрация: 16.2.2003

Репутация: нет
Всего: 61



САБЖ.

Есть код
Код

<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
PM   Вверх
Pakshin A. S.
Дата 20.6.2005, 21:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 5056
Регистрация: 16.2.2003

Репутация: нет
Всего: 61



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

Код

<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
Добавлено @ 21:12
Впринцепе второй пункт можно избежать, если менять в функциях только цвет текущей рамки ячейки, которая по-умолчанию берется из класса.... но вот как... smile
PM   Вверх
sergejzr
Дата 20.6.2005, 22:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360



 Такое надо в раздел помощи писать 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>
 


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Pakshin A. S.
Дата 20.6.2005, 22:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 5056
Регистрация: 16.2.2003

Репутация: нет
Всего: 61



Что-то клик не на тексте не хочет работать smile
PM   Вверх
sergejzr
Дата 20.6.2005, 23:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360



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


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Pakshin A. S.
Дата 20.6.2005, 23:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 5056
Регистрация: 16.2.2003

Репутация: нет
Всего: 61



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

Код

<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
Это ошибка браузера или что?
PM   Вверх
Pakshin A. S.
Дата 20.6.2005, 23:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 5056
Регистрация: 16.2.2003

Репутация: нет
Всего: 61



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

Это сообщение отредактировал(а) Pakshin A. S. - 20.6.2005, 23:56
PM   Вверх
sergejzr
Дата 21.6.2005, 00:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360



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

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

Код

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



--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Pakshin A. S.
Дата 21.6.2005, 08:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 5056
Регистрация: 16.2.2003

Репутация: нет
Всего: 61



Спасибо... Тогда все должно работать и везде?
PM   Вверх
sergejzr
Дата 21.6.2005, 11:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360



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

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

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

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


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Pakshin A. S.
Дата 21.6.2005, 12:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 5056
Регистрация: 16.2.2003

Репутация: нет
Всего: 61



Я спросил чисто теоритически... А у меня денег нету на то, чтобы купить последние версии браузеров....
PM   Вверх
sergejzr
Дата 21.6.2005, 12:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360



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


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Zaman
Дата 21.6.2005, 12:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 219
Регистрация: 28.6.2004

Репутация: 1
Всего: 2



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

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


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

PM MAIL   Вверх
Sardar
Дата 22.6.2005, 00:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Цитата(Pakshin @ 20.6.2005, 19:10)
но из-за отсутсвии java на компе я соответственно не могу посмотреть, что делает этот код...

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

Цитата(Zaman @ 21.6.2005, 11:31)
Нет, window.open(href) - открыть в новом окне, чтобы открылось в том же надо window.location=href;

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

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


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Aliance
Дата 24.6.2005, 12:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



smile smile smile
ж))) Угу, хотел напомнить. Но ты это за меня сделал :р
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0594 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.