function AwPagination(tableId, prevText, nextText) { this.prevText = prevText; this.nextText = nextText; this.tableId = tableId; this.table = document.getElementById(tableId); this.currentPage=0; this.rowRefs = []; let height=window.innerHeight-120; //console.log('height='+height); let imageOffset=120; if(window.innerWidth>600){ imageOffset=20; } let rowHeight=this.table.rows[1].getBoundingClientRect().height+imageOffset; //console.log("this.table.rows[0]="+this.table.rows[1]); //console.log('rowHeight='+rowHeight); this.rowLimit=Math.floor(height/rowHeight); if(this.rowLimit<1){ this.rowLimit=1; } //console.log("this.rowLimit="+this.rowLimit); let rowCount = this.table.rows.length; let hasHeader = (this.table.rows[0].firstElementChild.tagName === "TH"); let i, ii, j = (hasHeader) ? 1 : 0; this.th = (hasHeader ? this.table.rows[(0)].outerHTML : ""); this.pageCount = Math.ceil((rowCount - 1) / this.rowLimit); if (this.pageCount > 1) { for (i = j, ii = 0; i < rowCount; i++, ii++) { this.rowRefs[ii] = this.table.rows[i].outerHTML; } this.sort(1); } } AwPagination.prototype.sort = function (page) { this.currentPage=page; let rows = this.th, start = ((this.rowLimit * page) - this.rowLimit), i; for (i = start; i < (start + this.rowLimit) && i < this.rowRefs.length; i++) rows += this.rowRefs[i]; this.table.innerHTML = rows; document.getElementById(this.tableId + "-pagination").innerHTML = this.pageButtons(this.pageCount, page); document.getElementById(this.tableId + "id" + page).setAttribute("class", this.tableId + "-active"); } AwPagination.prototype.pageButtons = function (pageCount, page) { let backDisabled = (page == 1) ? "disabled" : "", nextDisabled = (page == pageCount) ? "disabled" : "", buttons = "", i; let width=document.getElementById('awe-listing-table-pagination').getBoundingClientRect().width; let distance=width/50/2; for (i = 1; i <= pageCount; i++) { if(Math.abs(i-this.currentPage)"; } } buttons += ""; return buttons; } window.addEventListener('load', function() { console.log('onload: listing table'); if (location.host.indexOf('paypal') !== -1 || location.host.indexOf('ebay') !== -1 || location.host.indexOf('half.com') !== -1) { alert('Sorry, eBay TOS do not allow to run this widget on domains that contain "ebay", "paypal" or "half.com" as part of the domain name.'); return false; } let html = "
\n
\n \n \n
\n Ad<\/span>\n <\/td>\n \n Diese Angebote gibt es auf eBay. eBay zahlt u.U. eine Kommission beim Kauf.<\/span>\n <\/td>\n <\/tr>\n<\/table>
\n \n \n \n \n \n \n \n \n \n \n
Foto<\/th>\n Produkt<\/th>\n Preis<\/th>\n <\/tr>\n <\/thead>\n
\"Product<\/td>\n \n Diesel MFA Tachometer Audi A4 B6 B7 8E 8E0920900G Kombiinstrument <\/a>\n <\/td>\n \n
36,50 EUR<\/div>
\n \u00d6ffnen<\/a>\n
\n <\/td>\n <\/tr>\n
\"Product<\/td>\n \n BMW E36 Klima Bedienteil Klimatronic Klimaautomatik 8379521<\/a>\n <\/td>\n \n
85,00 EUR<\/div>
\n \u00d6ffnen<\/a>\n
\n <\/td>\n <\/tr>\n
\"Product<\/td>\n \n Audi A6 C4 2,6 V6 Tacho Kombiinstrument 4A1919033CQ 285342 KM<\/a>\n <\/td>\n \n
245,00 EUR<\/div>
\n \u00d6ffnen<\/a>\n
\n <\/td>\n <\/tr>\n
\"Product<\/td>\n \n Klimabet\u00e4tigung Sitzheizung Audi A4 (B7) 2.0 20V (ALT) 2006 8E0820043A<\/a>\n <\/td>\n \n
45,50 EUR<\/div>
\n \u00d6ffnen<\/a>\n
\n <\/td>\n <\/tr>\n
\"Product<\/td>\n \n Hydraulikblock Ate 3451-6759045 BMW 3er E46 ABS Block ABS Steuerger\u00e4t <\/a>\n <\/td>\n \n
96,50 EUR<\/div>
\n \u00d6ffnen<\/a>\n
\n <\/td>\n <\/tr>\n
\"Product<\/td>\n \n Motorsteuerger\u00e4t DME 7519592 0261209005 BMW E46 N42<\/a>\n <\/td>\n \n
47,50 EUR<\/div>
\n \u00d6ffnen<\/a>\n
\n <\/td>\n <\/tr>\n
\"Product<\/td>\n \n Anlasser Starter 0331303071571, 1,8l 66kw Benzin VW Passat Limo 35i Bj. 1995<\/a>\n <\/td>\n \n
47,50 EUR<\/div>
\n \u00d6ffnen<\/a>\n
\n <\/td>\n <\/tr>\n <\/table>\n
<\/div>\n
\n Stand:<\/span><\/span> 19.10.2026, 08:15<\/span><\/span>
\n<\/div> <\/div>\n <\/div>\n<\/div>"; let widget=document.getElementById('aw_listing'); if(!widget) { widget=document.getElementById('auctionwidgets_com_store_listing'); } let div=document.createElement('div'); div.innerHTML=html; widget.appendChild(div); let css = "" body {\n font-family: Arial, sans-serif;\n margin: 20px;\n}\n.awe-widget {\n all: unset;\n font-family: Verdana,Arial, sans-serif;\n}\n.aw-listing-table {\n width: 100%;\n border-collapse: separate;\n}\n.awe-listing-table-pagination{\n width: 100%;\n text-align: center;\n margin: auto;\n}\n.aw-listing-table tr {\n max-height: 150px;\n height: 150px;\n overflow: hidden;\n}\n.aw-listing-table td {\n border: none;\n padding: 10px;\n text-align: center;\n vertical-align: middle;\n max-height: 150px;\n height: 150px;\n overflow: hidden;\n}\n.aw-listing-table tr:not(:last-child) td {\n border-bottom: 2px dotted #ccc;\n}\n.awe-listing-table-active{\n border: black solid 2px !important;\n font-weight: bold;\n}\n.aw-listing-image img {\n max-width: 100%;\n max-height: 130px;\n min-width: 150px;\n height: auto;\n border-radius: 5px;\n}\n.aw-listing-description {\n text-align: left;\n max-height: 130px;\n overflow: hidden;\n width:95%;\n}\n.aw-listing-price {\n font-weight: bold;\n font-size: 1.5em;\n color: #28a745;\n background: linear-gradient(to bottom, #e0e0e0, rgba(255, 255, 255, 0.7));\n padding: 8px;\n border-radius: 5px;\n display: inline-block;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n margin-top: 10px;\n width: 100%;\n box-sizing: border-box;\n}\n.aw-listing-view-button {\n display: inline-block;\n padding: 10px 15px;\n background-color: #0073e6;\n color: white;\n text-decoration: none;\n border-radius: 5px;\n font-weight: bold;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n margin-top: 5px;\n width: 100%;\n box-sizing: border-box;\n text-align: center;\n}\n.aw-listing-mobile-only {\n display: none;\n margin-top: 0;\n margin-bottom: 0;\n}\n@media (max-width: 600px) {\n .aw-listing-mobile-only {\n display: block;\n margin-top: 20px;\n margin-bottom: 5px;\n }\n .awe-listing-table-header {\n display: none !important;\n }\n .aw-listing-table tr:not(:last-child) td {\n border-bottom: 0px solid #ccc;\n }\n .aw-listing-table {\n display: block;\n }\n .aw-listing-table tr {\n display: flex;\n flex-direction: column;\n height: auto;\n max-height: none;\n }\n .aw-listing-table td {\n display: block;\n width: 100%;\n height: auto;\n }\n .aw-listing-view-button {\n width: 50%;\n }\n .aw-listing-price {\n width: 50%;\n }\n}""; let head = document.head || document.getElementsByTagName('head')[0]; let style = document.createElement('style'); style.setAttribute('type', 'text/css'); style.appendChild(document.createTextNode(css)); head.appendChild(style); window.awPagination=new AwPagination("awe-listing-table","Zurück","Weiter"); });