Only first event on page is passed to popover

  • stephanmoenninghoff

    (@stephanmoenninghoff)


    6 years ago

    (use pass “Micerule”) – click on the calendar page before each event to trigger the popover.

    I am using a popover to accommodate two links to single event feeds: One for for iCal and one for Google. The code in simplified form is:

    [events_list_grouped mode="monthly" limit="8" pagination="1"]
<a tabindex="0" data-toggle="popover" data-trigger="focus" data-delay="200" data-container="body">Cal-Link</a>
<div class="popover-content hide">
<a href="#_EVENTICALURL">ical</a>
<a href="#_EVENTGCALURL">gcal</a>
[/events_list_grouped]

    The class “.hide” is – obviously – hidden but displays the correct event feeds if unhidden. However the popup is always populated with the feeds of the first event on the page.

    I am using the following ja script in the header:

    $=jQuery;
$(document).ready(function(){
    $("[data-toggle=popover]").popover({
    html: true, 
	content: function() {
          return $('.popover-content').html();
        }
}); 
});

    My knowledge of js is pretty much non-existent so if there is anything wrong with this, any comments would be most appreciated.
    Thanks!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    sorry but I’m afraid that we are quite limited with regards to custom coding as per the support policy – https://eventsmanagerpro.com/support-policy/ and haven’t tried the above modification as well.

    Thread Starter stephanmoenninghoff

    (@stephanmoenninghoff)

    @angelo_nwl I understand. Thanks for letting me know. If anyone else reads this: I don’t mind paying for it. I don’t want anything for free. I can’t buy the pro version as the work I am doing is for a small club.

    Stonehenge Creations

    (@duisterdenhaag)

    Stephan,
    I personally do not have the time to help you out right now, but your comment puzzles me…

    You are willing to pay a developer, but not buy the Pro version? The Pro version is only $75 per year. That is less than the going hourly rate of a good developer. ??

    Thread Starter stephanmoenninghoff

    (@stephanmoenninghoff)

    @duisterdenhaag I understand your puzzlement. It’s easy, really: If it’s a one-time fee I will just pay out of my own pocket, no questions asked. If it is an annual fee and a club is involved with a committee and members and a panel it’s…well…politics and I haven’t the time for that. I just want things done. See what I mean? ??

    timrv

    (@timrv)

    Hello,

    I wanted to check the page that you have mentioned but it requires a password thus I can’t access it.

    However, If I get what you mean, maybe what you need to add a loop/jquery each to loop on all [data-toggle=popover]?

    Not sure if this will work, but maybe what you need is something like this? 

    jQuery(document).ready(function(){
    jQuery("[data-toggle=popover]").each( function() {
		jQuery(this).popover({
			html: true, 
			content: function() {
				  return jQuery(this).find('.popover-content').html();
				}
		}); 
	});
});

    You should probably put it on footer also so everything will load first before the script is triggered.

    Thread Starter stephanmoenninghoff

    (@stephanmoenninghoff)

    @timrv thanks a million, you rock. I tried but it didn’t quite work. The popover is not triggered at all.
    The password is “Micerule”. I did not state it in the URL field because I did not know if I should but I gave it at the top of my post. Sorry about the confusion.
    Thanks again for trying!

    Thread Starter stephanmoenninghoff

    (@stephanmoenninghoff)

    Ok, I have it. Someone else was able to take a look. @timrv your idea was good. Without looking at the site you couldn’t know you had to dig deeper. This worked:

    $=jQuery;
jQuery(document).ready(function(){
    jQuery("[data-toggle=popover]").each( function() {
		jQuery(this).popover({
			html: true, 
			content: function() {
				  return jQuery(this).parent().next().html();
				}
		}); 
	});
});

    Thanks again!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Only first event on page is passed to popover’ is closed to new replies.