Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Диаграмма
 
 автор: TanTaL91   (05.12.2008 в 10:19)   письмо автору
 
 

Кто может скинуть код диаграммы как у винды.

Ну вот свойство жесткого диска. Вот такой кружок хочу.

  Ответить  
 
 автор: sim5   (05.12.2008 в 10:37)   письмо автору
 
   для: TanTaL91   (05.12.2008 в 10:19)
 

В IE можно сделать это с помошью элемента управления Structured Graphics (CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6). В других браузерах он работать не будет, поэтому выход - использовать GD на стороне сервера.

  Ответить  
 
 автор: PAT   (05.12.2008 в 12:28)   письмо автору
 
   для: sim5   (05.12.2008 в 10:37)
 

Нарисовать, конечно, можно кроссбраузерно и с помощью Javascript'a.
Например, полностью свободный диск рисуется так:
<html>
<head>
<script>
onload = function ()
{
var point = document.createElement ('div');
with (point.style)
   {
   position = 'absolute'; overflow = 'hidden';
   backgroundColor = '#000000'; width = '1px'; height = '1px';
   }
var cX = '00010101111111111111111111111111111 1111111111111111111'.split ('');
var cY = '01111111111011010100100100100010000 1000000010000000000'.split ('');
var start = X = Y = 100;
for (var j = 0; j < cX.length; j++)
   {
   X += cX [j] * 1; Y -= cY [j] * 1; var t = point.cloneNode (0);
   with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
for (var j = cX.length - 1; j >= 0; j--)
   {
   X += cX [j] * 1; Y += cY [j] * 1; var t = point.cloneNode (0);
   with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
for (var j = 0; j < cX.length; j++)
   {
   X -= cX [j] * 1; Y += cY [j] * 1; var t = point.cloneNode (0);
   with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
for (var j = cX.length - 1; j >= 0; j--)
   {
   X -= cX [j] * 1; Y -= cY [j] * 1; var t = point.cloneNode (0);
   with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
for (var j = 1; j < 9; j++)
   {
   var t = point.cloneNode (0);
   with (t.style) {top = ++Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
for (var j = 0; j < cX.length; j++)
   {
   X += cX [j] * 1; Y += cY [j] * 1; var t = point.cloneNode (0);
   with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
for (var j = cX.length - 1; j >= 0; j--)
   {
   X += cX [j] * 1; Y -= cY [j] * 1; var t = point.cloneNode (0);
   with (t.style) {top = Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
for (var j = 1; j < 9; j++)
   {
   var t = point.cloneNode (0);
   with (t.style) {top = --Y + 'px'; left = X + 'px'} document.body.appendChild (t);
   }
X = Y = start;
for (var j = 1; j < 50; j++)
   {
   var t = point.cloneNode (0);
   with (t.style) {top = Y + 'px'; left = ++X + 'px'} document.body.appendChild (t);
   }
}
</script>
</head>
<body>
</body>
</html>
PS. Пробельные разрывы в строках var cX = и var cY =, которые сделал скрипт этого форума, следует удалить.

Только, действительно, зачем такие изыски?

  Ответить  
 
 автор: sim5   (05.12.2008 в 13:11)   письмо автору
 
   для: PAT   (05.12.2008 в 12:28)
 

>зачем такие изыски?

Вот именно :) Единственно, что, если требуется сразу по вводу данных клиента диаграмму составить, тогда да. А так, лучшее средство это GD.

  Ответить  
 
 автор: Lelik   (05.12.2008 в 12:44)   письмо автору
 
   для: TanTaL91   (05.12.2008 в 10:19)
 

тег <canvas> рисует кружочки, прямые, кривые
говорили тут

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования