Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.11.2009, 22:40
Кандидат Javascript-наук
Отправить личное сообщение для vah-smile Посмотреть профиль Найти все сообщения от vah-smile
 
Регистрация: 31.10.2009
Сообщений: 116

onResize IFRAME
Есть код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
  <title>Маленький JavaScript для работы с IFRAME</title>
</head>

<script language="JavaScript" type="text/javascript">

window.onresize = f_script;

function f_script()
{
    var column_1 = "*"
    var column_2 = "200"
    var table_width = "100%"
    var iframe_width
    var iframe_src = "http://games.eurocazino.com/games/play.php"
    var iframe_height

    document.write ("<table border=1 width=" + table_width + ">")
    document.write ("<tr height=86>")
//Шапка
    document.write ("<td  bgcolor='#000000' valign=center align=center>")
    document.write ("<img name='shapka' src='shapka.jpg' width='568' height='85' border='0' id='shapka' usemap='#m_shapka' alt='' /><map name='m_shapka' id='m_shapka'>")
    document.write ("<area shape='rect' coords='0,70,42,85' href='javascript:;' title='Netherlands' alt='Netherlands' />")
    document.write ("<area shape='rect' coords='420,70,500,85' href='webmaster.php?id=0&amp;lang=nl' title='Neem deel aan ons affiliate programma' alt='Neem deel aan ons affiliate programma' />")
    document.write ("<area shape='rect' coords='351,70,420,85' href='newsbrief.php?id=0&amp;lang=nl' title='De nieuwsbrieven van ons Online Casino' alt='De nieuwsbrieven van ons Online Casino' />")
    document.write ("<area shape='rect' coords='312,70,351,85' href='faq.php?id=0&amp;lang=nl' title='FAQ, hints &amp; tips over hoe onze NL Speelautomaten te spelen' alt='FAQ, hints &amp; tips over hoe onze NL Speelautomaten te spelen' />")
    document.write ("<area shape='rect' coords='270,70,312,85' href='javascript:;' title='Spelregels van onze Speelautomaten' alt='Spelregels van onze Speelautomaten' />")
    document.write ("<area shape='rect' coords='227,70,270,85' href='about.php?id=0&amp;lang=nl' title='Over ons Online Casino voor NL spelers' alt='Over ons Online Casino voor NL spelers' />")
    document.write ("<area shape='rect' coords='188,70,227,85' href='index.php?id=0&amp;lang=nl' title='Homepage van NL Video Speelautomaten en Fruitautomaten' alt='Homepage van NL Video Speelautomaten en Fruitautomaten' />")
    document.write ("<area shape='rect' coords='79,70,121,85' href='?id=0&amp;lang=uk' title='United Kingdom' alt='United Kingdom' />")
    document.write ("<area shape='rect' coords='42,70,79,85' href='?id=0&amp;lang=nl' title='Belgium' alt='Belgium' />")
    document.write ("<area shape='rect' coords='0,0,132,70' href='index.php?id=0&amp;lang=nl' title='Eurocazino - Website met gratis online Speelautomaten / Fruitautomaten' alt='Eurocazino - Website met gratis online Speelautomaten / Fruitautomaten' />")
    document.write ("</map></td>")
// Правое меню
    document.write ("<td rowspan=2 width=" + column_2 + ">")
        document.write ("<h1>Nieuwste spel</h1><br>")
        document.write("<a href='javascript:open_game_new('fireandice','nl','0');void(0);'>FIRE & ICE</a>&nbsp;&nbsp;&nbsp;<font style='color: red'>NEW!</font><br />")
	    document.write("<a href='javascript:open_game('3','nl','0');void(0);'>KENO</a>")
// Конец правого меню
    document.write ("</td>")
    document.write ("</tr>")
    document.write ("<tr valign=top align=center height='*'>")
// Фрейм
    document.write ("<td width=" + column_1 + " >")

    iframe_width=(document.body.clientWidth-column_2)*0.6
    iframe_height=iframe_width * 0.75
//    document.write ("<iframe src=" + iframe_src + " width= " + iframe_width + " height=" + iframe_height + "></iframe>")
    document.write ("<br /><iframe src=" + iframe_src + " width=" + iframe_width + " height=" + iframe_height + "></iframe>")
    document.write ("</td>")

    document.write ("</tr>")
    document.write ("</table>")
}

</script>

<body onresize = "f_script()" onload="f_script()">

</body>

</html>


Почему фрейм не меняет размеры при масштабировании окна и как это сделать?

Последний раз редактировалось Octane, 03.11.2009 в 00:16. Причина: используйте теги [html] и [js] для оформления кода
Ответить с цитированием
  #2 (permalink)  
Старый 03.11.2009, 02:50
Аспирант
Отправить личное сообщение для IIIEPJIOK Посмотреть профиль Найти все сообщения от IIIEPJIOK
 
Регистрация: 23.12.2008
Сообщений: 75

Чаво курим?

Предлагаю эксперимент.
Открываешь все это в ФФ, все выделяешь (контрл+А), кликаешь правой кнопкой мыши, выбираешь пункт "Исходный код выделенного фрагмента". Обдумываешь полученный результат.

Далее, все document.write, заменяешь, на "str +=", и самой последней строчкой в функции пишешь document.body.innerHTML = str.
Ответить с цитированием
  #3 (permalink)  
Старый 03.11.2009, 13:27
Кандидат Javascript-наук
Отправить личное сообщение для vah-smile Посмотреть профиль Найти все сообщения от vah-smile
 
Регистрация: 31.10.2009
Сообщений: 116

Все сделал как написал IIIEPJIOK , но фрейм так и не меняет размеры при масштабировании окна. Вот что показал исходный код выделенного фрагмента:

<html>
	<head>
	</head>

<body>
	<table border="1" width="100%"><tbody>
		<tr height="86">
			<td align="center" bgcolor="#000000" valign="center"><img name="shapka" src="shapka.jpg" id="shapka" usemap="#m_shapka" alt="" border="0" height="85" width="568">&gt;</td>
			<td rowspan="2" width="200"><h1>Nieuwste spel</h1><br><a href="javascript:open_game_new(" fireandice="" nl="" ,="" 0="" );void(0);="">FIRE &amp; ICE</a>&nbsp;&nbsp;&nbsp;<font style="color: red;">NEW!</font><br><a href="javascript:open_game(" 3="" nl="" ,="" 0="" );void(0);="">KENO</a></td>
		</tr>
		<tr align="center" height="*" valign="top">
			<td width="*"><br><iframe src="http://games.eurocazino.com/games/play.php" height="493" width="658"></iframe></td>
		</tr>
	</tbody></table>
</body></html>
Ответить с цитированием
  #4 (permalink)  
Старый 03.11.2009, 14:04
Аспирант
Отправить личное сообщение для IIIEPJIOK Посмотреть профиль Найти все сообщения от IIIEPJIOK
 
Регистрация: 23.12.2008
Сообщений: 75

У тебя не возникло вопроса, что в полученном результате нет определения твоей функции:
<html>
    <head>
    </head>
 <!-- Вопрос: куда делось определение функции?
Ответив на него, можно получить ответ на "Почему не срабатывает обработчик onresize?"-->
<body>
    <table border="1" width="100%"><tbody>


В студию, что сделал
Ответить с цитированием
  #5 (permalink)  
Старый 03.11.2009, 15:51
Кандидат Javascript-наук
Отправить личное сообщение для vah-smile Посмотреть профиль Найти все сообщения от vah-smile
 
Регистрация: 31.10.2009
Сообщений: 116

А как это сделать?...
Ответить с цитированием
  #6 (permalink)  
Старый 03.11.2009, 18:05
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

http://javascript.ru/tutorial/events...document-write
Цитата:
А как это сделать?...
Есть DOM, есть методы для работы с ним, есть innerHTML

Кстати почему просто не вывести все через обычный html, а в функции просто обрабатывать то, что нужно, например присваивая
iframe.style.width = iframe_width
по нужному событию.

Не нужно придумывать себе лишний геморрой

Последний раз редактировалось Gozar, 03.11.2009 в 18:18.
Ответить с цитированием
  #7 (permalink)  
Старый 04.11.2009, 16:19
Кандидат Javascript-наук
Отправить личное сообщение для vah-smile Посмотреть профиль Найти все сообщения от vah-smile
 
Регистрация: 31.10.2009
Сообщений: 116

итак, все перевел в HTML. Что надо дописать, чтобы при масштабыровании окна IFRAME менял размеры по формуле, что записана у function resize() ?

<html>
......................
<script language="JavaScript" type="text/javascript">
function resize()
{
    var iframe_width = (document.body.clientWidth - 200) *0.64
    var iframe_height = iframe_width * 0.70

    document.getElementById('the_iframe').width = iframe_width
    document.getElementById('the_iframe').height = iframe_height
}
</script>
<body onresize='resize()'>
    ......................
    <iframe src='http://games.eurocazino.com/games/play.php' onload='resize()' id="the_iframe"></iframe>
    ......................
</body>
</html>

Последний раз редактировалось vah-smile, 05.11.2009 в 00:15.
Ответить с цитированием
  #8 (permalink)  
Старый 04.11.2009, 16:44
Кандидат Javascript-наук
Отправить личное сообщение для vah-smile Посмотреть профиль Найти все сообщения от vah-smile
 
Регистрация: 31.10.2009
Сообщений: 116

Ответ на свой вопрос нашел на http://forums.asp.net/p/1147076/1860626.aspx
Всем спасибо!
Ответить с цитированием
  #9 (permalink)  
Старый 04.11.2009, 17:07
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

Цитата:
Ответ на свой вопрос нашел
Чё за чушь, ответ на Ваш вопрос я написал еще вчера

Последний раз редактировалось Gozar, 04.11.2009 в 17:10.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jquery + iframe Fidel jQuery 6 12.10.2013 23:43
Javascript запрещающий открывать iframe в новом окне. HELP! Андреи Events/DOM/Window 11 26.09.2009 07:36
bbcode, iframe и javascript Dark[Ol(U23)leneri] Я не знаю javascript 0 10.06.2009 19:52
как можно создать iframe со скриптами GOll Общие вопросы Javascript 2 05.05.2009 11:32
установка позиции курсора или выделения в iframe mister_maxim Events/DOM/Window 5 18.04.2009 10:43