ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / отображение разных картинок
25 сообщений из 25, страница 1 из 1
отображение разных картинок
    #38814740
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
В общем - мысль следующая. Необходимов зависимости что получаем из базы аяксом (1,0) отображать что некий элемент красный\зеленый. Прелесть в том что это не банальная кнопка, а некий рисунок. Как быть ? Показывать то одну картинку то другую? или все же заливку какую мона сделать хитрую?
...
Рейтинг: 0 / 0
24.11.2014, 08:52
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38814755
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
css спрайты
...
Рейтинг: 0 / 0
24.11.2014, 09:21
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:44
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38814786
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
des1roerмлин в чем косяк
Так в консоль его пишет
авторCannot convert 'document.getElementById('#first_img_place')' to object
...
Рейтинг: 0 / 0
24.11.2014, 09:54
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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, 09:56
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38814850
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
понял #first_img_place
...
Рейтинг: 0 / 0
24.11.2014, 10:37
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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, 12:36
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:30
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:46
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:57
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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, 13:59
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38815122
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
что то на подобие этого хочу
Код: javascript
1.
document.getElementById('test').style.backgroundColor=(timer==1)? 'green': 'red';
...
Рейтинг: 0 / 0
24.11.2014, 14:00
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:03
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:11
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:17
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38815150
Фотография des1roer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
des1roer
Участник
черт а как сделать чтобы он не рядом рисовал а в тот же элемент? его как то обнулять нужно?
...
Рейтинг: 0 / 0
24.11.2014, 14:31
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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, 14:48
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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:04
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38815205
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
des1roerчерт а как сделать чтобы он не рядом рисовал а в тот же элемент? его как то обнулять нужно?
Есть такой метод!
http://www.fpublisher.ru/documentation/dhtml_doc/dhtml03.docs#hremovechild
...
Рейтинг: 0 / 0
24.11.2014, 15:05
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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
24.11.2014, 15:07
| Ответить | Цитировать | Написать  
отображение разных картинок
    #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, 09:57
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38817254
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
des1roerот кучи дивов никуда не деться?
Это все зависит от того, что именно будет отображаться на странице... Я ведь понятия не имею, что у тебя там и как...
...
Рейтинг: 0 / 0
26.11.2014, 13:15
| Ответить | Цитировать | Написать  
отображение разных картинок
    #38817345
Фотография -k2-
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
-k2-
Участник
des1roer,

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

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


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