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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> не знаю что делать, может кто-нибудь будет давать задания 
:(
    Опции темы
Opik
Дата 9.6.2005, 00:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Vingrad developer
Сообщений: 1918
Регистрация: 6.10.2004
Где: Рига

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



Sardar
А стандарты ругаться будут smile
тут юзать onmouseover нужно?))) Хотя ты говорил нет, по другому я не знаю.
PM MAIL Skype   Вверх
Sardar
Дата 9.6.2005, 00:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

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



Цитата(Opik @ 8.6.2005, 23:26)
А стандарты ругаться будут

Это ещё почему?
Цитата(Opik @ 8.6.2005, 23:26)
тут юзать onmouseover нужно?

Да, или есть ещё предложения? smile
В принципе если дико извратиться, то можно заюзать CSS, видел игрушку написанную полностью на стилях smile Правда в нашем случае по моему не прокатит, верстальщики-вирутозы могут проявить мастерство smile


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


Эксперт
***


Профиль
Группа: Vingrad developer
Сообщений: 1918
Регистрация: 6.10.2004
Где: Рига

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



Sardar
аля неизвестный параметр, проверено XHTML 1.0 Strict
PM MAIL Skype   Вверх
Sardar
Дата 9.6.2005, 01:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

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



Цитата(Opik @ 8.6.2005, 23:50)
аля неизвестный параметр, проверено XHTML 1.0 Strict

Я же сказал это временно! Поясняю ещё раз: смысл задания - генерация контента. А где вы будете брать инфу, это уже ваша фантазия. В любом случае после мы будем брать инфу из XML. Другими словами: забей на валидатор, на этой стадии мир не увидит твой код.


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


Эксперт
***


Профиль
Группа: Vingrad developer
Сообщений: 1918
Регистрация: 6.10.2004
Где: Рига

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



Sardar
onmouseover там на каждом линке сделать смогу... и будет тип-топ... или реально одним управится? а ля el.className el.tagName мож ещё что там есть? просто не знаю smile
PM MAIL Skype   Вверх
Opik
Дата 13.6.2005, 16:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Vingrad developer
Сообщений: 1918
Регистрация: 6.10.2004
Где: Рига

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



Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Untitled</title>
<style type="text/css">

.description {
  position: relative;
  width: 140px;
  height: 250px;
  background-color: #f0eff9;
  overflow: auto;
  border: 1px solid navy;
}

.container {
  position: relative;
  float: left; 
  overflow: auto;
  width: 200px;
  height: 250px;
  border: 1px solid navy;
  background-color: #f0eff9;
}

.container .content {
  display: block;
  clear: both;
  margin: 3px 10px 1px 10px;
  padding-left: 3px;
  text-decoration: none;
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  color: #323a0a;
}
.container .content:hover {
  margin-left: 8px;
  border-left: 2px solid #733109;
  color: #736509; 
}

.text {
  float: left;
  width: 60%;
  font-family: Verdana;
  font-size: 14px;
  color: #2b0a50;
}
</style>
<script>
  function showHelp(hint)
  {
      var el = document.getElementById("description");
      el.innerHTML = hint.title;
  }
  function c2()
  {
      var el = document.getElementById("description");
      el.innerHTML = '';
  }
</script>
</head>

<body>
<div class="text">
Вот пример скролируемого окошка. Содержимое для простоты будет в один ряд.
Внутрь такого окошка можно положить что угодно, в нашем случае это будут ссылки
с именами участников. Почему ссылки? Потому что не нужно париться с onmouseover
что бы сделать выделение при наводе мышкой, нам поможет псевдо класс
<b>hover</b> у ссылок.
</div>


<div class="container"> 
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();" href="http://vingrad.ru/@Opik" title="Профиль пользователя Opik">Opik</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@o.s.a" title="Профиль пользователя o.s.a">o.s.a</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Aliance" title="Профиль пользователя Aliance">Aliance</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@PHP-Script" title="Профиль пользователя PHP-Script">PHP-Script</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Akina" title="Профиль пользователя Akina">Akina</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Sardar" title="Профиль пользователя Sardar">Sardar</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Anton Saburov" title="Профиль пользователя Anton Saburov">Anton Saburov</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Wowa" title="Профиль пользователя Wowa">Wowa</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@sergej.z" title="Профиль пользователя sergej.z">sergej.z</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@oleg1973" title="Профиль пользователя oleg1973">oleg1973</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Cheba" title="Профиль пользователя Cheba">Cheba</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Caramel" title="Профиль пользователя Caramel">Caramel</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Red Dragon" title="Профиль пользователя Red Dragon">Red Dragon</a>
<a class="content" onmouseover="showHelp(this);" onmouseout="c2();"  href="http://vingrad.ru/@Good Boy" title="Профиль пользователя Good Boy">Good Boy</a>
</div>
<!-- help/description window -->
<div class="description" id="description"></div>
</body>
</html>


Это сообщение отредактировал(а) Opik - 13.6.2005, 22:14
PM MAIL Skype   Вверх
o.s.a.
Дата 13.6.2005, 16:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 5
Всего: 15



Opik я тоже до такого же додумался, только выкладывать почему-то не стал smile
А зачем
Код

function c2()



--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
Рыжий
Дата 13.6.2005, 17:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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



Цитата(o @ 13.6.2005, 15:57)
А зачем

После того как забираем мышку - слой очищается...
PM MAIL ICQ   Вверх
o.s.a.
Дата 13.6.2005, 17:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 5
Всего: 15



точно, что-то я впарился smile
а теперь что, Sardar?


--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
Рыжий
Дата 13.6.2005, 17:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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



У меня был такой вариант, послал сардару на PM но без функции onout()
Может не получил - молчит как партизан.
Кстати вот код:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Untitled</title>
<style type="text/css">
.description {
  position: relative;
  width: 140px;
  height: 250px;
  background-color: #f0eff9;
  overflow: auto;
  border: 1px solid navy;
}
.container {
  position: relative;
  float: left;
  overflow: auto;
  width: 200px;
  height: 250px;
  border: 1px solid navy;
  background-color: #f0eff9;
}
.container .content {
  display: block;
  clear: both;
  margin: 3px 10px 1px 10px;
  padding-left: 3px;
  text-decoration: none;
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  color: #323a0a;
}
.container .content:hover {
  margin-left: 8px;
  border-left: 2px solid #733109;
  color: #736509;

}
.text {
  float: left;
  width: 60%;
  font-family: Verdana;
  font-size: 14px;
  color: #2b0a50;
}
</style>
<script language="JavaScript">
<!--

function onarg(abd)
{
  var ass=document.getElementById("description");
  if (!document.getElementById("helps"))  var mess=document.createElement("<div id='helps'>");

  mess.innerHTML=abd.title;
  ass.appendChild(mess);

}
function onout()
{
     var ass=document.getElementById("description");
     ass.innerHTML = '';
}

// -->
</script>

</head>
<body>
<div class="text">
Вот пример скролируемого окошка. Содержимое для простоты будет в один ряд.
Внутрь такого окошка можно положить что угодно, в нашем случае это будут ссылки
с именами участников. Почему ссылки? Потому что не нужно париться с onmouseover
что бы сделать выделение при наводе мышкой, нам поможет псевдо класс
<b>hover</b> у ссылок.
</div>
<div class="container" id="container">
<a class="content" href="http://vingrad.ru/@Opik" onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Opik">Opik</a>
<a class="content" href="http://vingrad.ru/@o.s.a"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя o.s.a">o.s.a</a>
<a class="content" href="http://vingrad.ru/@Aliance"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Aliance">Aliance</a>
<a class="content" href="http://vingrad.ru/@PHP-Script"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя PHP-Script">PHP-Script</a>
<a class="content" href="http://vingrad.ru/@Akina"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Akina">Akina</a>
<a class="content" href="http://vingrad.ru/@Sardar"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Sardar">Sardar</a>
<a class="content" href="http://vingrad.ru/@Anton Saburov"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Anton Saburov">Anton Saburov</a>
<a class="content" href="http://vingrad.ru/@Wowa"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Wowa">Wowa</a>
<a class="content" href="http://vingrad.ru/@sergej.z"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя sergej.z">sergej.z</a>
<a class="content" href="http://vingrad.ru/@oleg1973"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя oleg1973">oleg1973</a>
<a class="content" href="http://vingrad.ru/@Cheba"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Cheba">Cheba</a>
<a class="content" href="http://vingrad.ru/@Caramel"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Caramel">Caramel</a>
<a class="content" href="http://vingrad.ru/@Red Dragon"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Red Dragon">Red Dragon</a>
<a class="content" href="http://vingrad.ru/@Good Boy"onmouseover="onarg(this);" onmouseout="onout();" title="Профиль пользователя Good Boy">Good Boy</a>

</div>
<!-- help/description window -->
<div id="description" class="description"></div>
</body>
</html>

PM MAIL ICQ   Вверх
Aliance
Дата 13.6.2005, 17:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


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

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



Цитата(PHP @ 13.6.2005, 18:40)
Может не получил - молчит как партизан.

Он зант, у него экзамены smile
Не нужно писать в личку, имхо. (пунк 14 правил форума...)
PM MAIL WWW ICQ Skype   Вверх
Рыжий
Дата 13.6.2005, 19:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Помешанный
***


Профиль
Группа: Завсегдатай
Сообщений: 1423
Регистрация: 19.9.2004

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



Цитата(Aliance @ 13.6.2005, 16:41)
Он зант, у него экзамены

ага! понятно, Ну желаю ему УДАЧИ!!!


Цитата(Aliance @ 13.6.2005, 16:41)
Не нужно писать в личку, имхо. (пунк 14 правил форума...)

Прочитал, обалдел, больше так не буду smile
PM MAIL ICQ   Вверх
o.s.a.
Дата 9.7.2005, 19:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 5
Всего: 15



Цитата
смысл задания - генерация контента.

Opik его уже написал.

Что дальше???


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


 




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


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

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