Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

understanding a javascript function that changes passed in <a HREF

Status
Not open for further replies.
browerv

browerv

Programmer
Jan 24, 2012
7
US
Can someone explain what's happening in this code?
Why does first alert return a blank, the second returns the path of the html file with "l" appended, the third one returns the url of the page with the parameter appended, the third returns the page url with ? appended. I'm trying to understand whats in in__obj_This.href.

Thanks.

<html>
<head>
<script type="text/javascript">
function _fnc_Build_Link(in__obj_This, selectvalue) {
var selecttype;

alert(in__obj_This.href );

in__obj_This.href = "l";
alert(in__obj_This.href );

in__obj_This.href = "?LocationFilter=" + selectvalue;
alert(in__obj_This.href);

in__obj_This.href = "?";
alert(in__obj_This.href);


}
</script>

</head>
<body>
<div >
<a onmouseover ="return _fnc_Build_Link(this,'WFD')">test_new_link</a>
</div>

</body>
</html>
 
Sort by date Sort by votes
Why does first alert return a blank,
Click to expand...

Because your link has no href defined. So its blank.

the second returns the path of the html file with "l"
appended,
Click to expand...

Because you are modifying the href, since its not a complete URL the browser automatically adds the server address before it. Its the equivalent of doing:
<a href="l">...</a> When you hover over it in a browser it will show the base path for the site before the L.

If there were a file named l in the server it would load that when you clicked on it.
the third one returns the url of the page with the parameter appended,
Click to expand...

You are appending the parameter in the string. Since no page has been defined the browser uses the current one as a basis to append the parameter to.

the third returns the page url with ? appended.
Click to expand...

That's all you are appending a ?. with no extra parameter.
I'm trying to understand whats in in__obj_This.href.
Click to expand...

At the Start of the code in__obj_This.href is empty. Through the other modifications the browser automatically modifies the href and adds what you pass.

As you never specify a page for the href it adds the current one for all actions, unless you overwrite it with a value that is not a parameter.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Upvote 0 Downvote
Thank you, that cleared it up for me. I understand better whats happening.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
535
lexer
lexer
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
1K
Mike Lewis
Mike Lewis
JScannell
  • Locked
  • Question
Javascript events
Replies
1
Views
228
Daniel K
Daniel K
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
495
rogerte
rogerte
JScannell
  • Locked
  • Question
Javascript issue on iPhone/iMac platforms
Replies
0
Views
511
JScannell
JScannell

Part and Inventory Search

Sponsor

Back
Top