[jQuery] [Cluetip] don't work

[jQuery] [Cluetip] don't work

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.6001.18148" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>
<DIV id=result_box dir=ltr style="TEXT-ALIGN: left">Hello all, <BR><BR>I work
with the framework phpmvc and code with the MVC architecture. <BR>I want to
insert a popup should recover in xml file some info. <BR><BR>So I try
"basically" the example given Demo Cluetip by downloading the file. All examples
walk locally. <BR><BR>Now I take the example code 1 "basic tip from title" in
"Default Style" that I put in my file <U><STRONG>header.tpl</STRONG></U>.
<BR>Namely:</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">[code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"><script src=<SPAN
style="COLOR: #ff0000">"../jquery-1.2.5.min.js"</SPAN> type=<SPAN
style="COLOR: #ff0000">"text/javascript"</SPAN>></script> <script
src=<SPAN style="COLOR: #ff0000">"../jquery.hoverIntent.js"</SPAN> type=<SPAN
style="COLOR: #ff0000">"text/javascript"</SPAN>></script><BR> 
<script src=<SPAN style="COLOR: #ff0000">"../jquery.cluetip.js"</SPAN>
type=<SPAN
style="COLOR: #ff0000">"text/javascript"</SPAN>></script><BR> 
<script src=<SPAN style="COLOR: #ff0000">"demo.js"</SPAN> type=<SPAN
style="COLOR: #ff0000">"text/javascript"</SPAN>></script><BR> 
<link rel=<SPAN style="COLOR: #ff0000">"stylesheet"</SPAN> href=<SPAN
style="COLOR: #ff0000">"../jquery.cluetip.css"</SPAN> type=<SPAN
style="COLOR: #ff0000">"text/css"</SPAN> /><BR>  <link rel=<SPAN
style="COLOR: #ff0000">"stylesheet"</SPAN> href=<SPAN
style="COLOR: #ff0000">"demo.css"</SPAN> type=<SPAN
style="COLOR: #ff0000">"text/css"</SPAN> /><BR>[/code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">
<DIV id=result_box dir=ltr style="TEXT-ALIGN: left">I am very careful to place
the file and *. js *. css in the right folder. <BR><BR>After, I place the
code in the body :</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">[code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"><div id=<SPAN
style="COLOR: #ff0000">"container"</SPAN>><BR>    
<div id=<SPAN style="COLOR: #ff0000">"examples"</SPAN>> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">       
<ol><BR>     <li>     
</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">       
            <a <SPAN
style="COLOR: #0000ff">class</SPAN>=<SPAN style="COLOR: #ff0000">"title"</SPAN>
href=<SPAN style="COLOR: #ff0000">"#"</SPAN> title=<SPAN
style="COLOR: #ff0000">"This is the title|The first set of body content comes
after the first delimiter in the title.|In this case, the delimiter is a
pipe."</SPAN>>Exemple</a>   <BR>       
</li><BR>       
</ol><BR>    </div><BR></div></DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">[/code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">
<DIV id=result_box dir=ltr style="TEXT-ALIGN: left">I do not modify anything in
the *. js, or *. css. <BR>But here I will not display correctly popup title
contrary to the example locally. It appears as a classic title.</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">If I modify simply this line :</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">[code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"><a <SPAN
style="COLOR: #0000ff">class</SPAN>=<SPAN style="COLOR: #ff0000">"title"</SPAN>
href=<SPAN style="COLOR: #ff0000">"#"</SPAN> title=<SPAN
style="COLOR: #ff0000">"This is the title|The first set of body content comes
after the first delimiter in the title.|In this case, the delimiter is a
pipe."</SPAN>>Exemple</a></DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">[/code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">by</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">[code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"><a <SPAN
style="COLOR: #0000ff">class</SPAN>=<SPAN style="COLOR: #ff0000">"basic"</SPAN>
href=<SPAN style="COLOR: #ff0000">"ajax.htm"</SPAN> rel=<SPAN
style="COLOR: #ff0000">"ajax.htm"</SPAN>>Exemple</a></DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">[/code]</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">Now, it appears nothing et I place
the ajax.html in the good folder.</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">I don't understand</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">
<DIV id=result_box dir=ltr style="TEXT-ALIGN: left">What do I missing?</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left"> </DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">HELP, HELP</DIV>
<DIV dir=ltr style="TEXT-ALIGN: left">Thanks</DIV>
<DIV dir=ltr
style="TEXT-ALIGN: left">Benoit</DIV></DIV></DIV></DIV></FONT></DIV>
<DIV><FONT face=Arial size=2></FONT> </DIV></BODY></HTML>