thx brook i deleted all ID's in the ajax call. same result.
On 26 Jul., 15:01, brook <[email protected]> wrote: > are you sure its not an issue with your css rather than your > javascript. in particular, do you have multiple div's with the same > id? I´ve notice some browsers allow you to get away with this - but > if i load it with ajax it will fail. > > On Jul 26, 6:48 am, hamburger <[email protected]> wrote: > > > Hello, > > I have a Problem with my code. > > I would like to load more content by scrolling down. This works fine. > > Scrolling down to the end of my page loads via ajax (request.html) > > more content. > > But the new content ignores my css-statements and destroys my layout. > > If I copy the loaded text direct to my code it will be shown correct. > > have a look here:http://www.opteynde.com/test_BilderListe3.html > > > here my js: > > > (function($) { > > //domready event > > window.addEvent('domready',function() { > > //settings on top > > var initialPosts = 0; > > var start = 0; //<?php echo $_SESSION['posts_start']; ?>; > > var desiredPosts = 0; //<?php echo $number_of_posts; ?>; > > > var url = 'http://www.opteynde.com/LazyPagination.php'; > > var paged = 2; > > var requests = 0; > > var maxRequests = 5; > > var abstandvonunten = 200; /* tolerance */; > > > var spy; > > var spyAct = function() { > > var min = document.getScrollSize().y - > > document.getSize().y - > > abstandvonunten; > > spy = new ScrollSpy({ > > min: min, > > onEnter: function() { > > //alert("jetzt"); > > if(requests != maxRequests) > > datenHolen.send({ > > data: {paged: paged, ajax: 1, page: null} > > }); > > } > > }); > > }; > > > //wait for first load... > > window.oneEvent('load',function() { > > spyAct(); > > }); > > > //ajax! > > > var datenHolen = new Request.HTML ({ > > url: url, > > method: 'get', > > //update: $('hier'), > > onRequest: function(){ > > $('gototop').set('html','Load ...('+paged > > +')'); > > //$('gototop').highlight('#fff','#ccc'); > > }, > > onComplete: function(response,html) { > > > > //html[0].inject($('work'),'bottom'); //loads only first > > div > > html.inject($('work'),'bottom'); > > //console.log(html); > > }, > > onSuccess: function(){ > > start += desiredPosts; > > requests++; > > paged++; > > spyAct(); > > (function() {$('gototop').set('html','Top of > > Page');}).delay(1000); > > > }, > > onFailure: function(){ > > alert("failure ajax"); > > } > > }); > > > }); > > > })(document.id); > > > thanks for an help in advance (I do not have any idea what could be > > wrong here)
