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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> не работает - document.getElementByID(id).src 
:(
    Опции темы
4epT
Дата 22.11.2008, 20:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 3
Добрый вечер!

Пытаюсь сделать менб с помощью JavaSript ... вот код:
Код

<html>
    <head>
        <title>Index</title>
        <style type="text/css">
        td.paddingtext:hover
        {
            padding: 9px; /* Поля вокруг текста */
            padding-left: 25px; /* Поля вокруг текста */
            padding-right: 25px; /* Поля вокруг текста */
            background-image: url("img/main-buttonOver-tile.jpg");
        }
        td.paddingtext
        {
            padding: 9px; /* Поля вокруг текста */
            padding-left: 25px; /* Поля вокруг текста */
            padding-right: 25px; /* Поля вокруг текста */
            background-image: url("img/main-button-tile.jpg");
        }
        </style>
    </head>
    <body style="width:100%;height:100%;" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        <table style="width:100%;height:100%;" border="1" cellspacing="0" cellpadding="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
            <tr>
                <td valign="top" align="center">
                    <table cellspacing="0" cellpadding="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
                        <tr>
                            <td><img src="img/main-header.png" /></td>
                            <!--BUTTON 1 -->
                            <td onmouseover="check('1')" onmouseout="uncheck('1')"><img id="1left" src="img/main-button-left.jpg" /></td>
                            <td onmouseover="check('1')" onmouseout="uncheck('1')" class="paddingtext" marginheight="20" valign="bottom" style=" cursor:pointer; color:white;">
                                Текст 1
                            </td>
                            <td onmouseover="check('1')" onmouseout="uncheck('1')"><img id="1right" src="img/main-button-right.jpg" /></td>
                            <!--BUTTON 1 END-->
                            <!--BUTTON 2 -->
                            <td><img src="img/main-button-left.jpg" /></td>
                            <td class="paddingtext" marginheight="20" valign="bottom" style=" cursor:pointer; color:white;">
                                Текст 2
                            </td>
                            <td><img src="img/main-button-right.jpg" /></td>
                            <!--BUTTON 2 END-->
                            <!--BUTTON 3 -->
                            <td><img src="img/main-button-left.jpg" /></td>
                            <td class="paddingtext" marginheight="20" valign="bottom" style=" cursor:pointer; color:white;">
                                Текст 3
                            </td>
                            <td><img src="img/main-button-right.jpg" /></td>
                            <!--BUTTON 3 END-->
                            <!--BUTTON 4 -->
                            <td><img src="img/main-button-left.jpg" /></td>
                            <td class="paddingtext" marginheight="20" valign="bottom" style=" cursor:pointer; color:white;">
                                Текст 4
                            </td>
                            <td><img src="img/main-button-right.jpg" /></td>
                            <!--BUTTON 4 END-->
                            <td><img src="img/main-footer.png" /></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <script type="text/javascript" src="js/sc.js"></script>
    </body>
</html>


Код

function check(index)
{
    var indexl = index + "left";
    var indexr = index + "right";    
    document.getElementByID(indexl).src = "img/main-buttonOver-left.jpg";
    document.getElementByID(indexr).src = "img/main-buttonOver-right.jpg";
}

function uncheck(index)
{
    var indexl = index + "left";
    var indexr = index + "right";    
    document.getElementByID(indexl).src = "img/main-button-left.jpg";
    document.getElementByID(indexr).src = "img/main-button-right.jpg";
}


document.getElementByID(indexl).src = "img/main-buttonOver-left.jpg"; - не работает не в ИЕ не в Мозиле .... в чем может быть проблема ?
В ИЕ даже не работают стили - td.paddingtext:hover

Жду ответов )))
PM MAIL   Вверх
destrd
Дата 22.11.2008, 20:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: нет
Всего: 4
Цитата(4epT @  22.11.2008,  20:39 Найти цитируемый пост)
document.getElementByID(indexl).src

ЕМНИП, там надо value
--------------------
Some people, when confronted with a problem, think, "I known, I'll use regular expressions." Now they have two problems.        -- Jamie Zawinski in comp.lang.emacs
PM MAIL ICQ   Вверх
4epT
Дата 22.11.2008, 20:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 3
Цитата(destrd @ 22.11.2008,  20:42)
Цитата(4epT @  22.11.2008,  20:39 Найти цитируемый пост)
document.getElementByID(indexl).src

ЕМНИП, там надо value

не понял ... где value ? мне нужно при onmouseover сменить в 2-ух img src
PM MAIL   Вверх
destrd
Дата 22.11.2008, 20:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: нет
Всего: 4
Цитата(4epT @  22.11.2008,  20:49 Найти цитируемый пост)
 мне нужно при onmouseover сменить в 2-ух img src

Тогда попробуйте item.setAttribute(src, "myimg.jpg")
--------------------
Some people, when confronted with a problem, think, "I known, I'll use regular expressions." Now they have two problems.        -- Jamie Zawinski in comp.lang.emacs
PM MAIL ICQ   Вверх
bars80080
Дата 22.11.2008, 21:03 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
 smile ошибка синтаксиса, следим за регистром

не document.getElementByID
а document.getElementById

Цитата(4epT @  22.11.2008,  19:39 Найти цитируемый пост)
В ИЕ даже не работают стили - td.paddingtext:hover

тоже читаем документацию. в ИЕ6 :hover действет только для ссылок
PM MAIL WWW   Вверх
4epT
Дата 22.11.2008, 21:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 3
Цитата(bars80080 @ 22.11.2008,  21:03)
smile ошибка синтаксиса, следим за регистром

не document.getElementByID
а document.getElementById

Цитата(4epT @  22.11.2008,  19:39 Найти цитируемый пост)
В ИЕ даже не работают стили - td.paddingtext:hover

тоже читаем документацию. в ИЕ6 :hover действет только для ссылок

Получилось, спасибо! )
И еще один вопрос ... как можно применять вот это свойство - 
background-image: url("img/main-buttonOver-tile.jpg"); без применения CSS ... тоесть мне нужно мои стили заменять на кол JacaSript )
PM MAIL   Вверх
bars80080
Дата 23.11.2008, 02:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
можно, соответствующим способом:
Код

.style.backgroundImage = 'img/main-buttonOver-tile.jpg';
PM MAIL WWW   Вверх
4epT
Дата 24.11.2008, 02:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 3
Цитата(bars80080 @ 23.11.2008,  02:17)
можно, соответствующим способом:
Код

.style.backgroundImage = 'img/main-buttonOver-tile.jpg';

Не получается (
PM MAIL   Вверх
bars80080
Дата 24.11.2008, 10:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
ну, значит, надо было покопаться в документации

Код

<html>
<head>
<script>
function qw() {
    var el = document.body;
    el.style.backgroundImage = 'url(zzz.jpg)';
}
</script>
</head>
<body>
<input type="button" value="aga!" onclick="qw();" />
</body>
</html>
так работает
PM MAIL WWW   Вверх
4epT
Дата 24.11.2008, 13:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 3
Спасибо все получилось ))
Кто может подсказать почему в мозиле не работает такой код:
Код

...
<a href="index.html">
        <td>
                  Текст1
        </td>
</a>
...


Ссылка не работает ( в ИЕ все нормально ...
PM MAIL   Вверх
skyboy
Дата 24.11.2008, 14:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260
а ничего, что в tr могут находиться td/th/colgroup? что ж ты <a> туда вставляешь?
PM MAIL   Вверх
4epT
Дата 24.11.2008, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 3
Цитата(skyboy @ 24.11.2008,  14:05)
а ничего, что в tr могут находиться td/th/colgroup? что ж ты <a> туда вставляешь?

ну я хочу сделать весь <td> ссылкой ... в не только текст в нем ... как это можно сделать ? в ИЕ такой способ как я писал работает ...
PM MAIL   Вверх
bars80080
Дата 24.11.2008, 15:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
Цитата(4epT @  24.11.2008,  14:01 Найти цитируемый пост)
в ИЕ такой способ как я писал работает ... 

это баг. у каждого тэга есть перечень тех тэгов, которые могут в него входить, и тех в которые он может входить.

ссылку ты можешь сделать просто: <td onclick="">, либо <td><a href=""></a></td>

а для 
Цитата(4epT @  24.11.2008,  14:01 Найти цитируемый пост)
я хочу сделать весь <td> ссылкой 

достаточно назначить нужные стили: 
Код

a { display: block; width: 100%; /* или фиксированную*/ height: 100%; }
PM MAIL WWW   Вверх
4epT
Дата 24.11.2008, 15:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: 3
Спасибо, все работает ... сделал через onclick="".
Через стили немного не так ...
PM MAIL   Вверх
bars80080
Дата 24.11.2008, 16:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
через стили можно сделать, причём будет так как надо. плюс преимущество :hover будет действовать в ИЕ, и можно не беспокоиться, что javascript отключат
PM MAIL WWW   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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