Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.08.2010, 20:39
Новичок на форуме
Отправить личное сообщение для detka.i.alex Посмотреть профиль Найти все сообщения от detka.i.alex
 
Регистрация: 11.07.2010
Сообщений: 2

[Проблемка]Динамический вывод новостей
Доброе время суток. Написал на скорую руку скрипт, а он работает только в опере. Я не понимаю почему может быть кто нибудь подскажет? Архив

<script type="text/javascript">
var img=["new_version.jpg","turnament.jpg","win.jpg","pll.jpg","new_happy.jpg","fantsia.jpg"];
function create(){
 var news=['Вышла новая версия', 'Состоиться турнир', 'Победители турнира', 'Наша команда пополнилась', 'С новым годом', 'Привет, фантазия исякла'];
for(var i=0; i<news.length; i++){	
	var parentdiv=document.getElementById('news');
	var div = document.createElement('div');
	div.id = 'news_text';
	div.onmouseover='MouseOver('+i+')';	
	parentdiv.appendChild(div);
	div.innerHTML='<p class="news_text">'+news[i]+'</p>';
	}
	for(i=0; i<img.length; i++){
		var parentimg=document.getElementById('news_img');
		var images=document.createElement('img');
		images.id='img'+i;
		images.className='img_news';
		images.src='img/'+img[i];
		if(!i==0) images.style.display='none';
		parentimg.appendChild(images);	
	}
}

function MouseOver(over) {
for(i=0; i<img.length; i++){
	var images=document.getElementById('img'+i);
	if(over==i){		
		images.style.display='inline';
	}
	else{images.style.display='none'; }
	}

}

</script>

<style>

* {
margin:0 0px;	
}
#news {

background-color:#CCC;
width:700px;
height:350px;
margin:0 auto;
z-index:0;
}

#news_img {
width:350px;
height:350px;	
}
.img_news {
width:300px;
height:300px;
margin:25px 25px 25px 25px;	
border:black solid 1px;
}
#news_text {
border: #FFF dashed 1px;
background-color:#0CF;
width:350px;
height:45px;
text-align:left;
position:relative;
left:330px;
top:-325px;
margin-top:3px;	
}
.news_text {
margin:13px 10px;
font-size:18px;	
}
#about {
background-color:#CCC;
width:302px;
height:100px;
position:absolute;
opacity: 0.7;
filter: alpha(opacity=70);
top:250px;
left:315px;

}
</style>
</head>
<body onload="create()">
<div id="news">
<div id="news_img"></div>
<div id="about"></div>
</div>
</body>
</html>


Спасибо.

Последний раз редактировалось detka.i.alex, 10.08.2010 в 20:43. Причина: Добавил архив
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2010, 13:47
Новичок
Отправить личное сообщение для inGray Посмотреть профиль Найти все сообщения от inGray
 
Регистрация: 03.08.2010
Сообщений: 230

Хендлеры не добавляются на Дивах.
Почитай вот тут Кросс-браузерное добавление и обработка событий
Ответить с цитированием
  #3 (permalink)  
Старый 11.08.2010, 17:17
Новичок на форуме
Отправить личное сообщение для detka.i.alex Посмотреть профиль Найти все сообщения от detka.i.alex
 
Регистрация: 11.07.2010
Сообщений: 2

inGray,
Спасибо, буду иметь виду. Правда я свою проблемку решил создавая дивы php
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод данных из mysql Евген AJAX и COMET 3 22.08.2010 17:55
Вывод текста по времени Madjahet Элементы интерфейса 15 14.04.2010 17:19
вывод картинки и vrml mister_maxim Events/DOM/Window 16 12.01.2010 17:40
Пошаговый вывод скрипта для IE всех версий. Zidky Элементы интерфейса 10 17.06.2009 18:27
Динамический вывод текстовых сообщений Артём Тарасов Общие вопросы Javascript 4 19.02.2009 13:36