Показать сообщение отдельно
  #1 (permalink)  
Старый 11.11.2013, 20:06
Новичок на форуме
Отправить личное сообщение для ShadowXak Посмотреть профиль Найти все сообщения от ShadowXak
 
Регистрация: 11.11.2013
Сообщений: 2

Конфликт document.getElementById
Доброго времени суток!
Назрел вот такой вопрос никак не могу найти его решение
Требуется вывод фрейма с определенным участком сайта в модальном окне (калькулятора), по отдельности все работает как нужно, но как только объединил вывод фрейма и модальное окно, перестало работать отображение требуемого участка сайта в окне, код прикладываю ниже
можно скачать архив, что бы не прикладывать тут в посте все библиотеки.
<!DOCTYPE html>
<html>
<head>
<title>Тестовая страница</title>
<meta name='author' content='Eric Martin' />
<meta name='copyright' content='2010 - Eric Martin' />

<!-- Page styles -->
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />

<!-- Contact Form CSS files -->
<link type='text/css' href='css/basic.css' rel='stylesheet' media='screen' />

<!-- IE6 "fix" for the close png image -->
<!--[if lt IE 7]>
<link type='text/css' href='css/basic_ie.css' rel='stylesheet' media='screen' />
<![endif]-->

<!-- JS files are loaded at the bottom of the page -->
<style type="text/css">
#block1000{
    overflow: hidden;
    width:1100px;
    height:610px;
}
</style>

</head>
<body onLoad="f()">
<div id='container'>
	<div id='logo'>
	</div>
	<div id='content'>
		<div id='basic-modal'>
			<h3>Тут ниже будет немного флуда</h3>
			<p>жмите на кнопку что бы увидить чудо калькулятор, потому как такого чуда вы еще никогда не видели!!!</p>
			<input type='button' name='basic' value='Калькулятор' class='basic'/>
		</div>
		
		<!-- modal content -->
		<div id="basic-modal-content">
			<h3>Калькулятор</h3>
			<p><div id="block1000">
<iframe src="http://www.powerclouds.com/index.php/calculator/?lang=ru"  width="1200" height="1100" name="iframe1" scrolling="no"></iframe>
</div></p>
		</div>

		<!-- preload the images -->
		<div style='display:none'>
			<img src='img/basic/x.png' alt='' />
		</div>
	</div>
	<div id='footer'>&nbsp;</div>
</div>
<!-- Load jQuery, SimpleModal and Basic JS files -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/basic.js'></script>
<script type='text/javascript' src='js/dd.js'></script>
</body>
</html>
Ответить с цитированием