[Ajax] Zakładki Opcje

[neversoft]

Witam,

Interesuje mnie osiągnięcie efektu przełączanych zakłądek jak np. na Gery.pl (Informacje, Film, Muzyka, Gry, Gsm...) Może ktoś mi dać tutorial lub wskazówki z kodem jak to zrobić? Bardo mi na tym zależy więc liczę na Waszą wyrozumiałość.

[tiraeth]

onmouseover -> div.display - O to wskazówka

[neversoft]

O dziękuje za pomoc. Niewiedziełem, że w ten sposoób to można zrobić. Jeszce raz dzięki.

A mam taki problem: Gdy klikne na jedną zakłądkę a poniej na drugą to zostają obydwie.

Oto kod JS:

[HTML] pobierz, plaintext 
<script type="text/javascript" language="JavaScript">
function openClose(id)
{
   if(document.getElementById) {
      element = document.getElementById(id);
   } else if(document.all) {
      element = document.all[id];
   } else return;
 
   if(element.style) {
      if(element.style.display == 'block' ){
         element.style.display = 'none';
      } else {
         element.style.display = 'block';
      }
   }
}
</script>
[HTML] pobierz, plaintext 

----

[HTML] pobierz, plaintext 
<img src="1/screen_03.gif" border="0" onClick="java script:void(0); openClose('news');"><img src="1/screen_04.gif" border="0" onClick="java script:void(0); openClose('for');"><img src="1/screen_05.gif" border="0"></br>
<div id="news" style="display: none;">
<table width="200" border="0"><img src="1/screen_07.gif"><img src="1/screen_08.gif">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table></div>
 
<div id="for" style="display: none;">
<table width="200" border="0"><img src="1/screen_071.gif"><img src="1/screen_081.gif">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table></div>
[HTML] pobierz, plaintext 

W jaki sposób to rozwiązać?

[SHiP]

[HTML] pobierz, plaintext 
<script type="text/javascript" language="JavaScript">
var last = '';
function openClose(id)
{
  if(last)
  {
     if(document.getElementById) {
        element = document.getElementById(last);
     } else if(document.all) {
        element = document.all[last];
     } else return;
 
       element.style.display = 'none';
  }
  last = id;
 
   if(document.getElementById) {
      element = document.getElementById(id);
   } else if(document.all) {
      element = document.all[id];
   } else return;
 
   if(element.style) {
      if(element.style.display == 'block' ){
         element.style.display = 'none';
      } else {
         element.style.display = 'block';
      }
   }
}
 
</script>
[HTML] pobierz, plaintext 

Sprawdz coś takiego ;] Powinno działać pisałem z ręki nie testowałem ;]

Ten post edytował SHiP 5.08.2006, 14:01:35