Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Add to Favorites with Image

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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
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…

791 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