Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Galeria js obsługa wstecz itd.
wlamywacz
post 20.06.2008, 16:58:20
Post #1





Grupa: Zarejestrowani
Postów: 535
Pomógł: 27
Dołączył: 3.05.2005

Ostrzeżenie: (20%)
X----

Jak w tytule. Myślę nad tym aby do zmiennej ostanie dawać nr. ostatniej fotki. I dodawać do adresu #nr_fotki jednak jak przechwycić to że user użył cofnij? Może jakieś przykłady ? Z góry dzięki za pomoc
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
slammer
post 23.06.2008, 01:29:32
Post #2





Grupa: Zarejestrowani
Postów: 187
Pomógł: 6
Dołączył: 31.08.2005
Skąd: Bielsko-Biała

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

Zainteresował mnie ten problem więc troszke poszperałem i znalazłem to:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.     <script type='text/javascript'>
  4.         function CheckForHash(){
  5.             if(document.location.hash){
  6.                 var HashLocationName = document.location.hash;
  7.                 HashLocationName = HashLocationName.replace("#","");
  8.                 document.getElementById(HashLocationName).style.display='block';
  9.                 document.getElementById('Intructions').style.display='none';
  10.                 for(var a=0; a<5; a++){
  11.                     if(HashLocationName != ('Show' +(a+1))){
  12.                         document.getElementById('Show'+(a+1)).style.display='none';
  13.                     }
  14.                 }
  15.             }else{
  16.                 document.getElementById('Intructions').style.display='block';
  17.                 for(var a=0; a<5; a++){
  18.                     document.getElementById('Show'+(a+1)).style.display='none';
  19.                 }
  20.             }
  21.         }
  22.         function RenameAnchor(anchorid, anchorname){
  23.             document.getElementById(anchorid).name = anchorname; //this renames the anchor
  24.         }
  25.         function RedirectLocation(anchorid, anchorname, HashName){
  26.             RenameAnchor(anchorid, anchorname);
  27.             document.location = HashName;
  28.         }
  29.         var HashCheckInterval = setInterval("CheckForHash()", 500);
  30.         window.onload = CheckForHash;
  31.     </script>
  32. </head>
  33. <body>
  34.     <a id='LocationAnchor' name=''></a>
  35.     <div id='linkholder'>
  36.         <a href='javascript:RedirectLocation("LocationAnchor", "Show1", "#Show1");'>Display Option 1</a><br />
  37.         <a href='javascript:RedirectLocation("LocationAnchor", "Show2", "#Show2");'>Display Option 2</a><br />
  38.         <a href='javascript:RedirectLocation("LocationAnchor", "Show3", "#Show3");'>Display Option 3</a><br />
  39.         <a href='javascript:RedirectLocation("LocationAnchor", "Show4", "#Show4");'>Display Option 4</a><br />
  40.         <a href='javascript:RedirectLocation("LocationAnchor", "Show5", "#Show5");'>Display Option 5</a>
  41.     </div>
  42.     <div id='Show1' style='display:none;'>
  43.         1st Option
  44.     </div>
  45.     <div id='Show2' style='display:none;'>
  46.         2nd Option
  47.     </div>
  48.     <div id='Show3' style='display:none;'>
  49.         3rd Option
  50.     </div>
  51.     <div id='Show4' style='display:none;'>
  52.         4th Option
  53.     </div>
  54.     <div id='Show5' style='display:none;'>
  55.         5th Option
  56.     </div>
  57.     <div id='Intructions' style='display:block;'>
  58.         Click on the above links to see different values, then use the back button to see your browsing history.
  59.     </div>
  60. </body>
  61. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
wlamywacz
post 28.06.2008, 09:08:30
Post #3





Grupa: Zarejestrowani
Postów: 535
Pomógł: 27
Dołączył: 3.05.2005

Ostrzeżenie: (20%)
X----

Znam to rozwiązanie jednak bardzo martwi mnie ten element:
[HTML] pobierz, plaintext 
  1. var HashCheckInterval = setInterval("CheckForHash()", 500);
[HTML] pobierz, plaintext

Może to mulić przeglądarkę na słabszych komputerach ;/
Go to the top of the page
+Quote Post
misterdexter
post 1.07.2008, 11:21:55
Post #4





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 15.06.2005

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

Jeśli dwa razy na sekundę wykonuje się pętle, to może być problem. Odciążyć trochę przeglądarkę można po prostu sprawdzając czy zaszły zmiany, wtedy spokojnie można zwiększyć częstotliwość sprawdzania.

[HTML] pobierz, plaintext 
  1. <html>
  2.   <head>
  3.     <script type='text/javascript'>
  4.         var change='#';  // zmienna sprawdzajaca
  5.  
  6.         function CheckForHash(){
  7.             if(document.location.hash){
  8.                 var HashLocationName = document.location.hash;
  9.  
  10.                 if(HashLocationName == change) return;  // jesli taka jest zakladka, nie sprawdzamy dalej
  11.                 change = HashLocationName;  // jesli sprawdzamy, zapamietujemy
  12.  
  13.                 HashLocationName = HashLocationName.replace("#","");
  14.                 document.getElementById(HashLocationName).style.display='block';
  15.                 document.getElementById('Intructions').style.display='none';
  16.                 for(var a=0; a<5; a++){
  17.                     if(HashLocationName != ('Show' +(a+1))){
  18.                         document.getElementById('Show'+(a+1)).style.display='none';
  19.                     }
  20.                 }
  21.             }else{
  22.                 if(change == '') return;  // podobnie tutaj
  23.                 change = '';  // zapamietac tez trzeba
  24.  
  25.                 document.getElementById('Intructions').style.display='block';
  26.                 for(var a=0; a<5; a++){
  27.                     document.getElementById('Show'+(a+1)).style.display='none';
  28.                 }
  29.             }
  30.         }
  31.         function RenameAnchor(anchorid, anchorname){
  32.             document.getElementById(anchorid).name = anchorname; //this renames the anchor
  33.         }
  34.         function RedirectLocation(anchorid, anchorname, HashName){
  35.             RenameAnchor(anchorid, anchorname);
  36.             document.location = HashName;
  37.         }
  38.         var HashCheckInterval = setInterval("CheckForHash()", 100);  // a sprawdzac mozna spokojnie czesciej
  39.         window.onload = CheckForHash;
  40.     </script>
  41.   </head>
  42.   <body>
  43.     <a id='LocationAnchor' name=''></a>
  44.     <div id='linkholder'>
  45.         <a href='javascript:RedirectLocation("LocationAnchor", "Show1", "#Show1");'>Display Option 1</a><br />
  46.         <a href='javascript:RedirectLocation("LocationAnchor", "Show2", "#Show2");'>Display Option 2</a><br />
  47.         <a href='javascript:RedirectLocation("LocationAnchor", "Show3", "#Show3");'>Display Option 3</a><br />
  48.         <a href='javascript:RedirectLocation("LocationAnchor", "Show4", "#Show4");'>Display Option 4</a><br />
  49.         <a href='javascript:RedirectLocation("LocationAnchor", "Show5", "#Show5");'>Display Option 5</a>
  50.     </div>
  51.     <div id='Show1' style='display:none;'>
  52.         1st Option
  53.     </div>
  54.     <div id='Show2' style='display:none;'>
  55.         2nd Option
  56.     </div>
  57.     <div id='Show3' style='display:none;'>
  58.         3rd Option
  59.     </div>
  60.     <div id='Show4' style='display:none;'>
  61.         4th Option
  62.     </div>
  63.     <div id='Show5' style='display:none;'>
  64.         5th Option
  65.     </div>
  66.     <div id='Intructions' style='display:block;'>
  67.         Click on the above links to see different values, then use the back button to see your browsing history.
  68.     </div>
  69.   </body>
  70. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · 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 Wersja Lo-Fi Aktualny czas: 24.07.2025 - 15:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn