plaatje veranderen

    Ik heb eens scriptje

    als ik met de mijs op het input van groningen klik dan wil ik dan er een plaatje van groningen te voor schijn komt als ik op friesland druk dat er een plaatje van friesland komt etc.

    ik heb haast geen verstand van javascript en volgens mij moet je het daar mee doen kan iemand mij opweg helpen?

  • Gast, wil je besparen op je domeinnamen? (ad)

    Ik bedoel geen tooltip ik bedoel dat als ik op


    PHP
    ><input type="radio" name="id" value="1">

    klik

    dat het plaatje hier word veranderdt


    PHP
    <img src="images/provincie/groningen.png" alt="Groningen">

    Ik snap niet echt waar je naar toe wil aangezien je geen andere radio buttons hebt maar goed. Probeer dit eens:

    PHP
    $(document).ready(function(){
	
	$(".rblocatie", this).click(function() {
		// verander de jpg
		$('#locatie').attr('src','link_naar_afbeelding_hier.jpg');
	});
});

    Die radio button moet je even wijzigen naar dit:

    PHP
    <input type="radio" name="id" value="1" class="rblocatie" />

    De afbeelding meuk wijzigen naar dit:

    PHP
    <img src="images/provincie/groningen.png" alt="Groningen" id="locatie" />


    Het javascript gebeuren werkt op jQuery dus die moet je er maar even bij zetten ;) heb het verder niet getest maar neem aan dat het werkt. Als ik me pizza op heb zal ik wel even wat maken zodat je verschillende plaatjes kunt kiezen aan de hand van de radio button :) Toch denk ik dat een select tag hier handiger is als je meerdere plaatsen wil hebben.

    PS: er staat tevens ook niks van Friesland bij.

    -1

    Klopt ik ben er nog mee bezig maar ik het is een trein script dus ik wil dat als je op de radio button van groningen klikt dat het plaatje van groningen in de img tag komt en als je op friesland klikt dat je het plaatje van friesland in de img tag ziet snapje?

    Edit:Bedankt dit werkt , nou hoop ik zo dat je wilt laten zien hoe je met meerder afbeeldingen kunt doen.

    Ik gebruik eigenlijk nooit radio buttons dus weet zo niet meer hoe het in ze werk gaat ;)
    Als je elke radio button nou een id attribuut meegeeft zoals dit bijvoorbeeld:

    PHP
    <input type="radio" name="id" value="1" class="rblocatie" />


    Naar:

    PHP
    <input type="radio" name="id" value="groningen" class="rblocatie" id="groningen" />
<input type="radio" name="id" value="friesland" class="rblocatie" id="friesland" />


    Het 2de voorbeeld zie je wel dat er meerdere radio buttons zijn :) Nu kun je makkelijk de afbeelding wijzigen naar wat je hebt aangeklikt door middel van dit:

    PHP
    $(document).ready(function(){
	
	$(".rblocatie", this).click(function() {
		// verander de jpg
		$('#locatie').attr('src','images/' + this.id + '.jpg');
	});
});


    this.id staat voor het id attribuut wat in de bovenstaande code ook wel is aangegeven.

    [/i]Tegen anderen die me niet mochten: Ohja ik help zie je het achterlijk volk wat altijd zeikte tegen me[/i]

    -1

    Ja,:P ik heb jquery opgezocht en alles klaargemaakt en het werkt,!

    En ik weet nu voor de volgende x zelf hoe het moet,!

    Nieuwe reactie samengevoegd met originele reactie op 09.05.09 17:59:08:
    Btw. jij weet ook veel van beveiliging dit is wel gewoon veilig?

    Javascript en beveiliging, die combinatie bestaat niet (Zie: cliëntside).

    Overigens raad ik aan geen jQeury te gebruiken in dit geval, scheelt weer wat bytes verzenden. Maar zo werkt het wel..

    Pff kijk hier eens:
    http://jquery.com/
    Dan bij het stukje "Who's using jQuery". jQuery is bijna niks (19kb) en het hij kan ook andere dingen makkelijk erop laten werken waardoor je achteraf veel minder code hoeft te gebruiken.

    Write less, Do more!

    Wat kan er niet veilig aan zijn het is gewoon een afbeelding die geladen wordt? Kan verder geen enkele mafkees hier wat aan veranderen ja aangezien het alleen maar afbeeldingen laad.

    -1

Registratie

Nog geen account? Registreer je nu en word deel van onze community!

Nu registreren Aanmelden