| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

WordPress

Page history last edited by (account deleted) 14 years, 8 months ago

One of melative's features is it's API system that allows many different means for interaction with it's database. Melative stores information on Music, Films, Books, Anime and many other forms of media and with the API we are able to pull information on any of the titles stored in melative easily.

 

This plugin makes use of javascript to pull information on a title that is requested. It will search the page for any <a> links that match the criteria set under Usage below. When a user's cursor is placed over the <a> link a bubble will be displayed next to the cursor.

 

Plugin:

The activation of this plugin will load two files into every page on your WordPress blog. These files are a javascript file called js/misc.js and a css file called css/style.css. The misc.js file contains all the logic needed to create the mouseover effect on valid melative links you place in your blog. The style.css file merely gives a default look to the bubble to get you started.

 

Usage:

The valid structure is as below:

 

     <a href="http://melative.com/{context-type}/{title}" rel="melative">Text/Image</a>

 

This will work for any context type. Here is an example of an anime:

 

     <a href="http://melative.com/anime/Sayonara Zetsubou Sensei" rel="melative">Sayonara Zetsubou Sensei</a>

 

This would also work if you were to use an image instead of text, for instance if you wanted to have an icon in your WordPress sidebar next to a category name you could do something like this:

 

     <li>

<a href="http://mellowspace.com/category/FLCL">FLCL</a> <a href="http://melative.com/anime/FLCL" rel="melative"><img src="http://mellowspace.com/wp-content/uploads/melative-icon.png" alt="melative" /></a>

     </li>

 

Goals:

  • Add demo site and better documentation. (Clearer and less jargon).
  • Add loading GIF
  • Add IE support
  • Submit to WordPress Plugins directory
  • Add an optional "insert melative icon" feature with positioning options.
  • Add DIV exception (much like IMG exception)
  • Add better cross browser support
  • Fix speed issues and incorrect unloading of the bubble
  • Add position detection

 

Download:

 

Comments (0)

You don't have permission to comment on this page.