Javascript code needed for "Add to Favorites" icon in Webhelp using RH8

Hi,

I sorted it out, but it seems that you cannot get the URL dynamically using javascript, although you can get the title of a page dynamically... You can get the url of a webpage with document.location.href, but you cannot use this string to add a bookmark. If anyone has a solution, i'd like to hear it.

About your problem with the skin:

     - First delete your custom button from the skin and generate a different output. If the skin is still malformed, your problem does not come from the bookmark button.

     - When your skin is correct, go to Project Set-up and create a new button, style it any way you want, but don't add any inline JavaScript.

     - Create a new file (with Notepad) and paste the following text, and change the variable url.

function bookmarksite(){

//URL of your site, change to the url of your help

var url = "http://www.firstpage.com";

//get the title of the top frame

var title = parent.document.title;
if (window.sidebar) // firefox
    window.sidebar.addPanel(title, url, "");
else if(document.all)// ie
    window.external.AddFavorite(url, title);
}

     - Save this file as bookmark.js and add this file as a baggage file to the root of your project.

     - Open you skin again and select your custom button. Go to the action tab and select JavaScript.

     - In the files onClick, add: bookmarksite()

     - Choose for external Javascript file and set bookmark.js.

You will now have a functioning bookmark button, although not dynamically. Leave out any <script> and </script> tags and do not insert any pictures in the JavaScript file. Style your buttons only through the Project Set-up, or in whskin_tbars.htm when you like modifying the ouput.

Greet,

Willam

Hi,

A long story, but I will need some more time to sort this out:

Simple solutions:

- Change the var BookmarkURL="http://www.geekpedia.com" to your own URL, such as: var BookmarkURL="http://myhelp.com"

- Change the var BookmarkTitle="Geekpedia" to your name, such as: var BookmarkTitle="My help system"

- Do not insert an image trough the javascript tab, add it using the image options with the custom toolbar items popup. This will probably solve your image problem.

If you want to the URL dynamic, you need document.location.href, such as: var BookmarkURL = document.location.href; This however will get the adress of the current frame, which is whskin_tbars.htm.

If you want to get the Title dynamic, you will need document.getElementsByTagName('title')[0]; and then you need to retrieve the title, as: xxx.firstChild.data,: such as:

- var BookmarkGet = document.getElementsByTagName('title')[0];

- var BookmarkTitle = BookmarkGet.firstChild.data;

This always gets the URL and the Title of the frame you inserted the script in, which for the button toolbar is whskin_tbar.htm. When you insert this in any give topic, your bookmark will work fine, but will only call the topic, and not your skin.

If you only want the URL of your helpsystem, I suggest you just change the variables BookmarkURL and BookmarkTitle.

If you want to target the current topic from any other location, such as the title bar, you need to address the top frame and then the topic. I don't know which frame this is, but I will look into it. This may take me some time though, but perhaps someone else knows which frames to address.

Example for getting the url of your helpsystem dynamically:

var BookmarkURL= this.parent.document.location.href;

//Your projects main file does not have a title, so don't get it dynamically.

var BookmarkTitle="My help system"

// If the browser is Internet Explorer

if (document.all)

{

// Add to Favorites (Internet Explorer)

window.external.AddFavorite(BookmarkURL,BookmarkTitle)

}

else

{

// Add to Bookmarks (Mozilla Firefox)

window.sidebar.addPanel(BookmarkTitle, BookmarkURL, '');

}

Long story, if you have any further questions, just ask.

Greets,

Willam