How can I create a hyperlink directly in the navigation menu using iWeb09?

Question

Level 1

8 points

How can I create a hyperlink directly in the navigation menu using iWeb09?

I would like to add a URL to an external page in the navigation menu of my website using iWeb09. I have not been able to change the URL automatically generated by iWeb09 for each new page. The best I can do is to select text or an image that I want to link to the external page. I would rather create the hyperlink directly in the navigation menu. Is there a way of doing this?

MacBook Intel Core 2 Duo, Mac OS X (10.5.6), 2GB DDR3 , 160GB hard drive

Posted on Jul 31, 2010 4:13 AM

Reply

Answer 1

Wyodor

Level 6

19,930 points

Jul 31, 2010 4:32 AM in response to pomum

Have a look : http://broddel.atspace.com/

To add a link at the end use : theNavUL.appendChild(TheLi);

Message was edited by: Wyodor

Reply

Answer 2

Alancito

Level 7

27,358 points

Jul 31, 2010 5:10 AM in response to pomum

Try this...

Create a blank internal page named "Link" (actually you can name the page whatever you want.) Then in that "Link" page add an HTML Snippet with the following code:

<script type="text/javascript">
parent.window.location = "http://www.externalpage.com"; // change this to your own URL
</script>

...Once published, clicking on "Link" in iWeb’s navbar will immediately redirect to the external page. (Thanks to Cyclosaurus for the code).

Reply

Answer 3

Koeklin

Level 4

1,125 points

Jul 31, 2010 5:13 AM in response to Wyodor

Thank you for this trick, Wyodor.

Reply

Answer 4

pomum Author

Level 1

8 points

Aug 1, 2010 12:05 AM in response to Alancito

Thank you Alancito for that elegant solution and thank you also for the reference to Cyclosaurus. I have followed the simple instructions and opened a 'blank' page replacing the word 'Text' with the HTML snippet. I must be missing something as I don't get the external page opening automatically when I open the new page in the navigation menu. I have double-checked the advice given in Cyclosaurus' posting of Feb 21, 2008. The advice there does not add anything to yours. I would be grateful for any further comments about where I might be going wrong.

Reply

Answer 5

Ethmoid

Level 6

11,482 points

Aug 1, 2010 12:26 AM in response to pomum

Create a page and just clear it of everything with the exception of the navigation menu and name the page whatever you want, so that the page name is in the navigation menu.

Place the html snippet on the blank page and insert the javascript code and click on apply. Enter the url that you want to link to of course and click on apply.

Enable hyperlinks from hyperlink in the Inspector and the link should open as a new page.

I have just tried this on my own site and it works perfectly.

Reply

Answer 6

Alancito

Level 7

27,358 points

Aug 1, 2010 1:28 AM in response to pomum

Presumably you've created the blank page containing the HTML Snippet okay, but perhaps there's a typo in the URL you entered in that HTML Snippet. ...You can test out that URL independently by copying & pasting it into a browser address bar and hitting Enter — if it doesn't work there, it won't work in your published iWeb page.

By the way, if you're testing your navbar hyperlink prior to publishing the site (with "+Make hyperlinks active"+ checked), you may need to first click on a different page in the navbar — then click on your navbar hyperlink.

Reply