Наведение курсора на div

@Napster · Регистрация: 16.12.2008

Студворк — интернет-сервис помощи студентам

Подскажите, реально ли без флеша реализовать следующее:
при наведении мышкой на див и клике открывается новая страница?

Vovan-VE · 03.08.2012, 18:17

Сообщение от Napster

при наведении мышкой на див и клике

Где-то подвох. Почему не просто "при наведении"? Как можно кликнуть без наведения?

@Napster · 03.08.2012, 18:25 **[ТС]**

Ну, Вы поняли

Я неграмотно выразился.
При клике на конкретный див - конкретная страница открывается. Вот.

HTML5
1
<div onclick="window.location = 'адрес';">информация</div>

Сделал вот так, но смущает только то, что не меняется курсор при наведении...

Vovan-VE · 03.08.2012, 18:37

Сообщение от Napster

но смущает только то, что не меняется курсор при наведении...

CSS
1
cursor: pointer;

fanatdebian · 03.08.2012, 18:47

думаю автор топика хотел так?

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.test {
    width: 100px;
    height: 100px;
    background-color: gray;
    border: 1px solid black;
    color:  black;
    text-align: justify;
 
}
 
.test:hover {
    text-align: justify;
    width: 100px;
    height: 100px;
    background-color: whitesmoke;
    border: 1px solid black;
    color: black; 
    }
.test a{
    color: black;
    text-decoration: none;
 }
 .test a:hover{
    text-decoration: none;
 }

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="2.css" type="text/css" />
    </head>
<body>
<a href="" ><div class="test"></div></a>
    
 </body>

@Napster · 03.08.2012, 18:52 **[ТС]**

Vovan-VE, Спасибо! То, что доктор прописал!

Добавлено через 1 минуту
fanatdebian, не совсем то.
Мое:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#content {
 margin: 0px 320px 0px 320px;
outline:0px solid black;
height:180px;
 
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); 
    box-shadow: 0 0 5px rgba(0,0,0,0.5); 
    padding: 0px;
    
    border-radius:5px; 
 -webkit-border-radius:5px; 
 -moz-border-radius:5px; 
 -khtml-border-radius:5px;
}
 
 
#content:hover {
 margin: 0px 320px 0px 320px;
outline:0px solid black;
height:180px;
 background:#f0f0f0;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    padding: 0px;
    
    border-radius:5px; 
 -webkit-border-radius:5px; 
 -moz-border-radius:5px; 
 -khtml-border-radius:5px;
}

@EPMAK · 03.08.2012, 19:01

шутошный курсор:

CSS
1
 cursor: wait; /*пригодится )*/

@Napster · 04.08.2012, 10:33 **[ТС]**

Подскажите, как сделать лучше следующее:
Есть таблица, в которой идет строка с названием категории, потом строки с элементами этой категории, потом снова категория и т.д.
Надо сделать кнопочку на строке с названием, которая бы разворачивала или сворачивала категорию (некоторое кол-во строк, известное заранее), при этом кнопка менялась с "Свернуть" на "Развернуть"
Это ведь javascript делает, правильно?

@newJS · 04.08.2012, 10:43

Сообщение от Napster

Это ведь javascript делает, правильно?

Угу, он самый.
Покажи html, как оно в реале выглядит.

@Napster · 04.08.2012, 13:25 **[ТС]**

newJS,

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<table style="width:850px; margin:25px; ">
            
<!-- Заголовок всей таблицы, ничего с ним делать не надо -->
            <tr>
                <td width="10%" style="background-color:#d52a2a;color:#ffffff;">1</td>
                <td style="background-color:#d52a2a;color:#ffffff">2</td>
                <td style="background-color:#d52a2a;color:#ffffff">3 </td>
                <td style="background-color:#d52a2a;color:#ffffff"> 4 </td>
                <td style="background-color:#d52a2a;color:#ffffff">5</td>
                <td style="background-color:#d52a2a; color:#ffffff">6</td>
            </tr>
<!-- Вот строка-категория, нужно, чтобы при нажатии на какой-нибудь текст/картинку внутри нее закрывалась категория -->
            <tr>
                <td width="100%" colspan="6"
                 style="background-color:#dcdcdc;color: #000000; padding: 6px 8px;">Category1</td>
            </tr>
            <!--Строки категории-->
             <tr>
                <td width="60%">Col1</td>
                <td>Col2</td>
                <td>Col3</td>
                <td>Col4</td>
                <td>Col5</td>
                <td>Col6</td>
            </tr>
             <tr>
                <td width="60%">Col1</td>
                <td>Col2</td>
                <td>Col3</td>
                <td>Col4</td>
                <td>Col5</td>
                <td>Col6</td>
            </tr>
            
            
            <!-- Вот следующая строка-категория  -->
            <tr>
                <td width="100%" colspan="6"
                 style="background-color:#dcdcdc;color: #000000; padding: 6px 8px;">Category2</td>
            </tr>
            <tr>
                <td width="60%">Col1</td>
                <td>Col2</td>
                <td>Col3</td>
                <td>Col4</td>
                <td>Col5</td>
                <td>Col6</td>
            </tr>
            
        </table>

Добавлено через 1 час 22 минуты
И еще одно:
есть меню горизонтальное (с помощью css оформление)
Как сделать, чтобы при нахождении на определенной странице подсвечивалась определенная кнопка этого меню? (именно нахождении, а не наведении). Пробовал играть с :active, но не получилось...

@Taatshi · 04.08.2012, 19:42

делайте не на таблице, а на списке - и никакой скрипт не нужен, одни css стили.

@Napster · 04.08.2012, 21:44 **[ТС]**

Taatshi, уже сделал с js, но все равно спасибо за указание

по поводу меню нету идей? Нужно, что при нахождении на странице менялся стиль ссылки в меню

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@Napster 43 / 11 / 3 Регистрация: 16.12.2008 Сообщений: 107

	Наведение курсора на div 03.08.2012, 18:16. Показов 6773. Ответов 11 Метки нет (Все метки) Подскажите, реально ли без флеша реализовать следующее: при наведении мышкой на див и клике открывается новая страница? 0

@Napster 43 / 11 / 3 Регистрация: 16.12.2008 Сообщений: 107
	04.08.2012, 10:33 [ТС]
	Подскажите, как сделать лучше следующее: Есть таблица, в которой идет строка с названием категории, потом строки с элементами этой категории, потом снова категория и т.д. Надо сделать кнопочку на строке с названием, которая бы разворачивала или сворачивала категорию (некоторое кол-во строк, известное заранее), при этом кнопка менялась с "Свернуть" на "Развернуть" Это ведь javascript делает, правильно? 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	04.08.2012, 19:42
	делайте не на таблице, а на списке - и никакой скрипт не нужен, одни css стили. 0

@Napster 43 / 11 / 3 Регистрация: 16.12.2008 Сообщений: 107
	04.08.2012, 21:44 [ТС]
	Taatshi, уже сделал с js, но все равно спасибо за указание по поводу меню нету идей? Нужно, что при нахождении на странице менялся стиль ссылки в меню 0