[JavaScript]Przewijanie, ... Opcje

[MateuszS]

Witam.

Chce zrobic przewijanie tytulow
Mam np tytul pl i chce przewinac w prawo na tytul en i w prawo na tytul de, oczywiscie jest tez powrot. Jezeli mam tytul pl i klikam ">" na tytul en to tylul pl znika, takie proste cos,

mam do tego jakis skrypt swoj ale powinno dzialac a nie dziala, z logicznego punktu widzenia,

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
var page = 1;
function next_title() {    
    var new_page = page + 1;
    document.getElementById('div'+page).style.display = 'none';
    document.getElementById('div'+new_page).style.display = 'block';
   	document.getElementById('divv'+page).style.display = 'none';     // a to w ogole nie dziala nie wiem czemu mimo ze mam div o takim id
	document.getElementById('divv'+new_page).style.display = 'block'; // analogicznie to tez nie dziala
    page++;    
}
 
function prev_title() {
 
    if(document.getElementById('div1').style.display == 'block') { var prev = 1; }
    if(document.getElementById('div2').style.display == 'block') { var prev = 2; }
    if(document.getElementById('div3').style.display == 'block') { var prev = 3; }    
 
    var prev_page = prev - 1;
    document.getElementById('div'+prev).style.display == 'none';
    document.getElementById('div'+prev_page).style.display == 'block';
    prev--; 
}
 
</script>
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował MateuszScirka 22.08.2009, 13:45:54

Powód edycji: Poprawiłem bbCode / ociu

[ziqzaq]

Mateusz co do twojego kodu.
Po co tyle dodatkowego kodu?
Pisałem:

Funkcja prev_title() jest na tej podobnej zasadzie co next_title()...

a więc:

[JAVASCRIPT] pobierz, plaintext 
function prev_title() {
	new_page = page - 1;
	if ( new_page < 1 ) new_page = 3;
	toggle_title(page, new_page);
	page = new_page;
}
[JAVASCRIPT] pobierz, plaintext 

Wiem, wiem, czepiam się ;P
Pozdr.

[MateuszS]

[PHP] pobierz, plaintext 
var page = 1;
var new_page = 0;
function toggle_title(page, new_page) {
        document.getElementById('div'+page).style.display = 'none';
        document.getElementById('divv'+page).style.display = 'none';
 
        document.getElementById('div'+new_page).style.display = 'block';
        document.getElementById('divv'+new_page).style.display = 'block';
}
 
function next_title() {
    new_page = page + 1;
    if ( new_page > 3 ) new_page = 1;
        toggle_title(page, new_page); // zmiane display wywalilem do osobnej funkcji
        page = new_page;
}
 
function prev_title() {
    new_page = page - 1;
    if ( new_page > 3 ) new_page = 1;
        toggle_title(page, new_page); // zmiane display wywalilem do osobnej funkcji
        page = new_page;
}
[PHP] pobierz, plaintext 

o tak ;]

http://www.google.pl/#hl=pl&lr=&ei...766f15c0ca9ebbd

http://mynthon.net/articles/javascript/fun...entsbyclassname

jak juz mowilem ;] to nie dziala ;/ Mimo ze poprawnie wywoluje funkcje,

[PHP] pobierz, plaintext 
function getElementsByClassName(cn){
  var arr = new Array(); 
  var els = document.getElementsByTagName("*");
  var exp= new RegExp("^(.* )?"+cn+"( .*)?$", "g");
  for (var i = 0; i < els.length; i++ ){
    if (exp.test(els[i].className)){
      arr.push(els[i]);
    }
  }
  return arr;
}
 
function toggle_title(page, new_page) {
        document.getElementById('div'+page).style.display = 'none';
        getElementsByClassName('divv'+page).style.display = 'none';
 
        document.getElementById('div'+new_page).style.display = 'block';
        getElementsByClassName('divv'+new_page).style.display = 'block';
}
 
[PHP] pobierz, plaintext 

probowalem tez z document. przedrostkiem ale tylko mi sie rozwala skrypt