We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 785
    • 2,113 Posts
    Error in MS IE8 in Ajax mode (in Firefox no errors):

    Message: Object does not support this property or method
    Row: 29
    Symbol: 161
    Source: …assets/snippets/ajaxSearch/js/ajaxSearch1/ajaxSearch.js
      Создание сайтов на MODx, поддержка сайтов, поисковая оптимизация, программирование, копирайтинг
      Статьи о MODx, регулярно новые публикации
      • 5811
      • 1,717 Posts
      Ok Thanks for this feedback. This is now fixed for IE8 : pagingType1

      But with IE7, the background image (arrow) is disappearing >:(

      When you move your mouse near the label x-y/z you find the onClick funtion and you could change the page. So the Css is now correct. Unfortunately the image is missing.

      It seems to be a known bug for IE7. But for the moment I have found the solution to fix by css this problem.
      The solution provided on this post (see chapter 3) seems for this case inefficient.

      Is a css guru expert somewhere to help me to fix this irritating issue with IE7 ? Or is Somebody enconter this issue and could give me a link to the solution used to fix it. Thanks.
      To understand the problem, follow this link, do a search with "the" and with a standard browser you should see an arrow on the right of 1-3/19. But not with IE7 huh

      PS: For the moment the download of AjaxSearch 1.9.0 hasn’t be updated
        • 5811
        • 1,717 Posts

        Is a css guru expert somewhere to help me to fix this irritating issue with IE7 ?
        Finally I found the solution myself wink
        I hate css and IE7 !!!

        With IE7 the main issue is that you can’t attach a background image to an empty link. So:
        .paging1Prev{ margin:0; padding:8px; background:url(images/asprev.png) 0 center no-repeat;}
        .paging1Next{ margin:0; padding:8px;background:url(images/asnext.png) 0 center no-repeat;}
        is too simple for IE7 >:(

        Finally I added a "next" and a "previous" string inside the links:
        <div class="paging1">
        [+as.showPrev:is=`1`:then=`<a id="[+as.prev_grpResultId+]" class="paging1Prev" href="[+as.pagingPrev+]">previous</a>`+]
        <span class="paging1Infos"> [+as.pagingStart+] - [+as.pagingEnd+] / [+as.pagingNb+] </span>
        [+as.showNext:is=`1`:then=`<a id="[+as.next_grpResultId+]" class="paging1Next" href="[+as.pagingNext+]">next</a>`+]
        </div>
        and used text-indent to hide the "next" and "previous" strings:
        .paging1Prev{ width:16px; margin:0 3px 0 0;display:block; float:left; text-indent:-3000px; background:url(images/asprev.png) 0 center no-repeat; }
        .paging1Next{ width:16px;display:inline-block;text-indent:-3000px; background:url(images/asnext.png) 0 center no-repeat; }
        Hope It can serve for somebody else.

        I have updated the demo site with this new release ajaxSearch190 package. The previous was ajaxSearch190_6835;zip, the new is ajaxSearch190_6858.zip.
        Apologize for those who have already downloaded it.