Jquery AnchorCloud Expanding Link Plugin.
Wall Script
Follow Me:
Monday, January 09, 2012

Jquery AnchorCloud Expanding Link Plugin.

Introducing a new jQuery AnchorCloud Link Identifier plugin, This helps make better and enrich link expanding system for your web content pages. This plugin developed using yahoo query language(YQL) for extracting website content like page title and description. First version supports we included Youtube and Vimeo, next release we are planning to include some more popular video and photo services.

jquery Anchor Cloud expanding links plugin

Download Script     Live Demo

Developer
Arun Kumar Shekar
Arun Kumar Sekar
Engineer
Chennai, INDIA

The Basic Setup

Include the jQuery and notification libraries into your document

<script src="jquery.js"></script>
<script  src="js/jquery.anchorCloud.js"> </script>

Calling Plugin
$(document).ready(function()
{
$(“body”). anchorCloud ();
});

Example Usage

<html>
<head>
<script src="jquery.js"></script>
<script type="text/javascript" src="js/jquery.anchorCloud.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(body).anchorCloud();
});
</script>
</head>
<body>
..................
Some text with contains links
..................
</body>
</html>


Plugin Theme Options
• background // Background color Defeult #000000
• title_color // Link or video title color Default #27ADDA
• loading_text // Loading Mesaage Default Fetching data ...
• description_color // Description Color Default #66666
• anchor_default_color // Anchor Text color Default #006699
• anchor_hover_color // Anchor text on hover color Default #006699
Was this article helpful?
Thanks! Your feedback helps us to improve 9lessons.info


30 comments:

  1. Hello, how can we make it work on touch devices? Thanks

    ReplyDelete
  2. Hi.. I'm following your updates. This is your another great post.

    I need auto translate text plugin. would u like to write tutorial about this?

    many thanks ^_^

    ReplyDelete
  3. no working in ie

    ReplyDelete
  4. Good dude ;), yesterday I saw in facebook, and I just gave notice to that very useful staff, thanx, as always you're the best!

    ReplyDelete
  5. Very nice!
    I want to write for your blog about a plugin firefly, Used by many websites like http://www.itsfirefly.com/ etc.

    ReplyDelete
  6. Thnks dude....
    nice and working as well :)

    ReplyDelete
  7. Thank You ..for your comments we are released as beta version, Please mail me your suggestions its help full to make this plugin better..

    ReplyDelete
  8. @Motyar D

    Sure please send me the doc. I will publish

    ReplyDelete
  9. Hehehe any Master Motyar D here :)
    It's full stylish Master Arun Kumar Sekar ^^
    ty ty ty ☺

    ReplyDelete
  10. Very cool jQuery idea. Thanks for the share!

    ReplyDelete
  11. Good work! I have been searching for such plugin!
    but i want to ask that as this plugin uses YQL! can it be customized to load customized data and the if yes then how php scripting should be done to handle this!

    Secondly as this plugin takes 'href' attribute of anchors! Can it be customized to take input from pseudo attributes like 'anchorcard' or 'extrainfo' etc and binded to some of the element in the page!

    ReplyDelete
  12. how to not show its title, or can we just call a special way!

    ReplyDelete
  13. Great idea - nicely done.

    Any way of fetching the body of the page too?

    I tried adding:

    var des = items['query']['results']['body'];['content'];

    to line 111 but had no luck.

    ReplyDelete
  14. Great tutorial

    But youtube links as below are not working.

    http://www.youtube.com/watch?v=yk0ZBfbe2fY&feature=g-vrec&context=G20b1b99RVAAAAAAAACg

    ReplyDelete
  15. Ok i figured that if this is the youtube link:

    http://www.youtube.com/watch?v=yk0ZBfbe2fY&feature=g-vrec&context=G20b1b99RVAAAAAAAACg

    Then you will have to trim down the link after '&'

    http://www.youtube.com/watch?v=yk0ZBfbe2fY----&feature=g-vrec&context=G20b1b99RVAAAAAAAACg----

    Even facebook trims it, so..how is it done?..

    ReplyDelete
  16. Works better with - jquery.anchorCloud.js

    change line 81 = $link = $(this).attr('href');

    to = $link = $(this).attr("href");

    normaly link-format are href="http://www.domain.tld"

    ReplyDelete
  17. Hi, there is a problem with this script, when I try to embled in more than one "div" it only works whith the last one:

    script type="text/javascript"
    $(document).ready(function(){
    $(".emoticonos").anchorCloud();
    $(".estadointroducido").anchorCloud();
    $(".comentariointroducido").anchorCloud();
    });
    /script

    For example, here, it only works with .comentariointroducido

    The others are loading data but nothing... it doesnt work

    ReplyDelete
  18. Does not work in any version of IE. I know IE sucks but it's still widely used so still remains important.

    ReplyDelete

Make in India