• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 362
  • Last Modified:

href is not taking a page

Hi,

I have a menu with button that when user click on it changes from image1 to image2.  I am having problem with the href it is not going to an page.  I am not sure what I am doing wrong.

here's my code.


<script language="JavaScript" type="text/javascript">
<!--

//clicked images
var clk = new Array("images/BThome2.gif","images/BTMyAcc2.gif","images/BTPostAd2.gif","images/BTSearch2.gif",
"images/BTChat2.gif","images/BTHelp2.gif","images/BTContactUs2.gif");

//original images
var orig = new Array("images/BThome1.gif","images/BTMyAcc1.gif","images/BTPostAd1.gif","images/BTSearch1.gif",
"images/BTChat1.gif","images/BTHelp1.gif","images/BTContactUs1.gif");

function clicked(num) {
    document.images["img"+num].src=clk[num];
    for (i=0; i<7; i++){
        if (i != num) {
            document.images["img"+i].src = orig[i];
        }
    }
}
//-->
</script>



<img href="home.cfm" src="images/BThome1.gif" alt="" border="0" name="img0" onclick="clicked(0);">
<img href="MyAcc.cfm" src="images/BTMyAcc1.gif" alt="" border="0" name="img1"onclick="clicked(1)" >
<img href="PostAd.cfm" src="images/BTPostAd1.gif" alt="" border="0" name="img2"onclick="clicked(2)" >
<img href="Search.cfm" src="images/BTSearch1.gif" alt="" border="0" name="img3"onclick="clicked(3)" >
<img href="Chat.cfm" src="images/BTChat1.gif" alt="" border="0" name="img4"onclick="clicked(4)" >
<img href="Help.cfm" src="images/BTHelp1.gif" alt="" border="0" name="img5"onclick="clicked(5)" >
<img href="contactus.cfm" src="images/BTContactUs1.gif" alt="" border="0" name="img6"onclick="clicked(6)" >

Open in new window

0
lulu50
Asked:
lulu50
  • 5
  • 2
  • 2
  • +1
1 Solution
 
zvytasCommented:
<img> tag doesn't have a href attribute, hence it's ignored. What are you trying to achieve exactly? Clicking on the image should go to that URL or what?
0
 
lulu50Author Commented:
yes

 Clicking on the image should go to that URL or what?
0
 
lulu50Author Commented:
yes

 Clicking on the image should go to that URL?
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
lulu50Author Commented:

I have <img href="home.cfm"  ??

<img href="home.cfm" src="images/BThome1.gif" alt="" border="0" name="img0" onclick="clicked(0);">
0
 
zvytasCommented:
What you need is this:

<a href="home.cfm"><img src="images/BThome1.gif" alt="" border="0" name="img0"></a>
<a href="MyAcc.cfm"><img src="images/BTMyAcc1.gif" alt="" border="0" name="img1"></a>
<a href="PostAd.cfm"><img  src="images/BTPostAd1.gif" alt="" border="0" name="img2"></a>
<a href="Search.cfm"><img  src="images/BTSearch1.gif" alt="" border="0" name="img3"></a>
<a href="images/BTChat1.gif"><img href="Chat.cfm" alt="" border="0" name="img4"></a>
<a href="Help.cfm"><img src="images/BTHelp1.gif" alt="" border="0" name="img5"></a>
<a href="contactus.cfm"><img src="images/BTContactUs1.gif" alt="" border="0" name="img6"></a>

Open in new window


Your JavaScript that changes images does not make any sense, because you cannot redirect to another page AND change the image at the same time.
0
 
lulu50Author Commented:
Can you please, tell me how to fix it?

Do you know why I have spaces?

How can I remove my spaces?
Menu.gif
0
 
haloexpertsexchangeCommented:
What css is being applied to that area?
0
 
lulu50Author Commented:
Thanks
0
 
leakim971PluritechnicianCommented:
zvytas is right

replace : <img href="home.cfm" src="images/BThome1.gif" alt="" border="0" name="img0" onclick="clicked(0);">
by : <a href="home.cfm" onclick="clicked(0);"><img src="images/BThome1.gif" alt="" border="0" name="img0" /></a>

and so on
0
 
leakim971PluritechnicianCommented:
lol, sorry I did not refreshed the page :))
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 5
  • 2
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now