Scrolling problem after innerHTML update of a DIV

Hi guys, I desperately need assistance. I've been trying to get my code work for about 1,5 day but no effect. Problem is that de scrollbars dispappear after a innertHTML update of a DIV. I have tried everything I could think of and read about in forums, documents etc.. like destroy, refresh. Nothing worked so far.

Help will be appreciated!!! <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-type" content="text/html; charset=utf-8">

{ -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); } input, textarea { -webkit-user-select:text; } </style>

window.addEventListener("load",init,false);

var preventDefaultScroll = function(event) { event.preventDefault(); window.scroll(0,0); return false; }; document.addEventListener('touchmove', preventDefaultScroll, false);

var onDeviceReady=function(){ AppMobi.display.useViewport(768,1024); AppMobi.device.hideSplashScreen(); AppMobi.device.getRemoteData('http://www.ezy-booking.com/artists/shopping/apps/venues/app_show_event_genrelist.cgi',"GET","E-MAIL=support@appmobi.com&TEST=1&MAX=0","success_handler_getMenuData","error_handler_getMenuData"); }

document.addEventListener("appMobi.device.ready",onDeviceReady,false); </script>

function success_handler_getMenuData(data) { document.getElementById('menuleft').innerHTML=data; $(".menuClass").iscrollview("refresh"); }

function error_handler_getMenuData(data) { alert('An error occurred.\nPlease try again.'); }

function getBodyData(url) { AppMobi.device.getRemoteData(url,"GET","","success_handler_getBodyData","error_handler_getBodyData"); }

function success_handler_getBodyData(data) { document.getElementById('main').innerHTML=data; $(".mainClass").iscrollview("refresh"); }

function error_handler_getBodyData(data) { alert('An error occurred.\nPlease try again.'); }

</script> </head>

<div data-role="header" id="header" data-tap-toggle="false" data-position="fixed" style="position:fixed !important;top:0px;left:0px !important;width:100%;height:50px;background-color:#ffffff;overflow:none"> <h1>EZY-Booking | Where Entertainment Goes Live</H1> <a href="#" data-icon="check" data-theme="a" class="ui-btn-right"><span style="color:#ffffff">Join us</span></h1></a> <div data-role="navbar" data-tap-toggle="false style="background-color:#434343"> <ul> <li><a href="javascript:getMenuData('http://www.ezy-booking.com/artists/shopping/apps/venues/app_show_event_occasionlist.cgi');">Ocasion</a> <li><a href="javascript:getMenuData('http://www.ezy-booking.com/artists/shopping/apps/venues/app_show_event_categorylist.cgi');">Category</a> <li><a href="javascript:getMenuData('http://www.ezy-booking.com/artists/shopping/apps/venues/app_show_event_genrelist.cgi');">Genre</a> <li><a href="javascript:getMenuData('http://www.ezy-booking.com/artists/shopping/apps/venues/app_show_event_formationlist.cgi');">Formation</a> </ul> </div> </div>

<div id="main" class="mainClass" data-iscroll="enable" title="" selected="true" style="position:absolute;overflow:auto;bottom:50px;top:238px;left:200px;background-color:#eaeaea;color:#333333"> <div id="wrapperMain"> MAIN: Cohen: grote fouten bij rellen Haren <br><br> Zowel de politie van Groningen als burgemeester Rob Bats van Haren hebben grote fouten gemaakt bij de Facebookrellen in het Groningse villadorp vorig jaar. Dat concludeert de commissie die onder leiding van Job Cohen onderzoek deed naar de ernstige ongeregeldheden. De belangrijkste conclusies van het rapport zijn uitgelekt en die liegen er niet om. <br><br> Weekendabonnement<br> Proefabonnement,<br> 10 weken € 30,-!<br> Ads door Google<br> WOW Slider Coupon Code<br> <br><br> Liked Free WOW Slider? Buy Full Version Now and Save Big! <br><br> <a href="AppMobi.device.launchExternal('http://www.google.com');">site</a> <br> <a href="http://www.ezy-go.com" rel="external" data-ajax="false">WOWSlider.com</a> <br><br> Wonen in Duitsland <br><br> Informatie over o.a. belasting, sociale zekerheid en ziektekosten. <br><br> www.GrensinfoPunt.nl <br><br> GOGO Kos Stad 2013 <br> Goedkoop feesten & chillen? Kos Stad is het helemaal! <br> Kos-Stad.GOGO.nl <br> Agenten waren slecht voorbereid en de burgemeester heeft te lang gewacht met het inroepen van hulp. Ook waren er te weinig leden van de Mobiele Eenheid, die bovendien veel te laat ter plaatse waren. De politie begreep ook nog eens niets van sociale media. <br><br> De Facebookrellen ontstonden toen duizenden jongeren zich op 21 september in Haren verzamelden voor het verjaardagsfeestje van het 15-jarige meisje Merthe. De uitnodiging voor het feest was per ongeluk bij tienduizenden gebruikers van Facebook terechtgekomen. Het kwam tot ernstige rellen in het Groningse dorp, waarbij de relschoppers onder meer lantaarnpalen, verkeersborden en auto's vernielden. Het Verbond van Verzekeraars schat de totale schade op ongeveer 1 miljoen euro. <br><br> Zover had het allemaal niet hoeven komen, concludeert Cohen. De voorbereiding was echter flink onder de maat. Maar ook toen het eenmaal uit de hand was gelopen, traden de autoriteiten niet adequaat op. Agenten slaagden er bijvoorbeeld niet in om contact te krijgen met leidinggevenden en de Mobiele Eenheid was veel te laat ter plaatse. Dat is deels de schuld van burgemeester Bats. Die heeft te lang gewacht met het opschalen van de crisisorganisatie, waardoor ME'ers van andere korpsen pas kwamen toen de rellen al in volle gang waren. <br><br> Volgens de commissie was de speelruimte van de politie aan een kant beperkt door de besluiten van politie, jusitie en burgemeester. Die wilden een normale gang van zaken, Haren niet afsluiten en zo weinig mogelijk zichtbare politie. Dat pakte desastreus uit. <br><br> Job Cohen presenteert het rapport morgen officieel op een persconferentie in het gemeentehuis van Haren. </div> </div>

<div data-role="footer" data-tap-toggle="false" data-position="fixed" style="position:fixed !important;left: 0px !important;right: 0px !important;bottom: 0px !important;z-index: 999 !important;"> <div data-role="navbar"> <ul> <li><a href="javascript:AppMobi.device.launchExternal('http://www.ezy-booking.com');">Organization</a></li> <li><a href="javascript:AppMobi.device.launchExternal('http://www.facebook.com');">Facebook</a></li> <li><a href="#">Twitter</a></li> <li><a href="#">Pinterest</a></li> <li><a href="javascript:getExternalData('http://www.ezy-booking.com/artists/shopping/apps/venues/app_show_event_occasionlist.cgi');">Website</a> </ul> </div> </div>

</div> </body> </html>

Regards, Henk

watusi / jquery-mobile-iscrollview

Scrolling problem after innerHTML update of a DIV #79