Forum PHP.pl

Witam , problem polega na tym ze chcialbym zrobic sobie liste np.

[PHP] pobierz, plaintext 
<?php
<ul >
<li><a  name="a">1</a></li>
<li><a  name="a">2</a></li>
 
</ul>
?>
[PHP] pobierz, plaintext 

I teraz po nacisnieciu ktoregos z linkow pokazaly mi sie info na temat tego linku pod ta lista.

na przykład:

[HTML] pobierz, plaintext 
<script>
function showInfo(id){
  document.getElementById(id).style.display = 'block';
}
</script>
<ul >
  <li><a  name="a" onclick="showInfo('l1')">1</a>
     <div id="l1" style="display: none;">
       info o linku 1
     </div>
  </li>
  <li><a  name="a" onclick="showInfo('l2')" style="display: none;">2</a>
     <div id="l2">
       info o linku 2
     </div>
  </li>
 
</ul>
[HTML] pobierz, plaintext 

~EDIT
zapomniałe o style="display: none;" pozdrawiam

Ten post edytował Cezar708 18.03.2008, 16:22:59

[PHP] pobierz, plaintext 
<?php
<li><a name="a" onclick="showInfo('l2')" style="display: none;">2.....</a></li>
?>
[PHP] pobierz, plaintext 

wogole go nie widac:/

Dzieki za pomoc

Jak zrobic zeby po nacisnieciu drugi raz na link z listy badz nacisniecie innego linku z listy poprzedni byl display:none

Ten post edytował escobar1983 18.03.2008, 16:32:19

szybko pisałem i mały błąd się wdarł,

poprawna wersja:

[HTML] pobierz, plaintext 
<script>
function showInfo(id){
document.getElementById(id).style.display = 'block';
}
</script>
<ul >
<li><a name="a" onclick="showInfo('l1')">1</a>
<div id="l1" style="display: none;">
info o linku 1
</div>
</li>
<li><a name="a" onclick="showInfo('l2')">2</a>
<div id="l2" style="display: none;">
info o linku 2
</div>
</li>
 
</ul>
[HTML] pobierz, plaintext 

~EDIT:
mała przeróbka (po Twoim edytowaniu )

[HTML] pobierz, plaintext 
<script>
function showInfo(id){
  if ( document.getElementById(id).style.display == 'block' ){
    document.getElementById(id).style.display = 'none';
  } else {
    document.getElementById(id).style.display = 'block';
  }
}
</script>
<ul >
  <li><a name="a" onclick="showInfo('l1')">1</a>
    <div id="l1" style="display: none;">
    info o linku 1
    </div>
  </li>
  <li><a name="a" onclick="showInfo('l2')">2</a>
    <div id="l2" style="display: none;">
    info o linku 2
    </div>
  </li>
</ul>
[HTML] pobierz, plaintext 

Ten post edytował Cezar708 18.03.2008, 16:35:01

Ok a co z ukrywaniem??

[PHP] pobierz, plaintext 
<?php
...
?>
<ul	="\"\"\"\"">
<a	 name="\"\"\"a\"\"\"">1
<LI><a	 name="\"\"\"a\"\"\"">2
 
 
...
?>
[PHP] pobierz, plaintext 

Sorka nie doczytałem do końca myslałem ze wyrzuca ci błąd

Ten post edytował logas 18.03.2008, 16:40:41

w poprzednim poście edytowałem go... ech się wymijamy w postowaniu

Ten post edytował Cezar708 18.03.2008, 16:36:08

Sorry ze tak zawracam gittarre ale jak zrobic ze jak mam wyswietlony pierwszy i nacisne drugi to ten pierwszy zniknie a nie naloza sie na siebie??

ależ proszę bardzo:

[HTML] pobierz, plaintext 
<script>
function showInfo(id){
  var divy = document.getElementsByTagName('div');
  for ( var i=0; i<divy.length; i++ ){
    if ( divy[i].id.substring(0,4) == 'info' ){
      if ( divy[i].id == id ){
        if ( divy[i].style.display == 'block' ){
          divy[i].style.display = 'none';
        } else {
          divy[i].style.display = 'block';
        }
      } else {
        divy[i].style.display = 'none';
      }  
    }
  }
}
</script>
<ul >
  <li><a name="a" onclick="showInfo('info1')">1</a>
    <div id="info1" style="display: none;">
    info o linku 1
    </div>
  </li>
  <li><a name="a" onclick="showInfo('info2')">2</a>
    <div id="info2" style="display: none;">
    info o linku 2
    </div>
  </li>
</ul>
[HTML] pobierz, plaintext 

pozdrawiam

Cezar708 Dzieki wielkie!!