Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Jak zrobić menu przewijane za pomocą JS
Forum PHP.pl > Forum > Przedszkole
zielu001
8.09.2010, 14:52:37
Witam, chcę zrobić skrypt który by pokazywał tekst z Array na divie po kliknięciu obrazka > Dawało do następnego a po < cofało do poprzedniego..

mam takie coś:
[HTML] pobierz, plaintext 
  1.  
  2. <script>
  3.  
  4. var tekst = Array("item1", "item2", "item3", "item4", "item5" );
  5. var linki = Array("poka_1", "poka_2", "poka_3", "poka_4", "poka_5" );
  6. var ktore = 0;
  7. function Przewin(ok)
  8. {
  9.       if(ok == 0)
  10.       { 
  11.            ok+=1;
  12.           document.write(tekst[ktore]);
  13.       } 
  14.       if(ok == 1)
  15.       {
  16.            ok-=1;
  17.           document.write(tekst[ktore]);
  18.       }
  19. }
  20. <script>
  21.  
  22. <a href="#" onclick="Przewin(1)"><img href="cos"></a>
  23. <a href="#" onclick="Przewin(0)"><img href="cos2"></a>
  24.  
[HTML] pobierz, plaintext


Lecz to nie działa, chciał bym to też zrobić żeby to się wyświetlało w divie jakimś np. pole..
Proszę o pomoc!
wookieb
8.09.2010, 15:03:30
1) nie modyfikujesz zmiennej "ktore"
2) document.write nawet nie wiesz co to robi
3) Nie znasz podstaw http://www.w3schools.com/js/default.asp albo masa innych
zielu001
8.09.2010, 17:08:59
Nie sory, ja się jebłem:D Miało być tak ;]
( Pisałem to w poście szybko dla przykładu )
[HTML] pobierz, plaintext 
  1. <script>
  2.  
  3. var tekst = Array("item1", "item2", "item3", "item4", "item5" );
  4. var linki = Array("poka_1", "poka_2", "poka_3", "poka_4", "poka_5" );
  5. var ktore = 0;
  6. function Przewin(ok)
  7. {
  8.       if(ok == 0)
  9.       { 
  10.            ktore+=1;
  11.            document.getElementById('div').innerHTML = tekst[ktore]
  12.       } 
  13.       if(ok == 1)
  14.       {
  15.            ktore-=1;
  16.          document.getElementById('div').innerHTML = tekst[ktore]
  17.       }
  18. }
  19. <script>
  20.  
  21. <a href="#" onclick="Przewin(1)"><img href="cos"></a>
  22. <a href="#" onclick="Przewin(0)"><img href="cos2"></a>
  23.  
[HTML] pobierz, plaintext
wookieb
8.09.2010, 17:32:08
I co dalej?
zielu001
8.09.2010, 17:32:38
No nie działa sad.gif
wookieb
8.09.2010, 17:45:03
A wiesz co robi "getElementById" ?
zielu001
8.09.2010, 17:51:02
Wyszukuje element poprzez jego id i wyświetla w nim tekst?
wookieb
8.09.2010, 18:05:58
A masz element o takim id?
Poza tym nie kontrolujesz czy "ktory" nie wychodzi poza zakres.
Włącz konsolę błędów, to będziesz widział błędy.
zielu001
8.09.2010, 18:08:45
Tutaj dałem tylko przykład, a tak mam na prawde:

Kod
<html lang="POL">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <title> CS-Rewolucja.pl - Sklep </title>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <meta name="robots" content="noodp, noydir, index, follow" />
        <meta name="googlebot" content="noodp, noydir, index, follow" />
        <meta name="audience" content="all" />
        <meta name="language" content="pl" />
        <meta name="resource-type" content="document" />
        <meta name="copyright" content="cs-rewolucja.pl" />
        <meta name="revisit-after" content="1" />
        <meta name="distribution" content="global" />
        <meta name="location" content="Poland" />
        <script language="javascript">
function Sol(){
var tekst = Array("item1", "item2", "item3", "item4", "item5" );
var linki = Array("poka_1", "poka_2", "poka_3", "poka_4", "poka_5" );
var ktore = 0;
function Przewin(ok)
{
      if(ok == 0)
      {
           ktore+=1;
           document.getElementById('ss').innerHTML = tekst[ktore];
      }
      if(ok == 1)
      {
           ktore-=1;
         document.getElementById('ss').innerHTML = tekst[ktore];
      }
}}
    </script>
    </head>
<body onload="Sol();">
    <center><a href="http://cs-rewolucja.pl" border="0"><img src="images/logo.png"></a></center>
    <div id="bg">
        <div id="ss"></div>
    </div>
    <div id="lewo">
        <a onclick="Przewin(1);"><img border="0" src="images/lewo.png"/></a>
    </div>
    <div id="prawo">
        <a onclick="Przewin(0);"><img border="0" src="images/prawo.png"/></a>
    </div>
</body>
</html>



w <A> nie ma java script:void(0); bo jak dałem to mi pokazywało błąd że nie ma takiej strony ;./
wookieb
8.09.2010, 18:38:17 
[HTML] pobierz, plaintext 
  1. <script language="javascript">
  2. var tekst = Array("item1", "item2", "item3", "item4", "item5" );
  3. var linki = Array("poka_1", "poka_2", "poka_3", "poka_4", "poka_5" );
  4. var ktore = 0;
  5. function Przewin(ok)
  6. {
  7.       if(ok == 0)
  8.       {
  9.            ktore+=1;
  10.            document.getElementById('ss').innerHTML = tekst[ktore];
  11.       }
  12.       if(ok == 1)
  13.       {
  14.            ktore-=1;
  15.          document.getElementById('ss').innerHTML = tekst[ktore];
  16.       }
  17. }
  18.     </script>
[HTML] pobierz, plaintext

I wywalasz onloada z body.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.