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

href is not taking a page

Posted on 2011-09-22
10
324 Views
Last Modified: 2012-05-12
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
Comment
Question by:lulu50
  • 5
  • 2
  • 2
  • +1
10 Comments
 
LVL 5

Expert Comment

by:zvytas
ID: 36580567
<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
 

Author Comment

by:lulu50
ID: 36580585
yes

 Clicking on the image should go to that URL or what?
0
 

Author Comment

by:lulu50
ID: 36580587
yes

 Clicking on the image should go to that URL?
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 

Author Comment

by:lulu50
ID: 36580607

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

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

Accepted Solution

by:
zvytas earned 500 total points
ID: 36580630
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
 

Author Comment

by:lulu50
ID: 36580821
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
 
LVL 13

Expert Comment

by:haloexpertsexchange
ID: 36580866
What css is being applied to that area?
0
 

Author Closing Comment

by:lulu50
ID: 36580895
Thanks
0
 
LVL 82

Expert Comment

by:leakim971
ID: 36581260
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
 
LVL 82

Expert Comment

by:leakim971
ID: 36581267
lol, sorry I did not refreshed the page :))
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

Title # Comments Views Activity
Make Session back to empty 9 30
Add or delete table rows 10 53
html border input line 7 13
Possible propagation problem 1 19
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

792 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