Solved

Add to Favorites with Image

Posted on 2011-09-06
5
257 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 500 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

ScreenConnect 6.0 Free Trial

Discover new time-saving features in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

770 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