Sometime back in 2012 or 2013, I stumbled upon this site. As you will see, it displays the current time but in a rather creative manner. Note that this “word clock” is built on Flash.
I thought it would be cool to create it in jQuery just as an exercise. So I started on it and it took just about under one hour to come up with a similar word clock built on jQuery. Here is the link for it. Go ahead and check the time.
Problem:This is a common scenario. You are using tinyMCE in admin of a site to insert a link to image. While displaying that image on frontend tinyMCE makes it relative path instead of absolute. Solution:
When setting up tinyMCE set these 2 configuration options:
Both these options are true by default. As the name implies, “remove_script_host” removes the protocol and host part of URLs. “relative_urls” must be set to false is you want to set “remove_script_host” to false.
split function accepts a delimiter as first parameter, a string as second paramter and splits the string into an array by that delimiter. Returns original string if delimiter is not found.
I am working on a project where I need to make a list of items sortable. Naturally, I used jQueryUI’s sortable component. Now it works great for elements like ul, or ol or any other html structure.
In my case the items were in a table and I had to make the tr’s sortable. Implementing the sortable gave me the desired behavior. Here is the code I used:
But while dragging the rows, the width of cells inside currently dragged row was getting decreased, making the row appear far smaller than normal size and ugly. This is what I am talking about (note row #6):
I did a quick Google search and found the following solution which works well. You will have to use the “helper” option provided by jQuery UI api. Here is it how you use it:
// Set helper cell sizes to match the original sizes