Stronicowanie w js Opcje

[sleedz]

Witam.
Mam problem ze stronicowaniem w js. Problem polega na tym że lista stron się źle wyświetla w ie - wszystkie punkty się wyświetlają w jednym miejscu tzn jeden na drugim. W innych przeglądarkach jest wszystko ok tylko w ie się tak dzieje.

[JAVASCRIPT] pobierz, plaintext 
var li = '';
for(var i=1; i<=sites; i++) {
    if(i==site) li += "<li class=\"active\" style=\"margin-right: 20px;\" id=\"s"+i+"\">"+i+"</li>";
    else li += "<li id=\"s"+i+"\" style=\"margin-left: 20px;\">"+i+"</li>";
}
[JAVASCRIPT] pobierz, plaintext 

[nospor]

Z kodu co tu pokazałeś nic nie wynika
Temat: JavaScript jesli Twoj watek go dotyczy KONIECZNIE przeczytaj

[sleedz]

Cała funkcja wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
function cols(div_id, ii, col1, col2) { 
 
             var $div = $('#'+div_id+'1'); 
             if(ii==2) var $div2 = $('#'+div_id+'2'); 
             var orgWys =
                parseInt($div.css('height')); 
            var next_col = "";
             $div.css('height', 'auto'); 
 
             var tekst = new Array();
             var a ="";
             var j = 0;
			 var i = 10;
             col1 = 0;
             col2 = 1;
             while(i>0) {
		 var slowa = $div.html().split(' '); 
             	 var ilosc = slowa.length; 
                 if ($div.height() > orgWys) { 
 
                     var indeks = slowa.length; 
                     do { 
                         a = slowa.slice(0, --indeks).join(' ')
                         $div.html(a); 
 
                     } while ($div.height() > orgWys);
 
                 } 
                 tekst[j] = $div.html();
                 next_col = slowa.slice(indeks, ilosc).join(' ');
                 $div.html(next_col);
                 if(!a) i=0;
 
 
		if(tekst[j].length == 0) i = 0;
		j++
 
 
             }
 
             var l = tekst.length;
             $div.css('height', orgWys); 
 
             if(l>1) {
 
             }
 
             if(ii==2) {
                 var sites = roundUp((l-1)/2)
                 var li = '';
                 var site = 1;
 
                 for(var i=1; i<=sites; i++) {
 
                     if(i==site) li += "<li class=\"active\" id=\"s"+i+"\">"+i+"</li>";
                     else li += "<li id=\"s"+i+"\">"+i+"</li>";
                 }
                  $("#page_buttons ul").html(li);
 
                 for(var k=1; k<=sites; k++) {
                     $("#s"+k).click(
                            function() {
                               var id = this.id.split('');
                               site = id[1];
                               var c1 = roundUp((site*2)-2);
                               var c2 = roundUp((site*2)-1);
                               $div.html(tekst[c1]);
                               $div2.html(tekst[c2]);
                               $("#page_buttons ul").children("li").removeClass();
                               $(this).addClass("active");
                         });
                 }
 
                 $div.html(tekst[col1]);
                 $div2.html(tekst[col2]);
             }
             if(ii==1) {
                 var sites = roundUp(l-1)
                 var li = '';
                 //li += '<li style=\"margin-right: 20px;\">b</li>';
                 var site = 1;
 
                 for(var x=1; x<=sites; x++) {
                     if(i==site) 
                        li += "<li class=\"active\" style=\"margin-right: 20px;\" id=\"s"+x+"\">"+x+"</li>";
                     else li += "<li id=\"s"+i+"\" style=\"margin-left: 20px;\">"+i+"</li>";
                 }
                  $("#page_buttons ul").html(li);
 
                 for(var k=1; k<=sites; k++) {
                     $("#s"+k).click(
                            function() {
                               var id = this.id.split('');
                               site = id[1];
                               var c1 = site-1;
                               $div.html("<div id=\"dc1text\">"+tekst[c1]);
                               $("#page_buttons ul").children("li").removeClass();
                               $(this).addClass("active");
                         });
                 }
 
                 $div.html(tekst[col1]);
             }
         } 
[JAVASCRIPT] pobierz, plaintext 

Kod html:

[HTML] pobierz, plaintext 
<div id="col1">
    <div id="dc1text" style="margin-top: 30px;">TREŚĆ</div>
</div>
<div id="page_buttons">
    <ul></ul>
</div>
 
<script type="text/javascript">
  window.onload=cols('col', 1);
</script>
[HTML] pobierz, plaintext 

Ten post edytował sleedz 2.12.2011, 09:56:26

[nospor]

Czemu nie udostepnisz nam kodu online jak to masz napisane w linku co ci podalem?

[sleedz]

http://www.browarmiejski.pl/about_us.html

[nospor]

W ie nic na siebie nie na chodzi. W ie najzwyklej w świecie jest tylko jeden LI. No to mogłeś naprawdę sam sprawdzić.

ps: w ie na dzien dobry pojawi sie błąd js. Nie wiem czy to jego wina czy nie. Tobie się nie chciało analizować, mi tym bardziej (IMG:style_emoticons/default/smile.gif)

[sleedz]

to nie jest wina tego błędu. ie po wykonaniu tej funkcji widzi że jest tylko jedna strona. ale nie wiem jak to rozwiązać