Полезная информация

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.

№101-07-2005 18:53:40

qborrd
Участник
 
Группа: Members
Откуда: Saint-Petersburg
Зарегистрирован: 25-06-2005
Сообщений: 80
Веб-сайт

Css - элемент в focus

Есть xml документ, как пример - http://borr.nm.ru/pub.xml - тут у меня небольшой архивчик, но это совершенно не важно, для отображения использую следующую колнструкцию:

<list>
<file class="dir"><a href="/">...</a></file>
<file id="fileId"><a>$file-name</a><size>$size</size></file>
</list>

вот, задача такая - как сделать так, чтобы узел file был воспреимчев к событию focus - то есть можно было в него выделять, как например <a> с параметром href, нужно для того, чтобы при обращении по такой ссылке - http://borr.nm.ru/pub.xml#fileId - этот элемент подсвечивался, просто написать file:focus {border: thin dotted invert;} - не работает, элемент в фокус берется, то есть мозилла переходит к нему, а выделятся не хочет, что можно сделать?

css с описанием list и file находится тут - http://borr.nm.ru/pub.css

Отредактировано qborrd (01-07-2005 18:56:09)

Отсутствует

 

№201-07-2005 19:34:39

ragnaar
Administrator
 
Группа: Administrators
Зарегистрирован: 14-10-2004
Сообщений: 2567
Веб-сайт

Re: Css - элемент в focus

а попробовать file:hover{...} например?

Отсутствует

 

№302-07-2005 19:57:58

irrox
Участник
 
Группа: Members
Откуда: Новосибирск
Зарегистрирован: 27-12-2004
Сообщений: 14
Веб-сайт

Re: Css - элемент в focus

Где фишек понатырил, дай ссылки?

Отсутствует

 

№403-07-2005 20:32:01

qborrd
Участник
 
Группа: Members
Откуда: Saint-Petersburg
Зарегистрирован: 25-06-2005
Сообщений: 80
Веб-сайт

Re: Css - элемент в focus

ragnaar
file:hover - это событие, когда мышь над элементом, это не годится, я говорб про фокус подобный фокусу на button, например.
irrox
что за фишки?

Отсутствует

 

№503-07-2005 21:10:08

qborrd
Участник
 
Группа: Members
Откуда: Saint-Petersburg
Зарегистрирован: 25-06-2005
Сообщений: 80
Веб-сайт

Re: Css - элемент в focus

вот пример сделал - в нем два примера :)  - в первом - по ссылке должна в фокус браться кнопка, во втором - произвольный элемент - все хочу сделать с помощью Css, JavaScript не предлагать :)

Выделить код

Код:

<?xml version="1.0" encoding="koi8-r"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title />
<style type="text/css">
<![CDATA[
form {
	margin: 1em;
}
input[type="button"] {
	padding: 0.5em 1em;
	font-weight: bold;
	font-family: "Bitstream Vera Sans";
	border: medium solid gray;
	background-color: gainsboro;
}
input:focus {
	color: red;
}
#object:focus {
	color: red;
}
]]>
</style>
</head>
<body>
<div><a href="#button">focus the button</a></div>
<div>
<form id="form" method="post" action="">
<div>
<input id="button" type="button" value="button" />
</div>
</form>
</div>

<div><a href="#object">focus the object</a></div>
<div>
<element id="object">object</element>
</div>
</body>
</html>

но ничего из этого не работает, по ссылкам не переходит - если вручную, то все работает, произвольный элемент - нет :|

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]