ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / нарисовать фон для мнемосхемы
23 сообщений из 23, страница 1 из 1
нарисовать фон для мнемосхемы
    #38744824
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
есть некая мнемосхема с веб интерфейсом. если понятнее - несколько баков соединены трубками, над трубками подписаны числа, которые меняются. как это реализвать наиболее просто? понимаю, что можно подложить картинку, но вот как подставить свои данные в нужных местах - таблицу делать и туда выводить?
...
Рейтинг: 0 / 0
12.09.2014, 08:40
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38744839
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
des1roer , ты хоть картинку покажи...
...
Рейтинг: 0 / 0
12.09.2014, 09:20
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38744847
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
родительский div с фоном, а куда нужно выводить div'ы с position relative, absolute?
...
Рейтинг: 0 / 0
12.09.2014, 09:28
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38744885
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
[img=]
...
Рейтинг: 0 / 0
12.09.2014, 10:03
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38745123
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
des1roer , такой трубопровод сделать - заколебёшся...
...
Рейтинг: 0 / 0
12.09.2014, 14:05
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38745176
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
да че там делать то. Как я и гворил родительский див релатив с фоном трубопровода. Внутри куча дивов абсолют подвинутых куда надо. Вот графики это интересно как они делаться будут)
...
Рейтинг: 0 / 0
12.09.2014, 14:40
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38745863
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
как строить графики тут несколько топиков было, поищи, там хорошие решения были.
как выводить данные - используй websocket - в реальном времени - все просто и очень просто.
данные с датчика на сервере-с сервера - в браузер.
...
Рейтинг: 0 / 0
13.09.2014, 12:13
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790162
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
делаю так
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
#wrapper
    {
        position:relative; /*позиционирование,нужно будет для правильной работы дочерних div*/
                width:960px; /*ширина общего блока*/
        margin:0 auto;/*выравнивание по центру*/
    }
#img
    {
        position:absolute;
                top:40px;/*сама картинка будет на 5px; от верхнего края*/
                left:50px;/*сама картинка будет на 200px; от левого края*/
        width:954px;/*ширина картинки*/
        height:984px;/*высота картинки*/
        background-image:url(/images/balans.png);/*ссылка на картинку*/
    }
/*все значения (ширина, высота, положение) указывайте свои, здесь только для примера*/
#a
    {
        position:absolute;
		display:none;
				color: LimeGreen;
                top:120px;/*наше первое число от верхнего края на 250px;*/
                left:140px;/*наше первое число от левого края на 350px;*/
    }
/*все значения указывайте свои, здесь только для примера*/


все вроде хорошо. но можно как нибудь сделать чтобы картинка растягивалась в зависимости от окна и цифры тоже не убегали? наверн имеет смысл использовать таблицу?
...
Рейтинг: 0 / 0
29.10.2014, 08:58
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790372
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Имеет смысл использовать проценты как для размеров, так и для координат.
...
Рейтинг: 0 / 0
29.10.2014, 11:07
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790392
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
а побольше конкретики? а как схему отображать? так же релатив и размер в пикселах или процентах?
...
Рейтинг: 0 / 0
29.10.2014, 11:18
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790398
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Что не понятно? В процентах - ВСЁ.
...
Рейтинг: 0 / 0
29.10.2014, 11:21
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790500
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
отстой какой то. покажите пример
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
#img
    {
        position:absolute;
                top:40px;/*сама картинка будет на 5px; от верхнего края*/
                left:50px;/*сама картинка будет на 200px; от левого края*/
        width:100%;/*ширина картинки*/
        height:100%;/*высота картинки*/
        background-image:url(/images/balans.png);/*ссылка на картинку*/
    }


тупо замостил страницу
...
Рейтинг: 0 / 0
29.10.2014, 12:08
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790675
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Может еще и картинку нарисовать? Речь хотя бы все еще о той картинке, что приложена?

Давай полноценный html/css, который можно открыть в браузере, и описание того, как должно быть, тогда и будет решение. На одних стилях далеко не уедешь.
...
Рейтинг: 0 / 0
29.10.2014, 13:57
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790716
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
имею
...
Рейтинг: 0 / 0
29.10.2014, 14:16
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790721
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
#wrapper
    {
        position:relative; /*позиционирование,нужно будет для правильной работы дочерних div*/
                width:960px; /*ширина общего блока*/
        margin:0 auto;/*выравнивание по центру*/
    }
#img
    {
        position:absolute;
                top:40px;/*сама картинка будет на 5px; от верхнего края*/
                left:50px;/*сама картинка будет на 200px; от левого края*/
        width:954px;/*ширина картинки*/
        height:984px;/*высота картинки*/
        background-image:url(/images/balans.png);/*ссылка на картинку*/
    }
/*все значения (ширина, высота, положение) указывайте свои, здесь только для примера*/
#a
    {
        position:absolute;
		display:none;
				color: LimeGreen;
                top:120px;/*наше первое число от верхнего края на 250px;*/
                left:140px;/*наше первое число от левого края на 350px;*/
    }


ну вот так много раз
...
Рейтинг: 0 / 0
29.10.2014, 14:17
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790726
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
а хтмл зачем? в див вбиваю js
Код: javascript
1.
document.getElementById('k100_1').innerHTML = output3;


Код: html
1.
2.
3.
4.
	<div id="c">
					<!-- 120.400  ш.Магнетитовая count --> <!-- COMPLETE -->
					0
				</div>
...
Рейтинг: 0 / 0
29.10.2014, 14:19
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38790749
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
И что, содержимое output3 угадывать? Где #wrapper, #img, #a? Где стиль для #c?
...
Рейтинг: 0 / 0
29.10.2014, 14:37
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38791323
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
output3 число из базы просто.
Код: css
1.
2.
3.
4.
5.
6.
7.
#c
    {
        position:absolute;
		color: red;
                top:120px;/*наше первое число от верхнего края на 250px;*/
                left:400px;/*наше первое число от левого края на 400px;*/
    }
...
Рейтинг: 0 / 0
30.10.2014, 06:27
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38791337
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Ты так и не понял.

Без полноценной разметки все, что ты тут написал, - ни о чем.
...
Рейтинг: 0 / 0
30.10.2014, 07:23
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38792463
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
если абстрагироваться от конкретной задачи то как растягивать на ширину страницы рисунок и прявязать к его координате див с текстом?
...
Рейтинг: 0 / 0
31.10.2014, 05:56
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38792504
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
<!DOCTYPE html>

<html lang="en" xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style>
html, body, img {width:100%;height:100%;margin:0;padding:0}
img {position:absolute;z-index:1}
div {border:solid 2px red;width:12.5%;z-index:10;position:absolute}
#d1 {top:12.5%;left:12.5%}
#d2 {top:85%;left:72.5%}
</style>
</head>
<body>
<img src=" http://i.imgur.com/s3iNF2y.png" border="0" />
<div id="d1">Число 1</div>
<div id="d2"> </div>
</body>
</html>
...
Рейтинг: 0 / 0
31.10.2014, 07:54
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38795778
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
Antonariy то что нужно
...
Рейтинг: 0 / 0
05.11.2014, 09:19
| Ответить | Цитировать | Написать  
нарисовать фон для мнемосхемы
    #38796885
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
а еще вопрос. как узнать проценты? пробовол colorzila но это изврат какой то.
и еще - как сделать привязанной процентно область с графиком?
...
Рейтинг: 0 / 0
06.11.2014, 06:00
| Ответить | Цитировать | Написать  
23 сообщений из 23, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / нарисовать фон для мнемосхемы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=87&tid=1446567]:
 0ms
get settings:
 10ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 29ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 68ms
get tp. blocked users:
 1ms
others: 239ms
total:  381ms
созд. / загр.: 381ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]