Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / отображение разных картинок / 25 сообщений из 25, страница 1 из 1
24.11.2014, 08:52
    #38814740
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
В общем - мысль следующая. Необходимов зависимости что получаем из базы аяксом (1,0) отображать что некий элемент красный\зеленый. Прелесть в том что это не банальная кнопка, а некий рисунок. Как быть ? Показывать то одну картинку то другую? или все же заливку какую мона сделать хитрую?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 09:21
    #38814755
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
css спрайты
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 09:44
    #38814768
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
млин в чем косяк
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<div id = 'first_img_place' align="center"></div></td>
</body>
</html>
	<script type="text/javascript">
	/////////
	var img = new Image();
	img.src = "/DOF/img/block_1_37_42.png";
	img.width = 100;
	img.height = 100;
	img.name = "spant";
img.onload = function() {
   document.getElementById('#first_img_place').appendChild(img);
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 09:54
    #38814786
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roerмлин в чем косяк
Так в консоль его пишет
авторCannot convert 'document.getElementById('#first_img_place')' to object
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 09:56
    #38814793
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
Работающий вариант...

Код: html
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.
26.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body> 
<div id = 'first_img_place' align="center"></div>
<script type='text/javascript'>
var img = new Image();
img.onload = function() {
	document.getElementById('first_img_place').appendChild(img);
}
img.src = 'http://cdn.sql.ru/css/images/logo.gif';
img.style.width = '100px';
img.style.height = '100px';
img.name = "spant";
</script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 10:37
    #38814850
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
понял #first_img_place
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 12:36
    #38815034
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
а как правильно в несколько мест вставлять одно и тоже изображение?
так муть

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
    var img = new Image();
            img.src = "/DOF/img/ellips2.png";
            img.width = 25;
            img.height = 25;
            img.name = "spant";
        img.onload = function() {
           document.getElementById('img1').appendChild(img);
           
        
        }
                var img2 = new Image();
            img2.src = "/DOF/img/ellips2.png";
            img2.width = 35;
            img2.height = 35;
            img2.name = "spant";
        img2.onload = function() {
           document.getElementById('img2').appendChild(img2);
        
        }


а так не работает
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
        var img = new Image();
            img.src = "/DOF/img/ellips.png";
            img.width = 25;
            img.height = 25;
            img.name = "spant";
        img.onload = function() {
           document.getElementById('img1').appendChild(img);
            document.getElementById('img2').appendChild(img);
        
        }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 13:30
    #38815099
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roerа как правильно в несколько мест вставлять одно и тоже изображение?
Один и тот же элемент неможет быть в разных местах ДОМа... Но есть альтернатива - клон!.

Код: html
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.
26.
27.
28.
29.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body> 
<div id = 'd1' align="center"></div>
<div id = 'd2' align="center"></div>
<script type='text/javascript'>
var img = new Image();
img.onload = function() {
	var o=img.cloneNode();
	document.getElementById('d1').appendChild(img);
	document.getElementById('d2').appendChild(o);
}
img.src = 'http://cdn.sql.ru/css/images/logo.gif';
img.style.width = '100px';
img.style.height = '100px';
img.name = "spant";
</script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 13:46
    #38815110
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
как записать в одну строчку?

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
            if (output2 == 1){
                    var img = new Image();
            img.src = "/DOF/img/ellipsRed.png";
           document.getElementById('img1').appendChild(img);}
            else 
            {
                        var img = new Image();
            img.src = "/DOF/img/ellipsRed.png";
           document.getElementById('img1').appendChild(img);
           }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 13:57
    #38815118
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roerкак записать в одну строчку?

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
            if (output2 == 1){
                    var img = new Image();
            img.src = "/DOF/img/ellipsRed.png";
           document.getElementById('img1').appendChild(img);}
            else 
            {
                        var img = new Image();
            img.src = "/DOF/img/ellipsRed.png";
           document.getElementById('img1').appendChild(img);
           }


А в чем там разница?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 13:59
    #38815120
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
а ну копирнул не оч.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
         if (output2 == 1){
                    var img = new Image();
            img.src = "/DOF/img/ellips.png";
           document.getElementById('img1').appendChild(img);}
            else 
            {
                        var img = new Image();
            img.src = "/DOF/img/ellipsRed.png";
           document.getElementById('img1').appendChild(img);
           }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 14:00
    #38815122
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
что то на подобие этого хочу
Код: javascript
1.
document.getElementById('test').style.backgroundColor=(timer==1)? 'green': 'red';
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 14:03
    #38815126
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roer , как вариант...

Код: javascript
1.
2.
3.
var img = new Image();
img.src = "/DOF/img/ellips"+(output2 != 1)? 'Red': ''+".png";
document.getElementById('img1').appendChild(img);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 14:11
    #38815133
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
вот так правильно
Код: javascript
1.
2.
3.
				var img = new Image();
				img.src = (output2 != 1)? '/DOF/img/ellipsRed.png': "/DOF/img/ellips2.png";
				document.getElementById('img1').appendChild(img);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 14:17
    #38815140
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
как то это можно оптимизировать или я обречен7
Код: javascript
1.
2.
3.
4.
5.
6.
7.
				var img = new Image();
				img.src = (output2 != 1)? '/DOF/img/ellipsRed.png': "/DOF/img/ellips2.png";
				document.getElementById('img1').appendChild(img);
				
		 		var img2 = new Image();
				img2.src = (output3 != 1)? '/DOF/img/ellipsRed.png': "/DOF/img/ellips2.png";
				document.getElementById('img2').appendChild(img2);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 14:31
    #38815150
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
черт а как сделать чтобы он не рядом рисовал а в тот же элемент? его как то обнулять нужно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 14:48
    #38815179
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
вообще неправильно делал что ле
Код: html
1.
<img src="" name="myImage" >


Код: javascript
1.
				document.myImage.src = (output2 != 1)? "/DOF/img/ellipsRed.png" :  "/DOF/img/ellips2.png"; ;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 15:04
    #38815202
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roerкак то это можно оптимизировать или я обречен7
Код: javascript
1.
2.
3.
4.
5.
6.
7.
				var img = new Image();
				img.src = (output2 != 1)? '/DOF/img/ellipsRed.png': "/DOF/img/ellips2.png";
				document.getElementById('img1').appendChild(img);
				
		 		var img2 = new Image();
				img2.src = (output3 != 1)? '/DOF/img/ellipsRed.png': "/DOF/img/ellips2.png";
				document.getElementById('img2').appendChild(img2);


В JS есть функции...

Код: javascript
1.
2.
3.
4.
5.
6.
7.
addImg('img1',output2);
addImg('img2',output3);
function addImg(Id,Type) {
	var img = new Image();
	img.src = (Type != 1)? '/DOF/img/ellipsRed.png': "/DOF/img/ellips2.png";
	document.getElementById(Id).appendChild(img);
};
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 15:05
    #38815205
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roerчерт а как сделать чтобы он не рядом рисовал а в тот же элемент? его как то обнулять нужно?
Есть такой метод!
http://www.fpublisher.ru/documentation/dhtml_doc/dhtml03.docs#hremovechild
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2014, 15:07
    #38815208
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roerвообще неправильно делал что ле
Код: html
1.
<img src="" name="myImage" >


Код: javascript
1.
				document.myImage.src = (output2 != 1)? "/DOF/img/ellipsRed.png" :  "/DOF/img/ellips2.png"; ;


Лучше так

Код: html
1.
<img src="" name="myImage" />


Код: javascript
1.
document.getElementById('myImage').src = (output2 != 1)? "/DOF/img/ellipsRed.png" :  "/DOF/img/ellips2.png";
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2014, 09:57
    #38816980
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
а вот аткой организационный вопрос - от кучи дивов никуда не деться?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<div id = 'img111' align="center">
<img src="/DOF/img/ellips_start.png" name="img111" >
</div>
<div id = 'img22' align="center">
<img src="/DOF/img/ellips_start.png" name="img22" >
</div>
<div id = 'img33' align="center">
<img src="/DOF/img/ellips_start.png" name="img33" >
</div>
<div id = 'img44' align="center">
<img src="/DOF/img/ellips_start.png" name="img44" >
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2014, 13:15
    #38817254
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roerот кучи дивов никуда не деться?
Это все зависит от того, что именно будет отображаться на странице... Я ведь понятия не имею, что у тебя там и как...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2014, 14:06
    #38817345
-k2-
-k2-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roer,

может посмотреть в сторону тегов <map><area> ?
или хотя бы вместо img картинку положить бэкграундом в класс
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2014, 14:10
    #38817353
-k2-
-k2-
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
des1roer,

здесь можно попробовать http://ru.crazysquirrel.ru
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.11.2014, 14:47
    #38817424
des1roer
des1roer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
отображение разных картинок
крутой сайт)))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / отображение разных картинок / 25 сообщений из 25, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 551ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446493]:
 0ms
get settings:
 10ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 194ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 268ms
total:  551ms
x
x
Закрыть


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