login  Naam:   Wachtwoord: 
Registreer je!
 Forum

JS: radio-delete div (Opgelost)

Offline demich - 09/07/2007 21:04
Avatar van demichNieuw lid Hallo,

zou graag weten hoe je dit moet regelen in javascript

als je op een radiobutton klikt dat dan een div verdwijnt.

Bijvoorbeeld er zijn 2 radiobuttons en als ik dan op het tweede bolletje klik, moet al de code die tussen <div id="v5"> en </div> verwijderd wordt. Kan je dit doen met javascript en zo ja hoe ?

5 antwoorden

Gesponsorde links
Offline finduilas - 09/07/2007 21:06
Avatar van finduilas PHP gevorderde Ik denk dat je alleen de div kunt verbergen. De inhoud niet verwijderen.
Offline demich - 09/07/2007 21:10
Avatar van demich Nieuw lid wel ja zodat je dus alles wat in de div staat niet meer kan zien op het scherm he 
Offline marten - 09/07/2007 21:10 (laatste wijziging 09/07/2007 21:19)
Avatar van marten Beheerder
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form method="post" name="testform">
  2. <input type="radio" value="1" name="check1" id="check1" /> Checkbox 1
  3. <input onclick="changediv($this.value);" type="radio" value="2" name="check2" id="check2" /> Checkbox 2
  4.  
  5. <div id="v1">Dit is een hele mooie tekst</div>
  6. <div id="v2">Deze is nog mooier omdat deze langer is :/</div>
  7. </form>


Bovenstaande code is de html.

Onderstaande code is de javascript

php code - Bekijk de code zonder highlighting - Klap code in 
  1. function changediv(value) {
  2.     var checkbox = value;
  3.     if(checkbox == 1) {
  4.         document.getElementById('check1').innerHTML = '';
  5.     } elseif (checkbox == 2) {
  6.         document.getElementById('check2').innerHTML = '';     
  7.     }
  8. }


heb de code niet getest overigens maar je kan door middel van innerHTML de inhoud van een element wijzigen.
Offline demich - 09/07/2007 21:49
Avatar van demich Nieuw lid Werkte niet helemaal maar heb de oplossing via google al gevonden dus probleem is opgelost 
Offline jelle - 09/07/2007 21:50 (laatste wijziging 09/07/2007 21:51)
Avatar van jelle PHP beginner en met
php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById('div').style="none"; //verdwijnen
  2. document.getElementById('div').style="block";  //verschijnen

laaten verschijen en vwerdwijnen
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s