Javascript resize div ved Ajax
Jeg har opbygget en side med hjælp af prototype biblioteket, hvor jeg henter alt content på siden vha. Ajax.Request.Mit problem er at min "layout" div gerne skal opdatere størrelsen efter hvor højt content-diven er.. (eller billederne på siden)
Jeg kan få det hele til at virke I Chrome, Opera, Safari, IE9 men i IE8 og FF opdaterer den ikke.. I FF ser det ud som om den gør det rigtigt første gang, men ikke gør det de efterfølgende gange..
Min Resize funktion bliver kaldt i en setTimeout, for at sikre at alt content er loadet (Var en workaround som fik det til at virke i de fleste browser).
function resizeLayout(content)
{
var offset = 240;
var image = $('images1').scrollHeight + offset;
var content = ( (content % 2 == 1) ? $('content1').scrollHeight : $('content2').scrollHeight ) + offset;
if (content > image)
{
$('layout').style.height = content.toString()+"px";
} else {
$('layout').style.height = image.toString()+"px";
}
}
Jeg har checket W3schools, og syntes ikke der skulle være nogen problemer med scriptet i de forskellige sprog..
// Farving