[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

[kamil4u]

Przygotuj stronę testową(prostą stronę z HTML i JS) i napisz jakie pojawiają się błędy(a nie 'nie działa'), wtedy będziemy wstanie pomóc - na pierwszy rzut oka wszystko wygląda ok (IMG:style_emoticons/default/smile.gif)

Pozdrawiam

[MateuszS]

http://mateuszs.pl/test/index.php gdy damy do przodu, potem do tylu i znowu to przodu na angielski, to sie ustawienie zepsuje, czyli cos jest nie tak z kodem,


poza tym to trzeba classowa alternatywe dla getElementById



chcialem tak zrobic

[PHP] pobierz, plaintext 
function next_title() {	
	if(document.getElementById('div1').style.display == 'block') { var page = 1; }
	if(document.getElementById('div2').style.display == 'block') { var page = 2; }
	if(document.getElementById('div3').style.display == 'block') { var page = 3; }	
 
	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';
	document.getElementById('divv'+new_page).style.display = 'block';
	page++;	
	if(page == 3) { page=1; }
}
 
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';
 
	if(prev!=1) {
		document.getElementById('div'+prev_page).style.display = 'block';
		prev--; 
	}
}
 
</script>
[PHP] pobierz, plaintext 

ale gdy dalem

if(document.getElementById('div1').style.display == 'block') { var page = 1; }
if(document.getElementById('div2').style.display == 'block') { var page = 2; }
if(document.getElementById('div3').style.display == 'block') { var page = 3; }

to next_title() przestala dzialac, a przeciez jak dalem w prev_title() to dziala...

Ten post edytował MateuszScirka 22.08.2009, 14:03:05

[ziqzaq]

Przykład funkcji next_title():

[JAVASCRIPT] pobierz, plaintext 
var page = 1;
var new_page = 0;
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;
}
[JAVASCRIPT] pobierz, plaintext 

Funkcja prev_title() jest na tej podobnej zasadzie co next_title(), więc nie powinieneś mieć problemów z napisaniem jej.
toggle_title() ukrywa/wyświetla te div-y, kod masz już praktycznie napisany - możesz oczywiście nie używać tej funkcji.
Powinieneś bez problemu dopisać sobie brakujący kod. (IMG:style_emoticons/default/winksmiley.jpg)
Pozdr.

Ten post edytował ziqzaq 22.08.2009, 15:49:17

[MateuszS]

dzieki, ziqzaq a to dla potomnych

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
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() {
 
	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('divv'+prev).style.display = 'none';
	if(prev!=1) {
		document.getElementById('div'+prev_page).style.display = 'block';
		document.getElementById('divv'+prev_page).style.display = 'block';
		prev--; 
	}
}
 
</script>
[PHP] pobierz, plaintext 

i kolejne pytanie, pomoze ktos z prototypem funkcji document.getelementbyclass? trzeba mi to do while w php. A te z neta mi nie dzialaja jezeli mieliscie stycznosc z czyms takim to dajcie znac

[Fafu]

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

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

[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

[Fafu]

"funkcja zwraca referencje" czyli chyba można tylko pobrać dane ale nie mozna ich ustawiać... spróbuj poszukać coś jeszcze...