Fermata | Media library

It should be:

I don't think preg_split is the best way to do it. I'm sure there is a complicated preg_match pattern which can do this. If you want to use preg_split, you have to split the phrase by every time (not just 20pm to 03pm), and filter out those which you want in PHP.. Like this for example:

The problem lies in how you attach event listeners to your elements. What you're trying to do doesn't work in plain JavaScript.

What you need to utilize is event delegation; it won't change much code wise but it'll change how it works.

By removing your for loop and attaching the handler to the document instead, you'll get what you're after.

This is badly designed XML, in that it is using mixed content (elements that have both text nodes and other elements as children) in a way that mixed content wasn't designed to be used. Constructs like xsl:value-of work well if mixed content is used properly, but they don't work well on this kind of input.

When you're dealing with badly designed XML, the best thing is to start by transforming it to something cleaner. You could do this here with a transformation that wraps the text nodes in an element:

Wow thats a bunch of questions. I will try to work them through.

This is something svg.js does in general. All event handler are executed in the context of the element. So this prints true when clicking on the element: