Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

  • Закрытая тема Тема закрыта

Как Показывать на своей html странице чужую

#1 Дилетант

Дилетант
  • Пользователь
  • 53 сообщений
  • Репутация: 0
0

Отправлено 05 Май 2012 - 17:40

Здравствуйте, уважаемые специалисты.

Встал такой вопрос. Есть страница с кодом. Как мне показать на своей же странице содержимое страницы, которое имеет другой адрес ?


<HTML>
<HEAD>
</HEAD>
<BODY>
<table border="0" cellpadding="3" cellspacing="0" width="100%">
<tr><td width="100%" bgcolor="#9C1000"><table border="0" cellpadding="0" cellspacing="0"><tr><td width="30" valign="bottom"><img src="/images/temp.gif" width="30" height="1"></td><td class="menu"><font color="#ffffff">Официальные курсы валют на заданную дату, устанавливаемые ежедневно</font></td></tr></table></td></tr></table>

<table border="0" cellpadding="3" cellspacing="0" width="100%">
<tr><td width="100%" bgcolor="#E6E8EA">
<form name="cld">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td width="30" valign="bottom">
<img src="/images/temp.gif" width="30" height="1" /></td>
<td valign="top">
<select name="C_month">
<option value="01">Январь</option>
<option value="02">Февраль</option>
<option value="03">Март</option>
<option value="04">Апрель</option>
<option value="05">Май</option>
<option value="06">Июнь</option>
<option value="07">Июль</option>
<option value="08">Август</option>
<option value="09">Сентябрь</option>
<option value="10">Октябрь</option>
<option value="11">Ноябрь</option>
<option value="12">Декабрь</option>
</select>
&nbsp;<select name='C_year'>
<option value='1992'>1992</option>
<option value='1993'>1993</option>
<option value='1994'>1994</option>
<option value='1995'>1995</option>
<option value='1996'>1996</option>
<option value='1997'>1997</option>
<option value='1998'>1998</option>
<option value='1999'>1999</option>
<option value='2000'>2000</option>
<option value='2001'>2001</option>
<option value='2002'>2002</option>
<option value='2003'>2003</option>
<option value='2004'>2004</option>
<option value='2005'>2005</option>
<option value='2006'>2006</option>
<option value='2007'>2007</option>
<option value='2008'>2008</option>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
<option value='2012'>2012</option>
</select>


</td></tr><tr>

<td width="30" valign="bottom"><img src="/images/temp.gif" width="30" height="1">
</td>
<td valign="top">
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td align="right" class="calendar" bgcolor=white><a href="JavaScript:SD(01)">01</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(02)">02</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(03)">03</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(04)">04</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(05)">05</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(06)">06</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(07)">07</a></td>
</tr>
<tr>
<td align="right" class="calendar" ><a href="JavaScript:SD(08)">08</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(09)">09</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(10)">10</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(11)">11</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(12)">12</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(13)">13</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(14)">14</a></td>
</tr>
<tr>
<td align="right" class="calendar" ><a href="JavaScript:SD(15)">15</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(16)">16</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(17)">17</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(18)">18</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(19)">19</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(20)">20</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(21)">21</a></td>
</tr>
<tr>
<td align="right" class="calendar" ><a href="JavaScript:SD(22)">22</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(23)">23</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(24)">24</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(25)">25</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(26)">26</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(27)">27</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(28)">28</a></td>
</tr>
<tr>
<td align="right" class="calendar" ><a href="JavaScript:SD(29)">29</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(30)">30</a></td>
<td align="right" class="calendar" ><a href="JavaScript:SD(31)">31</a></td>
<td align="right" class="calendar"></td>
<td align="right" class="calendar"></td>
<td align="right" class="calendar"></td><td align="right" class="calendar"></td></tr>
</table>
<input name="date_req" type="hidden" value="" />
</td></tr></table></form></td></tr></table>

<script language="javascript" type="text/javascript">
function SD(num){
if (num < 10) nm="0"+num;
else nm=num;
var monthDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
mx=document.cld.C_month.selectedIndex+1;
yy=document.cld.C_year.selectedIndex+1992;
year=yy;

if (year%4==0) monthDays[1]=29; else monthDays[1]=28;
max_day=monthDays[document.cld.C_month.selectedIndex];

if (num <= max_day){
if (mx < 10) mnth="0"+mx;
else mnth=mx;
document.cld.date_req.value=nm+"."+mnth+"."+yy;
alert (document.cld.date_req.value);
document.cld.submit();
}
}
document.cld.C_month.selectedIndex=4;
document.cld.C_year.selectedIndex=20;
</script>

<div>
Как сюда загрузить содержимое страницы, адрес которой указан ниже и меняется от выбора значения в форме ввода
cbr.ru/currency_base/D_print.aspx?date_req=БЕРЕМ ЗНАЧЕНИЕ ИЗ СКРИПТА
</div>

</BODY>
</html>

Заранее благодарю за помощь.

 

 

  • 0

#2 Sosnovskij

Sosnovskij
  • Администратор
  • 3 886 сообщений
  • Репутация: 566

Отправлено 05 Май 2012 - 18:09

Например, в iframe. Про iframe.
  • 1

Не стесняйтесь ставить оценки темам :) Правила форума. Мой блог http://sosnovskij.ru/.



#3 Gloys

Gloys
  • Пользователь
  • 17 сообщений
  • Репутация: 3

Отправлено 05 Май 2012 - 18:29

Эм, если чисто на хтмл то можно загрузить в ифрейме- тег iframe

<div>
<script>
var data = '<iframe width="700" height="400" src="http://cbr.ru/currency_base/D_print.aspx?date_req="'+script()+'></iframe>';
document.write(data);
</script>
</div>
где script() возврощает дату

или пиши в div через getelementbyid

упс, пока писал уже ответили )
  • 1

#4 Дилетант

Дилетант
    Topic Starter
  • Пользователь
  • 53 сообщений
  • Репутация: 0

Отправлено 05 Май 2012 - 20:37

Gloys, Sosnovskij, благодарю.

Я только не понял, как мне сделать

где script() возврощает дату

или пиши в div через getelementbyid


У меня дата берется из формы, как мне ее запихнуть в iframe ?
  • 0

#5 Gloys

Gloys
  • Пользователь
  • 17 сообщений
  • Репутация: 3

Отправлено 05 Май 2012 - 21:29

У меня дата берется из формы, как мне ее запихнуть в iframe ?


Я не разбирал ваш код, но делайте по аналогии
Есть форма:
<form>
<input id='dat' value='24/03/2012'>
<input type='button' onclick="get_iframe();">
</form>
Тобиш простое текстовое поле с кнопочкой, в текстовое поле вбиваете дату , жмёте батон и начинает работать скрипт (функция get_iframe)

Собственно сам скрипт
<script>
function get_iframe() {
var data = '<iframe width="700" height="400" src="http://cbr.ru/currency_base/D_print.aspx?date_req='+document.getElementById('dat').value+'"></iframe>';
document.getElementById('mydiv').innerHTML = data;
}
</script>
Тут в первой строке просто формируется конечная ссылка (document.getElementById('dat').value - берём значение, точнее дату из текстового поля, айди которого "dat")
Во второй строке присваиваем диву c айди "mydiv" наш ифрейм..


Полный пример
<form>
<input id='dat' value='24/03/2012'>
<input type='button' onclick="get_iframe();">
</form>

<script>
function get_iframe() {
var data = '<iframe width="700" height="400" src="http://cbr.ru/currency_base/D_print.aspx?date_req='+document.getElementById('dat').value+'"></iframe>';
document.getElementById('mydiv').innerHTML = data;
}
</script>

<div id='mydiv'>
</div>

  • 1

#6 Дилетант

Дилетант
    Topic Starter
  • Пользователь
  • 53 сообщений
  • Репутация: 0

Отправлено 06 Май 2012 - 13:47

Gloys, благодарю. Почти всё за меня сделал. Доработаю под себя. Здорово мне помог. Значит будет у тебя всё хорошо!

Этот Форум часто меня выручает. Всегда дают профессиональное и быстрое решение.

Спасибо, ребята.
  • 0

#7 Дилетант

Дилетант
    Topic Starter
  • Пользователь
  • 53 сообщений
  • Репутация: 0

Отправлено 06 Май 2012 - 20:51

Подработал под себя с календарем. Работает нормально. iframe выводится в <div id='mydiv'>.

Gloys, подскажи, пожалуйста, а как мне в твоем примере при первой же загрузке для value='24/03/2012'

автоматом вывести iframe в <div id='mydiv'></div> ?
  • 0

#8 Gloys

Gloys
  • Пользователь
  • 17 сообщений
  • Репутация: 3

Отправлено 06 Май 2012 - 23:14

Если я тебя правильно понял то, достаточно просто разместить скрипт на странице

<script>

document.getElementById('mydiv').innerHTML = '<iframe width="700" height="400" src="http://cbr.ru/currency_base/D_print.aspx?date_req=24/03/2012"></iframe>';

<script>


  • 0

#9 Дилетант

Дилетант
    Topic Starter
  • Пользователь
  • 53 сообщений
  • Репутация: 0

Отправлено 07 Май 2012 - 09:26

Gloys, нужно при первой загрузке страницы вывести форму, а под ней в див вывести ифрейм со значением 24/03/2012
Потом пользователь уже меняет дату и в этот див выводится другая страница.

Сейчас же получается в твоем примере при первой загрузке выводится одна форма.

Смысл такой, что при открытии страницы я определю сегодняшнюю дату, выведу форму с датой и ниже сразу выведу в див значение страницы, которой передали в параметрах сегодняшнюю дату. Потом пользователь менят на другую дату в форме и выводится в див страница с новой датой.
  • 0

#10 Дилетант

Дилетант
    Topic Starter
  • Пользователь
  • 53 сообщений
  • Репутация: 0

Отправлено 07 Май 2012 - 15:42

Решил проблему с выводом при первой загрузке. Первый раз выводится само, а потом из формы.

<div id='mydiv'>
<script>
document.write('<iframe width="800" height="950" src="http://cbr.ru/currency_base/D_print.aspx?date_req='+date_req+'"></iframe>');
</script>
</div>

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru