login  Naam:   Wachtwoord: 
Registreer je!
 Forum

hidden/visible getElementById probleem

Offline klaasp1984 - 16/05/2007 12:31
Avatar van klaasp1984Nieuw lid Op dit moment lukt het me om de omschrijving zichtbaar te maken na te klikken op een bedrijf.
Maar het is de bedoeling dat wanneer je op een andere bedrijfsnaam aan de rechterkant klikt de andere omschrijving verdwijnt en de nieuwe zichtbaar wordt. http://engelen.vigourmedia.nl/opdrachtgevers.php

Ik gebruik nu dit:
  1. <script language=javascript type='text/javascript'>
  2. function showdiv(pass){
  3.  
  4. var t=document.getElementById(pass)
  5.  
  6. if(t.style.visibility=='hidden'){
  7. t.style.visibility='visible';
  8. }else{
  9. t.style.visibility='none';
  10. }
  11. }

Ik probeer het door middel van een extra div die main heet met deze code, maar dan gebeurt er helemaal niks meer. Iemand de oplossing? zou super zijn 

  1. <script language=javascript type='text/javascript'>
  2. function showdiv(pass){
  3.  
  4. var divs = main.getElementsByTagName('div');
  5. var t=document.getElementById(pass)
  6.  
  7. document.all.divs.visibility ='hidden';
  8.  
  9. if(t.style.visibility=='hidden'){
  10. t.style.visibility='visible';
  11. }else{
  12. t.style.visibility='none';
  13. }
  14. }

5 antwoorden

Gesponsorde links
Offline Mad_Mike - 16/05/2007 12:43 (laatste wijziging 16/05/2007 12:43)
Avatar van Mad_Mike PHP beginner
  1. var currentObject = null;
  2. function showdiv(pass)
  3. {
  4. var t = document.getElementById(pass);
  5.  
  6. if(currentObject != null)
  7. {
  8. currentObject.style.display= 'none';
  9. }
  10.  
  11. t.style.display= '';
  12. currentObject = t;
  13. }

niet getest, maar zoiets 

Komt erop neer dat je bijhoudt welk object er actief is. En deze dus weer 'uit' kan zetten zodra je een ander object wilt laten zien
Offline klaasp1984 - 16/05/2007 12:49
Avatar van klaasp1984 Nieuw lid Hoe zou je dit werkend maken bij mijn code?
Offline Thomas - 16/05/2007 13:18
Avatar van Thomas Moderator display: inline, block of none
visibility: visible of hidden
Offline klaasp1984 - 16/05/2007 13:35
Avatar van klaasp1984 Nieuw lid
Citaat:
display: inline, block of none
visibility: visible of hidden


Je bedoelt dat het beter zo kan?

  1. <script language=javascript type='text/javascript'>
  2. var divs = main.getElementsByTagName('div');
  3. function showdiv(pass){
  4.  
  5. var t=document.getElementById(pass)
  6.  
  7. document.all.divs.visibility ='hidden';
  8.  
  9. if(t.style.visibility=='hidden'){
  10. t.style.visibility='visible';
  11. }else{
  12. t.style.visibility='hidden';
  13. }
  14. }

Maar dan werkt het nog niet.

:!: http://www.site...p;item=606
Offline Thomas - 16/05/2007 14:14
Avatar van Thomas Moderator Het idee van id's is dat ze uniek zijn, terwijl jij tig keer het id "main" gebruikt. Dat zal iig niet werken. Maak voor elk bedrijf een apart id.

Als je van div schakelt, maak je eerst alle bedrijf-id's onzichtbaar, en vervolgens de geselecteerde zichtbaar.

Dit type probleem is al vaker op dit forum voorbij gekomen, dus zoek hier op, zou ik zeggen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.243s