span with onclick event inside a tag

Question

Sample code   lt a href  page  style  text-decoration none display block   gt       lt span onclick  hide    gt Hide me lt  span gt   lt  a gt    Since the a tag is over the span is not possible to click it  I try z-index but that didnt work

User · Answer

Fnd the answer   I have use some styles inorder to achive this    lt span     class  pseudolink      onclick  location  https   jsfiddle net    gt  Go TO URL  lt  span gt    pseudolink       color blue      text-decoration underline      cursor pointer          https   jsfiddle net mafais bys46d5w

User · Answer

I would use jQuery to get the results that you re looking for   You wouldn t need to use an anchor tag at that point but if you did it would look like    lt a href  page  style  text-decoration none display block   gt    lt span onclick  hide    gt Hide me lt  span gt    lt  a gt    lt script type  text javascript  src  http   code jquery com jquery-1 7 2 min js     lt script type  text javascript  gt    document  ready function            span   click function                 this  hide

User · Answer

lt a href  http   the url com page html  gt       lt span onclick  hide    return false  gt Hide me lt  span gt   lt  a gt    This is the easiest solution

User · Answer

use onmouseup  try something like this           lt html gt           lt head gt           lt script type  text javascript  gt          function hide            document getElementById  span hide   style display  none                      lt  script gt           lt  head gt            lt body gt           lt a href  page  style  text-decoration none display block   gt           lt span   onmouseup  hide    id  span hide  gt Hide me lt  span gt           lt  a gt           lt  body gt           lt  html gt    EDIT              lt html gt           lt head gt           lt script type  text javascript  gt            document  ready function                a   click function                  this  fadeTo  fast    5  removeAttr  href                                     function hide            document getElementById  span hide   style display  none                      lt  script gt           lt  head gt            lt body gt           lt a href  page html  style  text-decoration none display block   onclick  return false   gt           lt span   onmouseup  hide    id  span hide  gt Hide me lt  span gt           lt  a gt           lt  body gt           lt  html gt

User · Answer

When you click on hide me  both a and span clicks are triggering  Since the page is redirecting to another  you cannot see the working of hide    You can see this for more clarification  http   jsfiddle net jzn82

User · Answer

You could use jQuery  http   jsfiddle net Bdqv7

[html] span with onclick event inside a tag

Examples related to html

Examples related to css