Refresh imagine dupa schimbare variabile [REZOLVAT]

[fan_haulin]

Salutare. Am o imagine pe care o creez de fiecare data (in PHP) in functie de niste variabile. Acele variabile se pot schimba in functie de utilizator (Le poate alege). Am reusit sa fac in asa fel incat sa se modifice link-ul catre acea imagine, insa nu pot reusii in niciun fel sa fac imaginea sa isi dea refresh in functie de noile variabile. Ma poate ajuta cineva cu o functie onclick/onchange in javascript ?

Code: Select all

<script type="text/javascript">var url_site = "<?php echo $url_site;?>";</script>
				<script type="text/javascript">
					function myBackground(name){
						document.getElementById("background").innerHTML = name;
						var background = name;
					};
					function myRank(name){
						document.getElementById("rank").innerHTML = name;
						var rank = name;
					};
					function myColorTitle(name){
						document.getElementById("color_title").innerHTML = name;
						var color_title = name;
					};
					function myColorInfo(name){
						document.getElementById("color_info").innerHTML = name;
						var color_info = name;
					};
					function afimg(){
						if(!background){
							background = "bg1";
						}
						if(!rank){
							rank = 0;
						}
						if(!color_title){
							color_title = "FFC200";
						}
						if(!color_info){
							color_info = "FFFFFF";
						}
						document.getElementById('banner').src=url_site+"signature/"+<?php echo $steamid;?>+"_"+"bg1"+"_"+"0"+"_"+"FFC200"+"_"+"FFFFFF"+".png";
						setTimeout('afimg()',500);
					};
				</script>
				<script type="text/javascript" src="/js/pick_color.js"></script>
						<table class="table" width="100%">
							<tr>
								<td>
								&nbsp;&bull; Banner (350x90):<br/>
								&nbsp;<img id="banner" class="img-responsive" src=""/>
								</td>
							</tr>
						</table>
							<table class="table" width="100%">
								<tr>
									<td>&raquo; Background:</td>
									<td>
										 <select name="background" onchange="myBackground(this.value);afimg();" class="form-control">
											<option value="bg1" selected="true">Background #1 - 350 x 90</option>
											<option value="bg2">Background #2 - 350 x 90</option>
											<option value="bg3">Background #3 - 350 x 90</option>
											<option value="bg4">Background #4 - 350 x 90</option>
										</select>
									</td>
								</tr>
								<tr>
									<td>&raquo; Rank:</td>
									<td>
										<select name="rank" onchange="myRank(this.value); afimg();" class="form-control">
											<option value="1" selected="true">Silver I</option>
											<option value="2">Silver II</option>
											<option value="3">Silver III</option>
											<option value="4">Silver IV</option>
											<option value="5">Silver Elite</option>
											<option value="6">Silver Master Elite</option>
											<option value="7">Gold Nova I</option>
											<option value="8">Gold Nova II</option>
											<option value="9">Gold Nova III</option>
											<option value="10">Gold Nova Elite</option>
											<option value="11">Master Guardian I</option>
											<option value="12">Master Guardian II</option>
											<option value="13">Master Guardian Elite</option>
											<option value="14">Distinguished Master Guardian</option>
											<option value="15">Legendary Eagle</option>
											<option value="16">Legendary Eagle Master</option>
											<option value="17">Suprem Master First Class </option>
											<option value="18">The Global Elite</option>
										</select>
									</td>
								</tr>
								<tr>
									<td>&raquo; Title Color:</td>
									<td><input class="color" style="border: none; background: url(images/input_color.gif) no-repeat left top; padding: 3px; width: 55px; font: 12px tahoma, sans-serif; font-weight: bold;" name="color_title" type="text" size="6" maxlength="6" onchange="myColorTitle(this.value); afimg();" /></td>
								</tr>
								<tr>
									<td>&raquo; Info Color:</td>
									<td><input class="color" style="border: none; background: url(images/input_color.gif) no-repeat left top; padding: 3px; width: 55px; font: 12px tahoma, sans-serif; font-weight: bold;" name="color_info" type="text" size="6" maxlength="6" onchange="myColorInfo(this.value); afimg();" /></td>
								</tr>
							</table>
							<table class="table" width="100%">
								<tr>
									<td>
										<div align="center">
											<tt id="cod_banner" onfocus="this.select();" class="form-control">[url=<?php echo $url_site; echo $steamid;?>][img]<?php echo $url_site."signature/".$steamid;?>_<span id="background">bg1</span>_<span id="rank">0</span>_<span id="color_title">FFC200</span>_<span id="color_info">FFFFFF</span>.png[/img][/url]</tt>
										</div>
									</td>
								</tr>
							</table>

[The Kalu]

Ceva cod?

Code: Select all

$(document).ready(function(){

    $('.swapImage').click(function(){

        var image = <?php print getImageFunction($image); ?>

        $('.status').html(image);

    }

});


<div class="status"></div>

[fan_haulin]

Am adaugat in primul post !