login  Naam:   Wachtwoord: 
Registreer je!
 Forum

url veranderen na checkbox click (Opgelost)

Offline kenzo - 17/04/2010 10:43
Avatar van kenzoPHP beginner Hallo,

Ik heb een map: images

hierin staan afbeeldingen

nu kan het ook voorkomen dat afbeeldingen in een andere map staan: afbeeldingen/bewerkt

nu wil ik graag deze url laten zien (de afbeelding):

afbeeldingen/image.jpg


op het moment dat ik de checkbox aanvink wil ik dat daar bewerkt tussen komt:

afbeeldingen/bewerkt/image.jpg


Ik heb het geprobeerd met een div te laten verschijnen maar dan krijg ik ook na de click dit te zien:

afbeeldingen/<div id="show">bewerkt/</div>image.jpg



vriendelijk bedankt

3 antwoorden

Gesponsorde links
Offline voltrex - 17/04/2010 10:55 (laatste wijziging 17/04/2010 10:56)
Avatar van voltrex Lid
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="radio" name="bewerkt" value="0" id="normaal" onclick="document.getElementById('image').src='afbeeldingen/image.jpg';" /> Normaal
  2. <input type="radio" name="bewerkt" value="1" id="bewerkt" onclick="document.getElementById('image').src='afbeeldingen/bewerkt/image.jpg';" /> Bewerkt
  3.  
  4. <img src="afbeeldingen/image.jpg" alt="img" id="image" />

Misschien werkt dit wel?
Offline kenzo - 17/04/2010 11:00 (laatste wijziging 17/04/2010 11:00)
Avatar van kenzo PHP beginner bedankt, precies wat ik zocht!
Offline genkstar - 17/04/2010 11:24 (laatste wijziging 17/04/2010 11:25)
Avatar van genkstar Nieuw lid Misschien dat je een functie gebruikt ?

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function checkboxImg(obj){
  2. 	/* check of het checked is */
  3. 	if(obj.checked){
  4. 		document.getElementById('image').src = 'afbeeldingen/image.jpg';
  5. 	}else{
  6. 	/* niet checked, dus uitgevinkt */
  7.  
  8. 		document.getElementById('image').src = 'afbeeldingen/bewerkt/image.jpg';
  9. 	}
  10. }


Endan ziet je html er zo uit;
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="radio" name="bewerkt" value="0" id="normaal" onclick="checkboxImg(this);" /> Normaal
  2. <input type="radio" name="bewerkt" value="1" id="bewerkt" onclick="checkboxImg(this);" /> Bewerkt
  3.  
  4. <img src="afbeeldingen/image.jpg" alt="img" id="image" />
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s