Автоматическая высота IFrame

Готовые уроки IFrame + ВКонтакте API

Re: Автоматическая высота IFrame

Сообщение hahaha » 08 янв 2012, 21:58

ukhov писал(а):
hahaha писал(а):ukhov
ну тоесть да

здесь помогает только мой скрипт :D
topic4257.html#p30725
он каждую секунду вычисляет и обновляет высоту, а не только при входе.

Согласен, но не пайму как вставить в него код коментов, вставляю сам виджет пропадает...может чет не так делаю
hahaha

 
Сообщения: 86
Зарегистрирован: 04 янв 2012, 14:52
Благодарил (а): 25 раз.
Поблагодарили: 0 раз.

Чтобы убрать блок с рекламой, зарегистрируйтесь на форуме или войдите.

Google
 



Re: Автоматическая высота IFrame

Сообщение ukhov » 09 янв 2012, 10:59

hahaha писал(а):
ukhov писал(а):
hahaha писал(а):ukhov
ну тоесть да

здесь помогает только мой скрипт :D
topic4257.html#p30725
он каждую секунду вычисляет и обновляет высоту, а не только при входе.

Согласен, но не пайму как вставить в него код коментов, вставляю сам виджет пропадает...может чет не так делаю

у меня такое тоже было. это конфликтуют скрипты ВК. для этого
  1. <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>

поставь не в начале, а в конце, но перед вызовом высоты. то есть вот так:
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  4. </head>
  5.  
  6. <div id=page>
  7. <body>
  8. TEST
  9. </body>
  10. </div>
  11.  
  12. <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
  13. <script type="text/javascript">
  14. function h_update_1() {
  15. VK.callMethod("resizeWindow", 721, $('#page').height()+Number(20));
  16. setTimeout(h_update_1, 1000);
  17. }
  18.  
  19. setTimeout(h_update_1, 1000);
  20. </script>
  21. </html>
Изображение
Аватара пользователя
ukhov
Модератор
Модератор
 
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19
Откуда: Санкт-Петербург
Благодарил (а): 85 раз.
Поблагодарили: 155 раз.

Re: Автоматическая высота IFrame

Сообщение Александр » 09 янв 2012, 16:15

ukhov писал(а):здесь помогает только мой скрипт
topic4257.html#p30725
он каждую секунду вычисляет и обновляет высоту, а не только при входе.

В первом сообщении код тоже изменяет автоматически постоянно.
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
 
Автор темы
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург
Благодарил (а): 126 раз.
Поблагодарили: 771 раз.

Re: Автоматическая высота IFrame

Сообщение Глеб » 10 фев 2012, 17:25

Подскажите а как этот код прикрепить к DLE сайту?))
Глеб

 
Сообщения: 57
Зарегистрирован: 16 дек 2009, 19:27
Благодарил (а): 5 раз.
Поблагодарили: 1 раз.

Re: Автоматическая высота IFrame

Сообщение Глеб » 10 фев 2012, 17:29

А Все не надо разобрался))))
Глеб

 
Сообщения: 57
Зарегистрирован: 16 дек 2009, 19:27
Благодарил (а): 5 раз.
Поблагодарили: 1 раз.

Re: Автоматическая высота IFrame

Сообщение Глеб » 10 фев 2012, 18:01

Не могу понять как сделать(((
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  <head>
  4. {headers}
  5. <link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
  6. <link media="screen" href="{THEME}/style/my.css" type="text/css" rel="stylesheet" />
  7. <link media="screen" href="{THEME}/style/layer5.css" type="text/css" rel="stylesheet" />
  8. <link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
  9. <script src="{THEME}/js/tooltip.js" type="text/javascript"></script>
  10. <script type="text/javascript" src="{THEME}/js/cufon.js"></script>
  11. <script type="text/javascript" src="{THEME}/js/font.js"></script>
  12. <script type="text/javascript">
  13.  Cufon.replace('h1#blog-title a', {
  14.  color: '-linear-gradient(#f5ecc1, 0.50=#fff, 0.50=#f5ecc1, #fff)'
  15.  });
  16.  Cufon.replace('h3.sidetitl,.eTitle,.gTableTop,.gTableTop a');
  17.  $('input:checkbox').checkbox({cls:'checkbox'});
  18.  $('input:radio').checkbox({cls:'radio'});
  19.  $('#casing form').utTransform();
  20. </script>
  21. <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  22. <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
  23. <script type="text/javascript" charset="cp1251" >
  24. $(function() {
  25.     VK.init(function() {
  26.         setInterval(newSizeWindow, 100);
  27.         function newSizeWindow() {
  28.             VK.callMethod("resizeWindow",827,$('.wrapper').height());
  29.         }
  30.    });
  31. });
  32. </script>
  33. </head>
  34. <body>
  35. {AJAX}
  36.  <div id="wrapper">
  37.  <div id="topbar">
  38.  <div class="today">
  39.  <!-- clock hack -->Пн, <span id="clock">00:00:00 AM</span><script src="{THEME}/js/clock.js" type="text/javascript"></script><!-- / clock hack -->
  40.  </div>
  41.  
  42. <div class="usrblock">{login}</div>
  43.  
  44.  </div>
  45.  <div class="clear"> </div>
  46.  
  47. <div id="header">
  48.   <h1 id="blog-title"><span><a href="/">Здравствуйте!</a></span></h1>
  49.   <div id="search">
  50.     <form action="" name="searchform" method="post"><input type="hidden" name="do" value="search" /><input type="hidden" name="subaction"
  51.  
  52. value="search" /><input style="width: 180px; margin: 0pt; padding: 3px 5px; border: medium none; font: 100% Tahoma,Arial,Helvetica,sans-serif; color:
  53.  
  54. rgb(255, 255, 255); float: left; background: none repeat scroll 0% 0% rgb(66, 66, 66); display: inline;" maxlength="80" size="1" id="story" name="story"
  55.  
  56. value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /><input style="width: 61px;
  57.  
  58. height: 22px;" src="{THEME}/images/searh.gif" title="Быстрый поиск" alt="Поиск по сайту" type="image"></form>
  59.   </div><div style="display:none;"><a href="http://shablony-dle.ru/">block</a></div>
  60. </div>
  61.  
  62.   <div id="menu">
  63.     <div id="uMenuDiv2" class="uMenuH" style="position:relative;">
  64.       <ul class="uMenuRoot">
  65.  
  66. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  67.  
  68. mc"><div class="uMenuItem"><a href="/"><span>Меню 2</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div
  69.  
  70. class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  71. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  72.  
  73. mc"><div class="uMenuItem"><a href="/"><span>Меню 3</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div
  74.  
  75. class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  76. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  77.  
  78. mc"><div class="uMenuItem"><a href="/"><span>Меню 4</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div
  79.  
  80. class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  81. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  82.  
  83. mc"><div class="uMenuItem"><a href="/"><span>Меню 5</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div
  84.  
  85. class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  86. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  87.  
  88. mc"><div class="uMenuItem"><a href="/"><span>Меню 6</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div
  89.  
  90. class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  91. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  92.  
  93. mc"><div class="uMenuItem"><a href="/"><span>Меню 7</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div
  94.  
  95. class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  96. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  97.  
  98. mc"><div class="uMenuItem"><a href="/index.php?do=stats"><span>Статистика</span></a></div></div></div></div><div class="umn-bl"><div
  99.  
  100. class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  101. <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-
  102.  
  103. mc"><div class="uMenuItem"><a href="/index.php?do=feedback"><span>Обратная связь</span></a></div></div></div></div><div class="umn-
  104.  
  105. bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
  106.       </ul>
  107.     </div>
  108.   </div>
  109.  
  110.  <div class="clear"> </div>
  111.  
  112.   <div id="casing">
  113.     <div id="content">
  114.        <div class="content">
  115.   <table align="center" border="0" cellspacing="0" cellpadding="0" width="25" class="infTable">
  116.     <tr>
  117.      
  118.  
  119.     </tr>
  120.   </table>
  121.  
  122. {speedbar}
  123.  
  124.   <div id="allEntries">
  125. {info}
  126. {content}
  127.  </div>
  128.  
  129.   <div class="clear"> </div>
  130.  </div>
  131.  </div>
  132.  
  133.  <div class="left">
  134.  <div class="sidebar">
  135.  
  136. <!-- <block2> -->
  137. <div class="sidebox">
  138.  <h3 class="sidetitl">Категории</h3>
  139.   <div class="indent">
  140.     <ul>
  141.       <li><a href="/anime/">Аниме</a></li>
  142.       <li><a href="/boevik/">Боевик</a></li>
  143.       <li><a href="/">Вестерн</a></li>
  144.  <li><a href="/">Военный</a></li>
  145.  <li><a href="/">Детектив</a></li>
  146.  <li><a href="/">Документальный</a></li>
  147.  <li><a href="/">Драма</a></li>
  148.  <li><a href="/">История</a></li>
  149.  <li><a href="/">Комедия</a></li>
  150.  <li><a href="/">Криминал</a></li>
  151.  <li><a href="/">Мелодрама</a></li>
  152.  <li><a href="/">Мультфильм</a></li>
  153.  <li><a href="/">Ужасы</a></li>
  154.  
  155.     </ul>
  156.     <table border="0" cellspacing="1" cellpadding="0" width="100%" class="catsTable">
  157.       <tr>
  158.         <td style="width:100%" class="catsTd" valign="top"><a href="/" class="catName">-------</a></td>
  159.       </tr>
  160.     </table>
  161.   </div>
  162. </div>
  163. <!-- </block2> -->
  164.  
  165.  
  166.  
  167.  </div>
  168.  </div>
  169.  <div class="clear"></div>
  170.  </div>
  171.  
  172.   <div id="footer">
  173.     <div class="fleft"> &copy;  2012<br />
  174.  
  175.   </div>
  176.   <div class="fright" id="codeblock">
  177.  
  178.   </div>
  179.   <div class="clear"></div>
  180. </div>
  181. </div>
  182. </body>
  183. </html>
  184.  
Глеб

 
Сообщения: 57
Зарегистрирован: 16 дек 2009, 19:27
Благодарил (а): 5 раз.
Поблагодарили: 1 раз.

Re: Автоматическая высота IFrame

Сообщение RussProg » 13 мар 2012, 19:19

Я у себя реализовал так:
  1.    
  2. $(function(){
  3. $("body").bind('resize', function(e){
  4.              var height = $("body").height();
  5.              if(height<=600) height=600;
  6.              VK.callMethod("resizeWindow",827,height);        
  7.     });
  8. });
  9.  


Но для работы требуется jQuery и плагин "jQuery resize event" http://benalman.com/projects/jquery-resize-plugin/

Строка if(height<=600) height=600; нужна для того что бы iframe не становился меньше 600 пикселей.
RussProg

 
Сообщения: 1
Зарегистрирован: 13 мар 2012, 18:47
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Re: Автоматическая высота IFrame

Сообщение sakogr » 24 мар 2012, 14:50

Народ подскажите как сделать автоматическую высоту в iFrame, я попробовал этот метод, но у меня ничего не получилось с высотой + каждый раз всё это прописывать для каждый страницы это очень не удобно.
Вот исходный код страницы:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-RU" lang="ru-RU">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.     <title>Приветствие - • iFacts - Лучшие факты из сети</title>
  6.     <meta name="description" content="Лучшие факты из сети
  7. " /><meta name="keywords" content="" /><meta name="generator" content="Parallels Web Presence Builder 10.4.4" />
  8.     <link rel="stylesheet" type="text/css" href="../css/style.css?template=generic" />
  9.     <!--[if IE 7]>
  10.         <link rel="stylesheet" type="text/css" href="../css/ie7.css?template=generic" />
  11.     <![endif]-->
  12.     <script language="JavaScript" type="text/javascript" src="../js/style-fix.js"></script>
  13.     <script language="JavaScript" type="text/javascript" src="../js/css_browser_selector.js"></script>
  14.     <link type="text/css" href="../css/header-c12b2b78-3d13-6140-ffce-db187b2d96b6.css?template=generic" rel="stylesheet" />
  15. <link type="text/css" href="../css/search-google.css?template=generic" rel="stylesheet" />
  16. <!--[if IE]><style type="text/css">.background3-black{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/background3-black.png?template=generic",sizingmethod=scale,enabled=true);} </style><![endif]--><style type="text/css">body{background-image: url("..//attachments/Background/1.jpg?1332589599");background-position: top left;background-repeat:repeat;}#watermark{background-image: url("..//attachments/Background/3.png?1332589599");background-position: top left;background-repeat:repeat;}.header{background-image: url("..//attachments/Background/body-background_2.jpg?1332589599");background-position: center center;background-repeat:repeat;}.column2{background-image: url("..//attachments/Background/5.png?1332589599");background-position: top left;background-repeat:repeat;}.content{background-image: url("..//attachments/Background/=D0=BB=D0=BD=D1=80=D0=BB=D0=B1.jpg?1332589599");background-position: top left;background-repeat:repeat;}</style><link rel="shortcut icon" href="../favicon.ico?1332589599">
  17.  
  18. </head>
  19. <body id="template" class="background-custom">
  20.     <div class="site-frame">
  21.         <div id="wrapper" class="container-content external-border1-white">
  22.     <div class="external-top"><div><div><div><div></div></div></div></div></div>
  23.     <div class="external-side-left">
  24.         <div class="external-side-left-top">
  25.             <div class="external-side-left-bottom">
  26.                 <div class="external-side-right">
  27.                     <div class="external-side-right-top">
  28.                         <div class="external-side-right-bottom">
  29.                             <div id="watermark" class="pageContentText background-custom border-none">
  30.                                 <div id="watermark-content" class="container-content">
  31.                                     <div id="header" class="header background-custom border-none">
  32.     <div id="header-top" class="top"><div><div></div></div></div>
  33.     <div id="header-side" class="side"><div id="header-side2" class="side2">
  34.         <div class="container-content">
  35.             <div id="header-content">
  36.                 <div class="container-content-inner" id="header-content-inner">
  37.     <div class="widget widget-header" id="widget-c12b2b78-3d13-6140-ffce-db187b2d96b6"><div class="widget-content"><div class="header-logo"><a href="../"><img src="../attachments/Logo/32x32.jpg?template=generic" alt="" /></a></div><div class="header-title"><a href="../">• iFacts </a></div><div class="header-subtitle"><a href="../">Лучшие факты из сети</a></div><img src="../attachments/builtin/Header/academic_01.png?template=generic" class="header-image" alt="" /></div></div>
  38.  
  39.     <div class="widget widget-advertisement" id="widget-c240200a-41ea-5f08-49a8-1744a94869ae">
  40.             <div class="widget-content"><center>
  41. <iframe src="http://elephant.fotostrana.ru/banner?adv_id=35759&ref_id=978761135&format=iframe&gid=1%2C2&place=600x90" frameborder=0 width="600" height="90" marginwidth=0 marginheight=0 scrolling=no></iframe>
  42. </center></div>
  43.         </div>
  44.  
  45.     <div class="widget widget-search" id="widget-c2dd479f-60fa-851e-52e4-7cfabf138e1d">
  46.             <div class="widget-content"><div id="widget-search-form-c2dd479f-60fa-851e-52e4-7cfabf138e1d" class="widget-search-form"></div>
  47. <script src="//www.google.com/jsapi" type="text/javascript"></script>
  48. <script type="text/javascript">
  49. //<![CDATA[
  50. google.load('search', '1', {language : 'ru_RU'});
  51. google.setOnLoadCallback(function() {
  52.     var content     = document.getElementById('content-content-inner'),
  53.         resultsEl   = document.createElement('div'),
  54.         searcher    = new google.search.WebSearch(),
  55.         control     = new google.search.SearchControl(),
  56.         options     = new google.search.SearcherOptions();
  57.  
  58.     content.appendChild(resultsEl);
  59.     resultsEl.className = 'widget-search-results';
  60.  
  61.     searcher.setSiteRestriction('http://ifacts.my-mood.ru/');
  62.     options.setRoot(resultsEl);
  63.     options.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);
  64.     control.addSearcher(searcher, options);
  65.     control.setResultSetSize(google.search.Search.LARGE_RESULTSET);
  66.     control.setNoResultsString('По вашему запросу ничего не найдено. Результаты могут быть недоступны, если ваш сайт не опубликован или не индексирован поисковой системой.');
  67.     control.setSearchCompleteCallback(this, function(searchControl, searcher) {
  68.         var cssClass        = ' widget-search-active';
  69.         content.className   = content.className.replace(cssClass, '');
  70.         content.className   += cssClass;
  71.     });
  72.  
  73.     control.draw('widget-search-form-c2dd479f-60fa-851e-52e4-7cfabf138e1d');
  74. }, true);
  75. //]]>
  76. </script>
  77. </div>
  78.         </div>
  79. </div>
  80.             </div>
  81.         </div>
  82.     </div></div>
  83.     <div id="header-bottom" class="bottom"><div><div></div></div></div>
  84. </div>
  85.                                     <div id="columns">
  86.                                        
  87.                                        
  88.                                         <div id="content" class="content background-custom border-none">
  89.     <div id="content-top" class="top"><div><div></div></div></div>
  90.     <div id="content-side" class="side"><div id="content-side2" class="side2">
  91.         <div class="container-content">
  92.             <div id="content-content">
  93.                 <div class="container-content-inner" id="content-content-inner">
  94.     <div class="widget widget-script" id="widget-a72ef514-afcd-e60e-dcee-faabbfbe261c">
  95.             <div class="widget-content">    <script language='JavaScript'>
  96.     var time = 60;
  97.     var page = "http://ifacts.my-mood.ru/";
  98.     function countDown(){
  99.     time--;
  100.     gett("container").innerHTML = time;
  101.     if(time == -1){
  102.     window.location = page;
  103.     }
  104.     }
  105.     function gett(id){
  106.     if(document.getElementById) return document.getElementById(id);
  107.     if(document.all) return document.all.id;
  108.     if(document.layers) return document.layers.id;
  109.     if(window.opera) return window.opera.id;
  110.     }
  111.     function init(){
  112.     if(gett('container')){
  113.     setInterval(countDown, 1000);
  114.     gett("container").innerHTML = time;
  115.     }
  116.     else{
  117.     setTimeout(init, 50);
  118.     }
  119.     }
  120.     document.onload = init();
  121.     </SCRIPT>
  122.      
  123.      
  124.     <span id='container'></span></div>
  125.         </div>
  126.  
  127.     <div class="widget widget-text" id="widget-7715a563-597c-4769-b3e8-72703ee7c693">
  128.             <div class="widget-content"><p style="text-align: center;"><span style="text-decoration: underline; font-size: 24px;"><span style="font-style: italic; font-weight: bold;">Здравствуй дорогой друг</span></span></p>
  129. <p style="text-align: center;"><span style="text-decoration: underline; font-size: 24px;"><span style="font-style: italic; font-weight: bold;">Приветсвую тебя в приложении с лучшими интересными фактами из сети!</span></span></p>
  130. <hr />
  131. <p style="text-align: center;"><span style="font-weight: bold; font-style: italic; font-size: 18px;">Перейти в раздел с интересными фактами можно нажав на загаловок или на иконку расположенные на баннере.</span></p>
  132. <p style="text-align: center;"><span style="font-weight: bold; font-style: italic; font-size: 18px;">Так же нажав</span> "<a class=" link" href="http://ifacts.my-mood.ru/interesnye-fakty/"><span style="text-decoration: underline; font-weight: bold; font-style: italic; font-size: 20px;">Сюда</span></a>"</p>
  133. <hr /></div>
  134.         </div>
  135.  
  136.     <div class="widget widget-text" id="widget-d7be76fa-f315-0ef3-5549-68f035d30ab0">
  137.             <div class="widget-content"><p style="text-align: center;"><span style="font-size: 18px; font-weight: bold; font-style: italic;">Предлагаем тебе добавить ссылку на приложения в меню слева или пригласить друзей в наше приложение нажав на одну из этих кнопок.</span><span style="text-decoration: underline;"><span style="font-size: 18px; font-weight: bold; font-style: italic;"><br /></span></span></p>
  138. <script type="text/javascript" src="http://vkontakte.ru/js/api/xd_connection.js?2"></script>
  139. <center><a onclick="VK.callMethod('showSettingsBox', 256);"><img onmouseover="this.src='http://ifacts.my-mood.ru/data/documents/2_1.png';" onmouseout="this.src='http://ifacts.my-mood.ru/data/documents/1_1.png';" src="http://ifacts.my-mood.ru/data/documents/1_1.png" alt="" /> </a></center>
  140. <script type="text/javascript" src="http://vkontakte.ru/js/api/xd_connection.js?2"></script>
  141. <center><a onclick="VK.External.showInviteBox();" href="../javascript%05;"><img onmouseover="this.src='http://ifacts.my-mood.ru/data/documents/2_2.png';" onmouseout="this.src='http://ifacts.my-mood.ru/data/documents/1_2.png';" src="http://ifacts.my-mood.ru/data/documents/1_2.png" alt="" /> </a></center></div>
  142.         </div>
  143.  
  144.     <div class="widget widget-text" id="widget-f13cf8a6-3075-487b-9f1d-21f185867e01">
  145.             <div class="widget-content"><p style="text-align: center;"><span style="text-decoration: underline;"><span style="font-size: 18px; font-style: italic; font-weight: bold;">На пожертвование приложения можете дать голос(-а-)</span></span></p>
  146. <script type="text/javascript" src="http://vkontakte.ru/js/api/xd_connection.js?2"></script>
  147. <center><a onclick="VK.callMethod('showPaymentBox', 0);"><img onmouseover="this.src='http://ifacts.my-mood.ru/data/documents/2.png';" onmouseout="this.src='http://ifacts.my-mood.ru/data/documents/1.png';" src="http://ifacts.my-mood.ru/data/documents/1.png" alt="" /></a></center></div>
  148.         </div>
  149.  
  150.     <div class="widget widget-text" id="widget-bf84803d-d125-bb67-0124-51b4c9f2c220">
  151.             <div class="widget-content"><hr />
  152. <p style="text-align: center;"><span style="font-weight: bold; font-style: italic;"><span style="font-size: 18px;">Чтоб ознакомиться с нашими другими проектами перейдите</span> "<a class=" link" href="../nashi-proekty/"><span style="text-decoration: underline;"><span style="font-size: 20px;">Сюда</span></span></a>"</span></p></div>
  153.         </div>
  154.  
  155.     <div class="widget widget-text" id="widget-4abed529-9b58-10d5-498e-675e07368bae">
  156.             <div class="widget-content"><hr /></div>
  157.         </div>
  158. </div>
  159.             </div>
  160.         </div>
  161.     </div></div>
  162.     <div id="content-bottom" class="bottom"><div><div></div></div></div>
  163. </div>
  164.                                     </div>
  165.                                     <div id="footer" class="footer background3-black background border-none">
  166.     <div id="footer-top" class="top"><div><div></div></div></div>
  167.     <div id="footer-side" class="side"><div id="footer-side2" class="side2">
  168.         <div class="container-content">
  169.             <div id="footer-content">
  170.                 <div class="container-content-inner" id="footer-content-inner">
  171.     <div class="widget widget-text" id="widget-588ed9da-9b4a-a5d2-2e3f-bcce7cc0cbc8">
  172.             <div class="widget-content"><p style="text-align: center;">iFacts &copy; 2012.</p></div>
  173.         </div>
  174. </div>
  175.             </div>
  176.         </div>
  177.     </div></div>
  178.     <div id="footer-bottom" class="bottom"><div><div></div></div></div>
  179. </div>
  180.                                 </div>
  181.                             </div>
  182.                         </div>
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </div>
  188.     <div class="external-bottom"><div><div><div><div></div></div></div></div></div>
  189. </div>
  190.     </div>
  191.     <script type="text/javascript" src="../js/anti_cache.js"></script>
  192.  
  193. </body>
  194. </html>
sakogr

 
Сообщения: 19
Зарегистрирован: 09 дек 2011, 19:32
Благодарил (а): 4 раз.
Поблагодарили: 0 раз.

Re: Автоматическая высота IFrame

Сообщение Александр » 24 мар 2012, 17:07

sakogr
Ты привел очень много когда. Конкретно покажи в какой момент возникает проблема. Код нужно не просто вставить, а логически применить.
sakogr писал(а):+ каждый раз всё это прописывать для каждый страницы это очень не удобно.

Используй шаблоны и подключение js файлов.
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
 
Автор темы
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург
Благодарил (а): 126 раз.
Поблагодарили: 771 раз.

Re: Автоматическая высота IFrame

Сообщение sakogr » 24 мар 2012, 17:22

Александр писал(а):sakogr
Ты привел очень много когда. Конкретно покажи в какой момент возникает проблема. Код нужно не просто вставить, а логически применить.
sakogr писал(а):+ каждый раз всё это прописывать для каждый страницы это очень не удобно.

Используй шаблоны и подключение js файлов.

Я всё сделал по инструкции как написано, но у меня всё равно ничего не получается, я пользуюсь конструктором "Web Presence builder 10.4.4"
sakogr

 
Сообщения: 19
Зарегистрирован: 09 дек 2011, 19:32
Благодарил (а): 4 раз.
Поблагодарили: 0 раз.

Пред.След.

Вернуться в Уроки IFrame ВКонтакте



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron