[Resolved] JS event listener for change in a parametric search

[Author]

Posts

[Tim Elliott]

Tell us what you are trying to do?
I have a masonry grid in a view - the size of the elements are updated using javascript to give the masonry effect. I have event listeners to run this code onload and when the screen is resized.

window.addEventListener ?
window.addEventListener("load",resizeAllGridItems,false) :
window.attachEvent && window.attachEvent("onload",resizeAllGridItems);

window.addEventListener("resize", resizeAllGridItems);

However they don't resize when the page is refreshed by ajax for a change in a search parameter. Is there a way add a listener for the update to parametric search?

On a connected note, the image I have in the loop doesn't display after the ajax refresh either.

Is there any documentation that you are following? No

Is there a similar example that we can see? Not that I know of

What is the link to your site? hidden link but you will need to be logged in to view.

[Tim Elliott]

Actually you can ignore the second part "On a connected note, the image I have in the loop doesn't display after the ajax refresh either". The image doesn't display if I use a custom size, but if I use a standard size it does.

[Shane]

Hi Tim,

Thank you for contacting our support forum.

Actually given that its an ajax event done with views you will need to add the callback function for the even.

Go to your Filter Editor in your view and then click on the JS tab. From there you should see a button called Frontend Event..

Click this and from there you can add the appropriate callback function that is required for your view.

Thanks,
Shane

[Tim Elliott]

Thanks Shane, that's done it.