Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Jak zrobić menu przewijane za pomocą JS, Jak zrobić menu przewijane za pomocą JS
zielu001
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 3
Dołączył: 15.08.2009

Ostrzeżenie: (0%)
-----

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!


--------------------
"Zło do triumfu potrzebuje tylko tego, aby dobrzy ludzie nic nie robili"
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
wookieb
post
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
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

Ten post edytował wookieb 8.09.2010, 15:03:40


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
zielu001
post
Post #3





Grupa: Zarejestrowani
Postów: 87
Pomógł: 3
Dołączył: 15.08.2009

Ostrzeżenie: (0%)
-----

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


Ten post edytował zielu001 8.09.2010, 17:13:16


--------------------
"Zło do triumfu potrzebuje tylko tego, aby dobrzy ludzie nic nie robili"
Go to the top of the page
+Quote Post
wookieb
post
Post #4





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
I co dalej?


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
zielu001
post
Post #5





Grupa: Zarejestrowani
Postów: 87
Pomógł: 3
Dołączył: 15.08.2009

Ostrzeżenie: (0%)
-----

No nie działa sad.gif


--------------------
"Zło do triumfu potrzebuje tylko tego, aby dobrzy ludzie nic nie robili"
Go to the top of the page
+Quote Post
wookieb
post
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
A wiesz co robi "getElementById" ?


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
zielu001
post
Post #7





Grupa: Zarejestrowani
Postów: 87
Pomógł: 3
Dołączył: 15.08.2009

Ostrzeżenie: (0%)
-----

Wyszukuje element poprzez jego id i wyświetla w nim tekst?


--------------------
"Zło do triumfu potrzebuje tylko tego, aby dobrzy ludzie nic nie robili"
Go to the top of the page
+Quote Post
wookieb
post
Post #8





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
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.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
zielu001
post
Post #9





Grupa: Zarejestrowani
Postów: 87
Pomógł: 3
Dołączył: 15.08.2009

Ostrzeżenie: (0%)
-----

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 ;./

Ten post edytował zielu001 8.09.2010, 18:09:43


--------------------
"Zło do triumfu potrzebuje tylko tego, aby dobrzy ludzie nic nie robili"
Go to the top of the page
+Quote Post
wookieb
post
Post #10





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




 
[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.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 07:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn