On my website I tried to append my image using (“#report-type”).append($img) where img is a jquery object with a src website included, based upon a drop down menu selection changing the src of the img. I know that it actually appends in the right place, the img tag is properly formatted, and that the image shows up if i just hardcode the img tag into the HTML.
however, what happens is the page runs, and I see in firebug that the img is appended for a split second and then it disappears. Does anyone have any idea why this might be happening?
here is my function for the dropdown change handler:
$(".update-report").click(function () {
var src, image, $img2, val;
//Clear old charts
//$("#report-type option").children().remove();
//alert(typeof $("select option:selected").val());
val = $("select option:selected").val();
switch (val[0]) {
case "0":
src = "https://graphite.admarketplace.net:2222/render/?from=-7days&width=1400&height=420&_salt=1309990757.707&target=alias(movingAverage(divideSeries(sumSeries(*.server.xml.*.revenue)%2CsumSeries(*.server.xml.*.clicks)),200),%22CPC%22)&fgcolor=black&bgcolor=white&title=Average%20CPC%20per%20minute%20-%207%20Days&hideLegend=true";
$("#chart1").attr('src',src);
break;
case "1":
alert("here1");
src = "http://graphite.admarketplace.net:2222/render/?from=-30days&width=1400&height=420&_salt=1309990757.707&target=alias(movingAverage(divideSeries(sumSeries(*.server.xml.*.revenue)%2CsumSeries(*.server.xml.*.clicks)),200),%22CPC%22)&fgcolor=black&bgcolor=white&title=Average%20CPC%20per%20minute%20-%2030%20Days&hideLegend=true";
$img = createImg(src);
alert(typeof $img);
$("#report-type").append($img);
break;
case "2":
alert("here2");
src = "http://graphite.admarketplace.net:2222/render/?from=-1hour&width=1000&height=400&_salt=1309980469.069&target=alias(e.network.lb.xml.AverageRespTime,%22East%22)&target=alias(w.network.lb.xml.AverageRespTime,%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Current%20Hour";
$img = createImg(src);
src = "http://graphite.admarketplace.net:2222/render/?from=-25hour&until=-24hour&width=1000&height=400&_salt=1309980469.069&target=alias(e.network.lb.xml.AverageRespTime,%22East%22)&target=alias(w.network.lb.xml.AverageRespTime,%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Current%20Hour%20Yesterday";
$img2 = createImg(src);
$(".grid 16").append($img);
$(".grid 16").append($img2);
break;
case "3":
alert("here3");
src = "http://graphite.admarketplace.net:2222/render/?from=-1day&width=1000&height=400&_salt=1309980469.069&target=alias(movingAverage(e.network.lb.xml.AverageRespTime,20),%22East%22)&target=alias(movingAverage(w.network.lb.xml.AverageRespTime,20),%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Current%2024%20Hours";
$img = createImg(src);
src = "http://graphite.admarketplace.net:2222/render/?from=-2day&until=-1day&width=1000&height=400&_salt=1309980469.069&target=alias(movingAverage(e.network.lb.xml.AverageRespTime,20),%22East%22)&target=alias(movingAverage(w.network.lb.xml.AverageRespTime,20),%22West%22)&yMax=500&fgcolor=black&bgcolor=white&title=Average%20Response%20Time%20in%20milliseconds%20Yesterday";
$img2 = createImg(src);
$(".grid 16").append($img);
$(".grid 16").append($img2);
break;
default:
alert("in the default");
}
});
Just pay attention to case 0 here because I’ve been fooling around trying to get this to work. This does not work either, even when I hardcode an img tag into the HTML and ONLY try and change the src. However when I try and append the whole image this doesn’t work either.
I’m suspecting you have some kind of adblocker which removes the image since the src is admarketplace…
We once spent an evening on a similar problem with a “banner.jpg” image 🙂