login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Show/hide layer via option menu (Opgelost)

Offline michel3vb - 16/12/2008 16:35 (laatste wijziging 16/12/2008 16:39)
Avatar van michel3vbNieuw lid Hallo,

ik heb een formulier gemaakt om gegevens in de database in te voeren, het betreft hier wedstrijden.
Wanneer het een vriendschappelijk wedstrijd is dan is her niks aan de hand. Maar zodra het een beker wedstrijd is wil ik er krijg nog een layer bij krijgen met een textbox om de ronde in te vullen

Nu is er genoeg op internet te vinden, maar krijg het niet werkend

Dit is wat ik wil:
  1. [code=default]
  2. <select>
  3. <option name="Team_Uit" value="#">Kies uit vereniging ...</option>
  4. <?php
  5. for ( $i = 0; $i < count ( $arr_ver[Ver_Naam] ); $i++ )
  6. {
  7. if ( $arr_ver[Ver_Id][$i] == 5 )
  8. {
  9. echo '<option name="Team_Uit" value="'.$arr_ver[Ver_Id][$i].'">'.$arr_ver[Ver_Naam][$i].'</option>';
  10. }
  11. else
  12. {
  13. echo '<option name="Team_Uit" value="'.$arr_ver[Ver_Id][$i].'" onChange="scriptje naar hidden layer">'.$arr_ver[Ver_Naam][$i].'</option>';
  14. }
  15. }
  16. ?>
  17. </select>



Bij die else moet dus een linkje komen naar layer om die op visible te zetten als die wordt gekozen

Hoop dat iemand mij kan helpen
Alvast bedankt
Michel

4 antwoorden

Gesponsorde links
Offline gerits - 17/12/2008 10:42 (laatste wijziging 17/12/2008 10:44)
Avatar van gerits Lid als ik het goed begrijp wil je dat er een extra textvak bij komt als je een bepaalde optie kiest..

dit is simpel te bereiken door een tekstvak in een div te zetten met css property's op display:none en visibility:hidden..

dan maak je een javascript functie als de volgende:
  1. function showHide( id ) {
  2. if ( document.getElementById(id).style.visibility == "visible" ) {
  3. document.getElementById(id).style.visibility == "hidden";
  4. document.getElementById(id).style.display == "none";
  5. } else {
  6. document.getElementById(id).style.visibility == "visible";
  7. document.getElementById(id).style.display == "block";
  8. }
  9. }


Met deze plaats je bij je select onChange="showHide('extraTextvak')"
en je zorgt dat je een div met id extraTextVak hebt met daarin je extratextbox


LET OP: dit is uit mijn duim gezogen om u verder te helpen, ik kan niet beloven dat het 100% foutloos is, dus je zal er misschien nog wat fouten uit moeten halen..
Offline michel3vb - 17/12/2008 17:21
Avatar van michel3vb Nieuw lid bedankt voor u antwoordt gerits
maar ik kom er toch nog niet helemaal uit.
Ik heb zo'n idee dat het volgende moet werken, maar dat dat doet het niet:


  1. <script type="text/javascript">
  2.  
  3. function showHide( id ) {
  4. if ( document.getElementById(id).style.visibility == "visible" )
  5. {
  6. document.getElementById(id).style.visibility == "hidden";
  7. document.getElementById(id).style.display == "none";
  8. }
  9. else
  10. {
  11. document.getElementById(id).style.visibility == "visible";
  12. document.getElementById(id).style.display == "block";
  13. }
  14. }
  15.  
  16. </script>
  17. </head>
  18.  
  19. <select onChange="showHide('extraTextvak')">
  20. <option> test </option>
  21. <option> test2 </option>
  22. </select>
  23.  
  24. <div id="extraTextvak" style="display: none; visibility:hidden;">
  25. TEST
  26. </div>
  27. </html>


Zou u me misschien verder kunnen helpen?
Offline gerits - 17/12/2008 23:30 (laatste wijziging 17/12/2008 23:35)
Avatar van gerits Lid Al een typfout van mij, natuurlijk moet alleen in je if == staan en onder je if een enkele =
Offline michel3vb - 18/12/2008 14:52
Avatar van michel3vb Nieuw lid fantastisch gerits
het werkt!
dom dat ik dat zelf niet heb opgemerkt! 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.173s