anchor

I have an anchor tag element coming in the html like: <a href="javascript:handleEvent(this, 'abc')"></a> Now in the javascript function, I have written: function handleEvent(sourceElement, txt) { console.log(sourceElement); } the consoled element is coming as the window in this case. I tried sourceElement.document.activeElement but it doesnt seem to work in chrome, where it is coming as body element. I cannot change the structure of the anchor tag to 'onClick' function as this is coming from some other source. Is there some way to find the calling element in this scenario? The real answer here

fiddle HTML <ul> <li><a href="#">Messages<span>1</span></a></li> </ul> CSS a { text-decoration: none; } a:hover { text-decoration: underline; } a:hover span { text-decoration: none; } span { background-color: red; border-radius: 999px; color: white; margin-left: 2px; position: relative; top: -.5em; font-size: .75em; font-weight: bold; padding: 0 .3em; } When you mouse-over the link the underline is applied to the <span> even though I've set text-decoration: none . Is there a way to get rid of it? Try changing the display of <span> to inline-block as follows: Example Here span { background

I have created a link and when I try to set the style; a:visited { text-decoration: underline; color: #FF0000; } It doesnt seem to work. It works fine in IE. I have also followed the order; link, visited, hover, active. Is this a known issue, or am I making any mistake? Justin Gallagher It might have to do with specificity and the order that you have your selectors in. In general, when specifying link states, you should follow the " l o v e/ ha te" principal: : l ink : v isited : h over : a ctive Maybe you have the :hover or :active selector before :visited ? Download the Firebug or

With XSL-FO (Fop), I succeeded in creating a link to an external PDF : <fo:basic-link show-destination="new"> <xsl:attribute name="external-destination">foo.pdf</xsl:attribute> </fo:basic-link> But now, I would like to reach an anchor in this external PDF. So I tried to build something like that : <fo:basic-link show-destination="new"> <xsl:attribute name="external-destination">foo.pdf#anchorId</xsl:attribute> </fo:basic-link> Unfortunately, when I click on the generated link, I get an error. It tries to open the document foo.pdf%23anchorId . In my .fo file, the link is correct with a # but

I have a foreach loop that goes through an array (filesObservableArray). The array has a key/value with the key: URLPath. When I bind the array within the HTML, I would like to set the 'href=' value with the URLPath. I know this part is a fail, but conceptually, can you see what I'm trying to do? href="< span data-bind='text: URLPath'>" Or maybe I can use a 'databind="click: someCode(url)"' and within the someCode function, open the link? The url maps to either a document file (e.g., .doc) or an image file. Tips appreciated. Thanks! <tbody data-bind="foreach: $root.filesObservableArray"> <tr

Given an anchor element (with something like $("a:first") ), how do you get the absolute URL that the anchor points to? If you're using jQuery 1.6+, you can use .prop() : $("a:first").prop("href") Prior to 1.6, you can access the href property directly on the DOM element: $("a:first")[0].href; to get the URL attached you can do something like... var url = $("a:first").attr('href'); this will give you the URL but doesnt guarantee absolute or relative. To find the absolute URL you can further check if(!url.startsWith("http")) { url = "http://www.mysite.com" + url} var x = "http://lol.com/" + $(

I try to pass value of PersonID from list.php to Delete.php. using anchor tag Here is my code : <A HREF = "Delete.php?PID = <?php echo $row['PersonID']; ?>"> Delete </A> The value is passed correctly but somehow I don't get redirected to Delete.php can anyone note the problem in the above line? Get rid of the space in your URL: <a href="Delete.php?PID=<?php echo $row['PersonID']; ?>"> Delete </a> Delete the spaces before and after the '=': <A HREF="Delete.php?PID=<?php echo $row['PersonID']; ?>"> Delete </A> If you have this: <a href="Delete.php?PID=<?php echo $row['PersonID']; ?>">Delete</a>