Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   динамические DIVы (высота) (https://javascript.ru/forum/misc/33510-dinamicheskie-divy-vysota.html)

Giku 26.11.2012 09:55

динамические DIVы (высота)
 
на станице имеются несколько DIV-ов, при помощи JQUERY загружаю в них нужную страницу
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js">
 </script>
 <script>
function data(Div, Link){$('#'+Div).load(Link); }; //Div - id дива, Link - url станицы которую надо загрузить в этот див
</script>



вот как я загружаю страницы в Divы и питаюсь расставить Divы один под другим:

<script>
function load(){
data('1','1.php');
document.getElementById('1').style.top=0;   
data('2','2.php');
document.getElementById('2').style.top=document.getElementById('1').clientHeight+document.getElementById('1').clientTop;   
data('3','3.php');
document.getElementById('3').style.top=document.getElementById('2').clientHeight+document.getElementById('2').clientTop;}
</script>

но к сожалению они становятся один на другой, и лишь при повторном вызове функции load() все становится на своих местах

как сделать чтобы все сразу было ровно, помогите пожалуйста

ruslan_mart 26.11.2012 10:06

Giku, а iframe не как?

ruslan_mart 26.11.2012 10:48

Цитата:

Сообщение от Giku
document.getElementById('1')

ID не может начинаться с цифры.

<div "lol">
</div>

<script>
for(i=0;i<3;i++)
{
$('#lol').append('<div></div>');
$('#lol div:eq('+i+')').load(i+1+'.php html');
}
</script>

ksa 26.11.2012 10:53

Цитата:

Сообщение от Ruslan_xDD
ID не может начинаться с цифры.

По последним данным ВЦСПС таки может. На этом форуме про то писали не раз...

deivan 26.11.2012 12:41

скорее всего, - при первом вызове скрипта еще нет clientWidth/clientHeight у дивов, они еще не подгрузились.
нужно устанавливать размеры дивов после окончания подгрузки, через коллбэк (с реализацией не помогу, - сам пока еще не изучил эту тему досконально)


Часовой пояс GMT +3, время: 21:18.