multiple tab rezize on same page

Resolved julien
(@leguennecj)

4 years, 2 months ago
Hello

I use this script which works well but the problem is that I have multiple tab on the same page to rezize and this code works only one time.
```
<script>
jQuery('a[class*='woost_tab']').on('click',function() {
function() {
window.dispatchEvent(new Event('resize'));
};
</script>
```
Can you help me to make a trigger on click usable multiple time on same page ?

Thanks in advance

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

PDFG Support
(@wppdfsupport)

4 years, 2 months ago
Hi @leguennecj,

With a little modification to your code, the subsequent tabs will open correctly. The modified code is as follows (where div.tab-title is the correct id/class for your particular tabs):
```
<script>
     jQuery('div.tab-title').on('click',function() {
        setTimeout(
        function() {
          window.dispatchEvent(new Event('resize'));
       },
       100
       );
    });
 </script>
```
More information on this can be found here in our FAQs: https://wp-pdf.com/kb/the-viewer-doesnt-display-at-all-or-at-wrong-size-when-inside-a-javascript-based-tab-or-ajax-page-transitions/
- This reply was modified 4 years, 2 months ago by PDFG Support. Reason: missed a bit of code explanation
Thread Starter julien
(@leguennecj)

4 years, 2 months ago

Hi,
Thanks for your support.

Unfortunately it’s not working well. Sometime it works on 2 tabs but not on 3 tabs. Can you have a look ? Regards

PDFG Support
(@wppdfsupport)

4 years, 2 months ago

Hi @leguennecj,

I could not see the page you linked to as it throws a 404 Not Found error. If you still require assistance, could you perhaps send us an email to [email protected] as we may not see the forum posts in a timely fashion.

Thread Starter julien
(@leguennecj)

4 years, 2 months ago

This URL for exemple
https://francebattery.com/produit/batterie-olenbox-serie-l/

PDFG Support
(@wppdfsupport)

4 years, 2 months ago

Hi @leguennecj,

I took a look at the link provided, thank you for that. I saw embedded PDFs in the 12V, 24V, and 48V tabs. In all cases, the embedded documents are loading at the full width of the tabbed content area. If you are not seeing that, can you please flush and do a hard reload of your browser. It is likely that the previous code was cached and not loading the revised version that prompted the recalculation of the tabs.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘multiple tab rezize on same page’ is closed to new replies.

Tags