Ik heb een php script die een plaatje echo't en heb een button er bij staan om dat plaatje te updaten omdat het plaatje afhangt van een variabele in de database. Hoe kan ik in jQuery het plaatje laten veranderen aan de hand van variabelen die ik met jQuery uit de database haal?

<img src="" id="jeplaatje">

<script type="text/javascript">
$.get('url.php', function(data) {
  $('#jeplaatje').attr('src',data);
});
</script>


Iets in die richting ? :)
ow ik ben er iets bij vergeten te melden: het plaatje is een background-image van een div... er zit dus geen id op het plaatje zelf dus die kan ik niet ophalen :s
$('#jediv').css('background-image', 'url(' + data + ')');
Hey bedankt voor de code maar het wil nog niet echt werken: ik heb de volgende code op de pagina waar Jquery wordt aangeroepen:

onclick="GetOdds('updatewinodds.php','updateodds','url(1.png)')"


en de code die Wouter gaf heb ik in m'n 'GetOdds' staan:

function GetOdds(data,divid,image)
	{
function(output) 
			{
				$('#'+divid).css('background-image', 'url(' + image + ')');



maar hij veranderd het plaatje niet :S het plaatje blijft staan op wat het was, hij knippert wel omdat ie wat ververst maar dat deed ie altijd al. De bedoeling is eigenlijk om het plaatje te laten veranderen in het php script wat aangeroepen wordt door jQuery, omdat ik het plaatje laat veranderen naar aanleiding van een variabele in de database. Iemand enig idee hoe ik dit kan bereiken? of dat het met dit script kan of op een andere manier?

Alvast heel erg bedankt voor de moeite,

Tim

Je hebt nu bij het aanroepen van de functie url(1.png) gebruikt en nu ga je in de functie zelf weer url() gebruiken. Haal 1 van die 2 dus weg, mijn voorkeur is om degene in de functie aanroep weg te halen.

Een voorbeeldje hoe je deze code dan kan maken: http://jsbin.com/egared/ (voor code, zie broncode of http://jsbin.com/egared/edit#javascript,html
ok dat werkt inderdaad, ik kan nu in het jquery script het plaatje veranderen. Maar: Het jquery script weet niet welk plaatje hij moet pakken, dat weet alleen het php script dat het jquery script runt. Is er een manier om de source van het plaatje vanuit php terug te geven aan het jquery script?
<script>
var url = '<?php echo $source; ?>';
</script>
ok ik voel me echt een javascript-leek op dit moment, ik heb geprobeerd om via jquery de variabele op te halen die ik gedefinieerd heb in php:


<script type="text/javascript" language="javascript">
var url = '<?php echo 15; ?>';
</script>


maar als ik dat probeer op de volgende manier:

var url2 = $.get("updatewinodds.php",url);


dan stopt jquery met werken...
waarom een onclick in je html gebruiken terwijl dit ook netjes in jquery kan? Ik vind het zelf netter als je het goed gescheiden houd

Reageren