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.
Download Script 
Live DemoDeveloper
The Basic Setup
Include the jQuery and notification libraries into your document
<script src="jquery.js"></script>
<script src="js/jquery.anchorCloud.js"> </script>
<script src="js/jquery.anchorCloud.js"> </script>
Calling Plugin
$(document).ready(function()
{
$(“body”). anchorCloud ();
});
{
$(“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>
<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
• 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
Great stuff as usual!
ReplyDeletethnx...
ReplyDeleteHello, how can we make it work on touch devices? Thanks
ReplyDeleteHi.. I'm following your updates. This is your another great post.
ReplyDeleteI need auto translate text plugin. would u like to write tutorial about this?
many thanks ^_^
Good work
ReplyDeleteno working in ie
ReplyDeleteVery good for my blog, i embedded this
ReplyDeleteGood dude ;), yesterday I saw in facebook, and I just gave notice to that very useful staff, thanx, as always you're the best!
ReplyDeletedon't work in explorer 9
ReplyDeletegreat !!!!
ReplyDeleteit's working
ReplyDeleteVery nice!
ReplyDeleteI want to write for your blog about a plugin firefly, Used by many websites like http://www.itsfirefly.com/ etc.
Thnks dude....
ReplyDeletenice and working as well :)
Thank You ..for your comments we are released as beta version, Please mail me your suggestions its help full to make this plugin better..
ReplyDeleteIE is dead lol
ReplyDelete@Motyar D
ReplyDeleteSure please send me the doc. I will publish
Hehehe any Master Motyar D here :)
ReplyDeleteIt's full stylish Master Arun Kumar Sekar ^^
ty ty ty ☺
Very cool jQuery idea. Thanks for the share!
ReplyDeleteAwesome plugin !!
ReplyDeleteLoved it !!!
thanks
ReplyDeleteGood work! I have been searching for such plugin!
ReplyDeletebut 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!
Nice Post...
ReplyDeleteGood lessons
ReplyDeletehow to not show its title, or can we just call a special way!
ReplyDeleteGreat idea - nicely done.
ReplyDeleteAny 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.
Great tutorial
ReplyDeleteBut youtube links as below are not working.
http://www.youtube.com/watch?v=yk0ZBfbe2fY&feature=g-vrec&context=G20b1b99RVAAAAAAAACg
Ok i figured that if this is the youtube link:
ReplyDeletehttp://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?..
Works better with - jquery.anchorCloud.js
ReplyDeletechange line 81 = $link = $(this).attr('href');
to = $link = $(this).attr("href");
normaly link-format are href="http://www.domain.tld"
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:
ReplyDeletescript 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
Does not work in any version of IE. I know IE sucks but it's still widely used so still remains important.
ReplyDelete