Best way to create custom html joomla link

I'm new to Joomla , just want to understanding the best way to implement this.

http://jsfiddle.net/PSYCKIC/JyKJf/

The IDEA is to use that as a link , i click there and lead me to a article or link. (didn't include the javascript in the example)

PROBLEMS : -I was doing as a custom HTML, but the problem probably have to use javascript for the link but when i save it save without javascript (and probably it a little hardcoded) - doesnt work for div

LOOKING the best way:

1) Have some ideas , one was to create a module, or something 开发者_如何学JAVAwhere i just put the image , link of the article and then is always automatically ( but not sure how to import javascript/jquery trough modules ANY HELP? Someone can help me building?)

2) any good module already created for this?

3) Tutorial than can help me understand?

Like a solution where i have possibility to reuse the code not hardcoded.

Thanks in advance.

There are some Joomla extentions which allow to insert into joomla site any code

http://extensions.joomla.org/extensions/edition/custom-code-in-modules/8651 http://extensions.joomla.org/extensions/edition/custom-code-in-modules/2861

If you want to include such code into article, you have to publish module in any position and then use this shotrcode {loadposition _any_position_}.

I hope it will be helpfull

Which Joomla Version are you using? You have to disable the built in filtering of joomla and your editor:

http://www.tutorials2learn.com/2010/02/cms/fix-tinymce-editor-strips-flash-embed-code-joomla/

for your eitor, go to plugins -> editor -> options -> filter onload ...

you dont need an extra extension for just a simple javascript link