Tuesday, March 30, 2010

how to create a link that opens in a...

Hey !

Im trying to create a link in DW that opens in a new browser. If i use the behaviours method when i roll over the link in the web page it doesnt have rollover functionality (ie cursor change from arrow to finger). If i link via the normal way it opens the new page in the same browser.

I just simply want to add a link to a new web page that opens in a new browser whilst having rollover functionality.

Any ideas !??

Many thanks

Mark

how to create a link that opens in a...

When making a link you need to set the target from the properties Window in Dreamweaver.?In your case it will be _blank.

More information can be found here:

http://www.w3schools.com/TAGS/att_link_target.asp

how to create a link that opens in a...

Highlight the text or click on the image you intend to use for your link.?In the Properties Panel, Link box, type the following:

javascript:void(0)

This will invoke the cursor change on mouse over.

PS. Follow this tutorial for link behaviors:

http://www.cbtcafe.com/dreamweaver/popup_text/index.html

Nancy O.
Alt-Web Design %26amp; Publishing
Web | Graphics | Print | Media?Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com

This works for me:

%26lt;a href=''javascript:;''%26gt;%26lt;img src=''FW-gradient-slice.jpg'' alt='''' width=''185'' height=''176'' id=''Image1'' onclick=''MM_openBrWindow('test','','')'' onmouseover=''MM_swapImage('Image1','','79267-org.jpg',1)'' onmouseout=''MM_swapImgRestore()'' /%26gt;%26lt;/a%26gt;

I get the hand cursor and the link opens a new window onclick.

Firstly select the first image, add?javascript:;?as a link in the Property Inspector.?This is what's called, giving the image a 'null link'.

Then set up the swap image behaviour as usual.

With the same image still selected, open the Behaviour panel and add the ''open browser window' behaviour.

PS:?Copying my code above won't work for you, because when you add the behaviours, the script for the behaviours is written into the head of the document.?But if you follow the steps as I outlined above, hopefully it will work for you to?:-)

No comments:

Post a Comment