Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Add to Favorites with Image

Posted on 2011-09-06
5
Medium Priority
?
291 Views
Last Modified: 2012-05-12
Dear Experts,

I am trying to create an Add to Favourites icon (this adds a different URL to the current page as a favourite in internet explorer).  

Courtesy of EE I managed to do this as a button, but I really want to be able to have an image that gets clicked on to perform the task.

the code I am trying to use is this ...

<ahref="javascript:window.external.AddFavorite('http://www.bbc.co.uk','Text to use)"><img src="/SiteAssets/SitePages/FileFinder2/favourites.png""></a>

but it does nothing & also when I insert this into the HMTL editor it changes it.

Can anybody help
0
Comment
Question by:correlate
  • 3
  • 2
5 Comments
 
LVL 17

Accepted Solution

by:
OmniUnlimited earned 2000 total points
ID: 36488264
Try this:
 
<img src="/SiteAssets/SitePages/FileFinder2/favourites.png" alt="Add to Favorites" onClick='window.external.AddFavorite("http://www.bbc.co.uk/", "BBC");' style="cursor: pointer">

Open in new window

0
 

Author Comment

by:correlate
ID: 36488654
Hi OmniUnlimited,

thanks for this, I'm getting in a muddle over this, I've tried putting the code in in various versions, but 9/10 the HTML editor converts it to this ...

<window.external.addfavorite('http:></window.external.addfavorite('http:>

Would you be able to post the full code, It's not being lazy, its just i cant get it to work and i am a novice at HTML coding

Many thanks

Tom
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 36488749
Hi Tom, I am more than happy to assist you, but you need to know that your HTML should not be changing the code (that would make it rediculously difficult to second guess the changes, wouldn't you say?).

I would recommend that you use a simple text editor like notepad to edit your html.  That way you can stick my code directly into the file just as it is.

I am not sure by what you mean by ,"Would you be able to post the full code", as the code I posted is fully self contained and would work if placed in an XHTML document between the <body></body> tags.

Let me know what it is exactly that you want me to do.
0
 

Author Closing Comment

by:correlate
ID: 36488851
Thank you so much for this - works all fine (I failed to copy the entire code, hence the struggle to get it to work)
0
 
LVL 17

Expert Comment

by:OmniUnlimited
ID: 36493433
No problem.  I'm glad you got it up and running!
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

886 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question