[JS] Zmiana div po x czasie... Opcje

[SN@JPER^]

Witam,

w jaki sposób zrobić zmiane div po x czasie?

Chodzi mi bardziej o to, że jak div o danym id nie istnieje to nie idzie na początek...

[HTML] pobierz, plaintext 
var myDiv_1 = document.getElementById('mains_1');
  var myDiv_2 = document.getElementById('mains_2');
  var myDiv_3 = document.getElementById('mains_3');
  var myDiv_4 = document.getElementById('mains_4');
  var myDiv_5 = document.getElementById('mains_5');
  var myDiv_6 = document.getElementById('mains_6');
 
  if(myDiv_1.className != 'contentdiv none')
  {
 
 
 
    myDiv_1.className = 'contentdiv none';
    myDiv_2.className = 'contentdiv block';
    myDiv_3.className = 'contentdiv none';
    myDiv_4.className = 'contentdiv none';
    myDiv_5.className = 'contentdiv none';
    myDiv_6.className = 'contentdiv none';
 
  }
  else if(myDiv_2.className != 'contentdiv none')
  {
 
    myDiv_1.className = 'contentdiv none';
    myDiv_2.className = 'contentdiv none';
    myDiv_3.className = 'contentdiv block';
    myDiv_4.className = 'contentdiv none';
    myDiv_5.className = 'contentdiv none';
    myDiv_6.className = 'contentdiv none';
 
  }
  else if(myDiv_3.className != 'contentdiv none')
  {
 
    myDiv_1.className = 'contentdiv none';
    myDiv_2.className = 'contentdiv none';
    myDiv_3.className = 'contentdiv none';
    myDiv_4.className = 'contentdiv block';
    myDiv_5.className = 'contentdiv none';
    myDiv_6.className = 'contentdiv none';
  }
 
  else if(myDiv_4.className != 'contentdiv none')
  {
 
        myDiv_1.className = 'contentdiv none';
        myDiv_2.className = 'contentdiv none';
        myDiv_3.className = 'contentdiv none';
        myDiv_4.className = 'contentdiv none';
        myDiv_5.className = 'contentdiv block';
        myDiv_6.className = 'contentdiv none';
  }
 
  else if(myDiv_5.className != 'contentdiv none')
  {
 
        myDiv_1.className = 'contentdiv none';
        myDiv_2.className = 'contentdiv none';
        myDiv_3.className = 'contentdiv none';
        myDiv_4.className = 'contentdiv none';
        myDiv_5.className = 'contentdiv none';
        myDiv_6.className = 'contentdiv block';
  }
 
  else if(myDiv_6.className != 'contentdiv none')
  {
 
        myDiv_1.className = 'contentdiv block';
        myDiv_2.className = 'contentdiv none';
        myDiv_3.className = 'contentdiv none';
        myDiv_4.className = 'contentdiv none';
        myDiv_5.className = 'contentdiv none';
        myDiv_6.className = 'contentdiv none';
 
  }
 
setInterval("show_and_hide()", czas);
[HTML] pobierz, plaintext 

z tym, że jak myDiv_5 albo myDiv_6 nie istnieje to kończy prace... a jak zrobić, że od początku przesuwało?

Próbowałem też pętlą, ale nic mi nie wyszło...

[HTML] pobierz, plaintext 
myDivs = new Array();
    myDiv = new Array();
    var a = 0;
    for(i=0; i<6; i++){
        if(document.getElementById('mains_' + i)){
            myDivs[i] = document.getElementById('mains_' + i);
        }
    }
 
    for(i=0; i<myDivs.length; i++){
        if(typeof(myDivs[i]) != 'undefined' && typeof(myDivs[i]) != 'null'){
            if(myDivs[i].className=='contentdiv block'){
                myDivs[i].className = 'contentdiv none';
 
                //alert(i);
            }else{
 
 
                myDiv[a] = myDivs[i];
                myDiv[a].className = 'contentdiv block';
 
 
            }
 
        }
    }
[HTML] pobierz, plaintext 

Ten post edytował SN@JPER^ 16.10.2011, 14:23:03

[SN@JPER^]

plik .js

Kod

onload=function() {
// PRZYKŁADOWE UŻYCIE
var oSH = new ShowHide();
oSH
.setElements('mains_', 0, 6)
.hideAll()
.showFirst()
.startInterval(5000);


// PRZYKŁADOWE UŻYCIE
var oSHs = new ShowHides();
oSHs
.setElements('mainss_', 0, 6)
.hideAll()
.showFirst()
.startInterval(5000);
                    
}

a to już divy...

Kod

<div id="slider2" class="sliderwrapper">
                
                <div id="paginate-slider2" class="pagination">
                        <div class="counts">
                            <ul>
                                
                                <li><a id="mainss_1">1</a></li>
                                <li><a id="mainss_2">2</a></li>
                                <li><a id="mainss_3">3</a></li>
                 </ul>
                        </div>
                        
                        <div class="clear"></div>
                </div>
                    
                <div class="contentdiv <?php echo ($i==1 ? 'block' : 'none');?>" id="mains_1">
                <div class="right">
                    <div class="pic" style="background: url(pic/pic_news/<?php echo $pic;?>);"></div>
                    <div class="content">
                        
                        
                        <div class="text">
                            <h2><?php echo $name;?></h2>
                            <h1><a href="news/id_news/<?php echo $id;?>"><?php echo $title;?></a></h1>
                            <?php if(strlen($title>20)){
                                
                              echo substr($text, 0, 260);
                              if(strlen($text)>=260){echo '...';}
                              
                              }else{
                                  echo substr($text, 0, 200);
                              if(strlen($text)>=200){echo '...';}
                              }?>
                        </div>
                        
                    </div>
                    
                </div>
               </div></div>
            
                
              
                
                
              
                
                
            </div>

na numeracji w li chcialem zrobić, że jak sie kliknien a dany numer to przeskoczy na niego...