9lessons programming blog
Loading Search
9lessons Bring Friends
Wall Script
Follow Me:
Monday, January 9, 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
Comments
{ 30 comments }
Nielson said...

Great stuff as usual!

Anonymous said...

thnx...

Pol said...

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

Purnomosidi said...

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 ^_^

jithin thirumeni said...

Good work

Anonymous said...

no working in ie

http://www.tulliomarra.it said...

Very good for my blog, i embedded this

kama said...

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

gabi said...

don't work in explorer 9

Anonymous said...

great !!!!

shree@SOFTECHNOGEEK` said...

it's working

Motyar D said...

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

Mayur said...

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

Arun said...

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

Anonymous said...

IE is dead lol

Srinivas Tamada said...

@Motyar D

Sure please send me the doc. I will publish

Beben Koben said...

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

jQuery Developer said...

Very cool jQuery idea. Thanks for the share!

TeckZone said...

Awesome plugin !!
Loved it !!!

Anonymous said...

thanks

Pankaj Patel said...

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!

Anil said...

Nice Post...

Vitaut said...

Good lessons

Beben Koben said...

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

ven said...

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.

mustafa said...

Great tutorial

But youtube links as below are not working.

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

mustafa said...

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?..

SquiDi said...

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"

Anonymous said...

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

Anonymous said...

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

Post a Comment