html[0].inject($('work'),'bottom'); works and shows the correct
result.
but it loads only the first div and i want all ..
any idea??
On 26 Jul., 15:38, hamburger <[email protected]> wrote:
> to keif,
> sorry i deleted my php-file. its repaired ..
>
> On 26 Jul., 15:29, keif <[email protected]> wrote:
>
> > Your site throws two JavaScript errors - one is you're calling a 404
> > and the other, 'html is undefined'
>
> > -kb
>
> > On Jul 26, 9:19 am, hamburger <[email protected]> wrote:
>
> > > 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)
