Keyword

Modal, how to clear cache?

More
11 years 4 months ago #113720 by Oscar
Modal, how to clear cache? was created by Oscar
Hi I am linking the category_item.php image to a modal so I can display the related_video in a popup window.

My problems now are that the related_video is showing in the item area and i don't want that i just want to call the video with the modal popup and it look like this image (top) and related_video (bottom), so im calling the modal in the "catItemImage" I edit the code from the "catItemVideoBlock". It work a little bit good i just need to hide the video in the category_item view.

The other nice questions is that if i click in the images of other items modal only pops the video of the first item, how can i clean or reset the modal memory ever time i click in a different modal image?

Thanks in advance, i hope some one knows a little trip to fix this

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
11 years 4 months ago - 11 years 4 months ago #113721 by Krikor Boghossian
Replied by Krikor Boghossian on topic Re: Modal, how to clear cache?
Hello Oscar,

Which modal are you using? The default Joomla! modal (squeezebox)?

To be honest I have not encountered this issue before, so I would recommend double-checking your code and make sure that you have used the correct variables and JS syntax.

PS. You can always c/p the code here.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago - 11 years 4 months ago #113722 by Oscar
Replied by Oscar on topic Re: Modal, how to clear cache?
Hello krikor good to see a fast response, thanks.

I thing im using the SqueezeBox, let me give you more elements to see if you can help me.

The code I edit form "catItemImage" is this (and as you can see im using two classes for the same element, one the "modal" and another one "video" and that one calls a play-image that goes on top of the images and when you click that it open the popup):
Log in  or Create an account to join the conversation.

More
11 years 4 months ago #113723 by jean-philippe
Replied by jean-philippe on topic Re: Modal, how to clear cache?
Hi Oscar,

In the categorie items view...

the Categories items view is called many time to duplicate template... and your id "video_pop" is duplicate...

HTML don't like when you duplicate an ID so...

so add something like :
					
Emond, Jean-Philippe

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #113724 by Oscar
Replied by Oscar on topic Re: Modal, how to clear cache?
Thanks a lot, that works great for showing the right "related_video"

The other question is how can i hide the related_video and show it only with the modal?

Thanks

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #113725 by jean-philippe
Replied by jean-philippe on topic Re: Modal, how to clear cache?
Hi Oscar,

try to use css rules:
					
Emond, Jean-Philippe

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #113726 by Oscar
Replied by Oscar on topic Re: Modal, how to clear cache?
I insert the css rule inside the div like this style="display: none;"

wish it does hide the related_video but it doesnt show it any more in the popup

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #113727 by jean-philippe
Replied by jean-philippe on topic Re: Modal, how to clear cache?
Hi Oscar,

place your modal div inside a "hidden" div...

see my template:
					
Emond, Jean-Philippe

Please Log in or Create an account to join the conversation.

More
11 years 4 months ago #113728 by Oscar
Replied by Oscar on topic Re: Modal, how to clear cache?
Jean-Philippe

Thanks for all your help, I finally found a solution to my questions,

To hide the related_video and only call it in the modal box, i just put all my content inside the link tag

here is the code:
Log in  or Create an account to join the conversation.