Сообщения без ответов | Активные темы


Список форумов » Разговоры обо всем » Флейм

Часовой пояс: UTC + 3 часа




Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 26 • Страница 1 из 2 • 1  2  >
  Версия для печати (полностью) Пред. тема | След. тема 
В случае проблем с отображением форума, отключите блокировщик рекламы
Автор Сообщение
  DC

Заблокирован
Заблокирован
Статус: Не в сети
Регистрация: 18.04.2004
Откуда: Москва
http://www.computerbase.de/artikel/hard ... gts_250/5/

как делаются такие графики?) полпива отдам своего!)
Добавлено спустя 1 минуту
Fablemark - 1920x1200

_________________
Господа, я устал отвечать - если я что-то продаю, гарантии и манибэка нет. Только проверка.

Реклама

Партнер
  ромыч12358

Member
Статус: Не в сети
Регистрация: 11.06.2007
Откуда: оттуда
~DC~ а что в Exel т акие графики делать уже не тру?

_________________
это жжж не спроста.

  DC

Заблокирован
Заблокирован
Статус: Не в сети
Регистрация: 18.04.2004
Откуда: Москва
ты поводи по ним

_________________
Господа, я устал отвечать - если я что-то продаю, гарантии и манибэка нет. Только проверка.

  gamerka

Member
Статус: Не в сети
Регистрация: 17.09.2007
Откуда: Москва
ромыч12358 там ниже смотри
  Tod Schwarzkaiser

Member
Статус: Не в сети
Регистрация: 16.04.2004
Откуда: [MSK.RU]
И чего в них такого? Чёт не понял...
  DC

Заблокирован
Заблокирован
Статус: Не в сети
Регистрация: 18.04.2004
Откуда: Москва
дубль 2...

Fablemark - 1920x1200
ВОДИМ по названиям карт

_________________
Господа, я устал отвечать - если я что-то продаю, гарантии и манибэка нет. Только проверка.

  Tod Schwarzkaiser

Member
Статус: Не в сети
Регистрация: 16.04.2004
Откуда: [MSK.RU]
И-и-и?
  Крутилятор

Member
Статус: Не в сети
Регистрация: 16.11.2006
Откуда: Планета Земля
Хмм... прикольная возможность, присоединяюсь, как это делать?
  P.tec

Advanced member
Статус: Не в сети
Регистрация: 11.07.2007
Тоже интересно, как сделать такое.
хм, что-то странно, 9600GT смотрится лучше 9800GT.
  ДуччЧ

Member
Статус: Не в сети
Регистрация: 27.05.2007
яваскрипт и никакого мошенства
ну чем пользуются разработчики точно не скажу(может что самописное), но вот например библиотечка
Raphaël
http://raphaeljs.com/
и примерчик сделаный с её помощью
http://raphaeljs.com/analytics.html
  Tod Schwarzkaiser

Member
Статус: Не в сети
Регистрация: 16.04.2004
Откуда: [MSK.RU]
Сделайте кто-нибудь скрин, что там происходит, а?
  ДуччЧ

Member
Статус: Не в сети
Регистрация: 27.05.2007
Tod Schwarzkaiser яваскрипт включен? какой браузер?
  AnTiHacKeR100

Junior
Статус: Не в сети
Регистрация: 16.02.2009
Откуда: Узбекистан
excel и никакого мошинечества...

_________________
Если вам не интересно, то красный квадратик в правом верхнем углу вам поможет...

  Tod Schwarzkaiser

Member
Статус: Не в сети
Регистрация: 16.04.2004
Откуда: [MSK.RU]
А, всё, понял... Так там не нужны никакие библиотеки.
Достаточно правильно заюзать возможности DOM, т.к. там всё в виде таблицы сделано :)

Примерно так.
Допустим, у нас есть массив значений результатов тестов.
Мы прекрасно знаем, на что мы наводим курсор, т.е., наведя на название, мы фактически знаем, откуда брать значение. И берём его. Далее в цикле меняем значения всех ячеек, вот и всё.

Попробуй создать вот такой html-файл (сорри, времени было мало, поэтому не вылизывал ничего и проверял только в мозилке)
Код:
<HTML>
<HEAD>
<TITLE>TT</TITLE>
<STYLE>
TABLE.tbl{
-moz-border-radius:10px;
border: #000000 1px solid;
width: 800px;
background-color:#FFFFFF;
}

TABLE.tbl TR TD.htd{
border-right: 0px;
padding-left: 10px;
}

TABLE.tbl TR.hov:HOVER TD.htd{
text-decoration:underline;
}

TABLE.tbl TR.hov:HOVER{
background-color:#F0F0FF;
}

TABLE.dgr TR TD.fkg0{
-moz-border-radius:5px;
border: #FF0000 2px solid;
background-color:#000000;
color:#FF0000;
text-align:right;
padding-right: 10px;
}

TABLE.dgr TR TD.fkg1{
-moz-border-radius:5px;
border: #0000FF 2px solid;
background-color:#000000;
color:#0000FF;
text-align:right;
padding-right: 10px;
}

TABLE.dgr TR TD.fkg2{
-moz-border-radius:5px;
border: #00FF00 2px solid;
background-color:#000000;
color:#00FF00;
text-align:right;
padding-right: 10px;
}
</STYLE>
</HEAD>

<BODY BGCOLOR="#F0F0F0">

<SCRIPT LANGUAGE="JavaScript">
var vals=new Array();
var save=new Array();
vals[0]=9000;
vals[1]=1000;
vals[2]=666;
save[0]='over 9000';
save[1]='тысячи их';
save[2]='666!!!';

function changePc(index)
{
 for(i=0;i<=2;i++)
  {
   document.getElementById('fkgX'+i).firstChild.nodeValue=Math.round(100*vals[i]/vals[index])+'%';
  }
 return true;
}

function restore()
{
 for(i=0;i<=2;i++)
  {
   document.getElementById('fkgX'+i).firstChild.nodeValue=save[i];
  }
}

</SCRIPT>

<TABLE CLASS="tbl">
<TR><TD COLSPAN="2" VALIGN="TOP" ALIGN="CENTER" HEIGHT="40"><H5>It's fuckin' awesome!</H5></TD></TR>

<TR CLASS="hov" HEIGHT="20"><TD WIDTH="50%" CLASS="htd" ONMOUSEOVER="changePc(0);" ONMOUSEOUT="restore();">Sweeet!</TD>
<TD WIDTH="50%">
<TABLE CLASS="dgr">
<TR>
<TD CLASS="fkg0" WIDTH="500" ID="fkgX0">over 9000</TD>
<TD CLASS="rkg">&nbsp;</TD>
</TR>
</TABLE>
</TD></TR>

<TR CLASS="hov" HEIGHT="20"><TD WIDTH="50%" CLASS="htd" ONMOUSEOVER="changePc(1);" ONMOUSEOUT="restore();">Kewl!</TD>
<TD WIDTH="50%">
<TABLE CLASS="dgr">
<TR>
<TD CLASS="fkg1" WIDTH="100" ID="fkgX1">тысячи их</TD>
<TD CLASS="rkg">&nbsp;</TD>
</TR>
</TABLE>
</TD></TR>


<TR CLASS="hov" HEIGHT="20"><TD WIDTH="50%" CLASS="htd" ONMOUSEOVER="changePc(2);" ONMOUSEOUT="restore();">Hell good!</TD>
<TD WIDTH="50%">
<TABLE CLASS="dgr">
<TR>
<TD CLASS="fkg2" WIDTH="66" ID="fkgX2">666!!!</TD>
<TD CLASS="rkg">&nbsp;</TD>
</TR>
</TABLE>
</TD></TR>

</TABLE>

</BODY>
</HTML>


Последний раз редактировалось Tod Schwarzkaiser 15.03.2009 23:52, всего редактировалось 1 раз.

  DC

Заблокирован
Заблокирован
Статус: Не в сети
Регистрация: 18.04.2004
Откуда: Москва
не пашеть)

_________________
Господа, я устал отвечать - если я что-то продаю, гарантии и манибэка нет. Только проверка.

  ДуччЧ

Member
Статус: Не в сети
Регистрация: 27.05.2007
AnTiHacKeR100 писал(а):
excel и никакого мошинечества

excel умеет работать с DOM и js хм.. научите
  DC

Заблокирован
Заблокирован
Статус: Не в сети
Регистрация: 18.04.2004
Откуда: Москва
#77

_________________
Господа, я устал отвечать - если я что-то продаю, гарантии и манибэка нет. Только проверка.

  ДуччЧ

Member
Статус: Не в сети
Регистрация: 27.05.2007
Tod Schwarzkaiser писал(а):
А, всё, понял... Так там не нужны никакие библиотеки.

библиотеки я так понял для упрощения построения(не пользовался ими)... но вообще конечно можно и вручную но... легче наваять сервис для постоянного использования(типо расширить функционал и упростить работу)
зы.. пример в опере работает


Последний раз редактировалось ДуччЧ 15.03.2009 23:56, всего редактировалось 1 раз.

  mein

Advanced member
Статус: Не в сети
Регистрация: 09.03.2004
Откуда: Кишинёв
Графики, кроме центрального, это SVG - класная штука. Альтернатива всяким флэшам. Любители IE идут лесом - для них грузятся статические картинки :) .
  Tod Schwarzkaiser

Member
Статус: Не в сети
Регистрация: 16.04.2004
Откуда: [MSK.RU]
Во-первых, код немного подправил, во-вторых, попробуй у себя на машине с блокнотом...
Добавлено спустя 1 минуту, 55 секунд
ДуччЧ
Легче, конечно :) Но библиотеки часто начинаются с простого "пилота"...
Добавлено спустя 2 минуты, 14 секунд
~DC~
Убедись, что у тебя в проблемных местах нет лишних переводов строк и прочих спецсимволов...
Показать сообщения за:  Поле сортировки  
Начать новую тему Новая тема / Ответить на тему Ответить  Сообщений: 26 • Страница 1 из 2 • 1  2  >
-

Список форумов » Разговоры обо всем » Флейм

Часовой пояс: UTC + 3 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: coka, Gromwerg и гости: 16

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти:  
Создано на основе phpBB® Forum Software © phpBB Group
Русская поддержка phpBB | Kolobok smiles © Aiwan