Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Galeria js obsługa wstecz itd.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
wlamywacz
20.06.2008, 16:58:20
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
slammer
23.06.2008, 01:29:32
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
wlamywacz
28.06.2008, 09:08:30
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 ;/
misterdexter
1.07.2008, 11:21:55
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
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.