mismatched close tag - Javascript Tooltip problem

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

mismatched close tag - Javascript Tooltip problem

bigg_kg
Hey Guys,

i have a javascript and jquery tooltip in my side witch popups over an info-icon and tells extra information.
to add this tooltip i only have to add "rel="tooltip" and title="tooltip text here"" to any body-tag i want.
so if i open the html-file by itself it works just fine like i want.
the problem is:
i want some parts of the text in the tooltip <strong> and i want some <br/> in it.
so it works in wicket fine but if i type in the title-attribute for example --> title="<strong>test</strong>:blabla<br/>blabla" i always get the massage

WicketMessage: Tag '<div id="profilartInfoBtPanel" class="profilartInfoBtPanel">' (line 100, column 17) has a mismatched close tag at '</strong>' (line 102, column 122)
[markup = file:/C:/Users/Kamil/Documents/Projekt-Sportportal/Entwicklung/Sportportal/Portal/Webapplication-Sport/socialsports/.metadata/.plugins/org.eclipse.wst.server.core/tmp0/wtpwebapps/socialsports/WEB-INF/classes/portal/main/Registration.html
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <wicket:head>
  <wicket:link>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Registration</title>
  <link rel="stylesheet" type="text/css" href="registration/registration.css"/>
 
  <link rel="stylesheet" type="text/css" href="registration/infoTooltip.css"/>
 
  <script type="text/javascript" src="registration/jquery.js"></script> 
  <script type="text/javascript" src="registration/tooltip.js"></script>  </wicket:link>
  </wicket:head>
  </head>
  <body>


so like i sad, when i open the html-file by itself it works. in wicket it only works if i take the <strong>-tags and <br/>-tags out. but that not what i want

so here is  the part of my markup-file:


                <div id="profilartInfoBtPanel" class="profilartInfoBtPanel">
               
                    <wicket:link><img src="images/icons/info.png" width="20" border="0" rel="tooltip" title="<strong>test</strong>:jaja<br/>haha" /></wicket:link>
                </div>

i hope you guys can help me
thanks