Стили в форме @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 5 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
hagel
новый человек
0
Сообщения: 4
Зарегистрирован: 12.01.05
Заголовок сообщения: Стили в форме
Сообщение Добавлено: 12 Январь 2005, 21:15:21 
Как распространить стили на всю страницу всключая формы? Или если быть точным, как реализовать в поле формы замену цвета текста при наведении курсора. Как я не пытался реализовать данный элемент, получалось только методом ФронтПэйджа, но создавался громадный html код, который спокойно заменяется одной строкой. В поле формы вставлены поля авторизации и информация для уже авторизированного пользователя. Подскажите.
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 13 Январь 2005, 07:40:13 
Например:

Код:
onmouseover="javascript:this.className='class1'" onmouseout="javascript:this.className='class2'"

_________________
Frontend developer: IonDen.com
Акела в натуре
Элитарная оппозиция.
6
Сообщения: 1834
Зарегистрирован: 28.12.04
Сообщение Добавлено: 13 Январь 2005, 20:11:30 
hagel,
Цитата:
...получалось только методом ФронтПэйджа

- а подробнее можно с ним ознакомится?
hagel
новый человек
0
Сообщения: 4
Зарегистрирован: 12.01.05
Сообщение Добавлено: 14 Январь 2005, 08:06:08 
Акела в натуре


Цитата:
<script language="JavaScript">
<!--
function FP_changePropRestore() {//v1.0
var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) { x=d.$cpe[i];
if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; }
}

function FP_changeProp() {//v1.0
var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x;
d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o";
ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) {
s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array();
x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x;
if(s) eval(s+"=v"); }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>

<body>

<p><a target="_blank" href="rambler.ru">
<span style="text-decoration: none" id="id1" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id1',1,'style.color','#FF0000')">
пример</span></a></p>

</body>


Как видно скрипт не очень оптимизирован, учитывая то, что этот же скрипт можно заменить скриптом:

Цитата:
<html>

<head>
<title>test</title>
<style type="text/css">
<!--
A, A:VISITED { color: #36394C; text-decoration: underline; }
A:HOVER { color: #FF0000; }
-->
</style>
</head>

<body>

<p><span lang="ru"><a target="_blank" href="rambler.ru">
<span style="text-decoration: none">пример</span></a></span></p>

</body>

</html>



Как видно оптимизация на лицо. Так вот вопрос, как последний скрипт запихнуть в поле формы?
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Заголовок сообщения: Re: Стили в форме
Сообщение Добавлено: 14 Январь 2005, 12:59:07 

hagel писал(а):
если быть точным, как реализовать
в поле формы замену цвета текста при наведении
курсора.



Код:
<form>
<input type="text" onmouseover="changecolor(color)">
</form>

<script language="javascript" type="text/javascript">
function changecolor(color)
{
window.event.srcElement.style.background=color
}
</script>
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 5 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100