Чем заменить iframe?

salat · November 21, 2012

В выезжающем блоке находится фрейм. Прогружается почему то на середине страницы смещая остальные div'ы.

Теги проверял. Все в порядке. Что можно сделать чтобы панель грузилась за видимой границей экрана?

Замена на object ничего не решила.

С помощью jquery тоже все глухо.

<script type="text/javascript" language="JavaScript">
$(document).ready(function(){      

     $('#Первый_ID-при_клике_на_элемент_с_этим_ID_(это может быть и пункт меню, и изображение и любой другой элемент, включая body)').click(function(){
               $('#Второй_ID-загружается_информация_в_элемент_уже_с_этим_ID_(это может быть как DIV, так и другой подходящий контейнер)').load('из_файла_с_этим_названием.html #Третий_ID-содержащаяся_во_всех_тэгах_p_принадлежащих_элементу_с_вот_этим_ID p');          
       })

});
</SCRIPT>


<!-- content part -->


<div id="Второй_ID">


сюда и будет загружаться информация


</div>

<HEAD>


<script type="text/javascript" language="JavaScript">
$(document).ready(function(){

   $('#ZagolovokSloyaBokovoyPaneli-span').click(function(){
        $('#sloyBokovoyPaneli-DIV').load('vse_razdely.html #razdel_3 span');         
    })

});
</SCRIPT>



...


<BODY>


<div id="sloyBokovoyPaneli-DIV">


<span id="ZagolovokSloyaBokovoyPaneli-span">Нажмите для отображения новостей (как, пример использования скрипта)</span>


сюда и будет загружаться информация


</div>

Я так понимаю что решается аяксом. Но что то нужной инфы не накопал.

Блок:

<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',                            
pathToTabImage: 'images/contact.gif',       
imageHeight: '122px',                              
imageWidth: '40px',                                 
tabLocation: 'left',                              
speed: '300',                                       
action: 'click',                                  
topPos: '200px',                                   
fixedPosition: true                               
});
});
</script>


.slide-out-div 
{padding: 30px;
width: 400px;
Height: 200px;
background: #ffffff;
border: #29216d 2px solid;
z-index: 900;}

<div class="slide-out-div">
<a class="handle" href=""></a>    
<iframe src="ссылка.html"  width="100%" height="100% frameborder="0"></iframe>
</div>

Edited November 21, 2012 by salat

salat · November 22, 2012

Неужели на столько все плохо?

Sign In

Чем заменить iframe?

Question

salat

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

salat

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information