Thickbox inline problem

user244394 picture user244394 · Nov 5, 2010 · Viewed 8.1k times · Source

I am trying to create a modal window with hidden content using thickbox It opens the window fine , not sure whys its not showing the content inside the id="hiddencontent".

i am following as suggested in the examples for inline http://jquery.com/demo/thickbox/# -thanks

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>

<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />
</head>

<body>
<a href="#TB_inline?height=155&width=300&inlineId=hiddenContent" class="thickbox">Show Content</a> 

<div id="hiddenContent" style="display: none">inline content comes here</div> 
</body>
</html>

Answer

subosito picture subosito · Nov 5, 2010

It seems you don't have css file, you can copy thickbox css on http://jquery.com/demo/thickbox/#sectiona-3 to your page (or save as style.css file).

-- edit -- Yeh, sorry, didn't notice that css is already loaded :(

By the way, just found the solution, try to add p tag inside your hiddenContent div:

<div id="hiddenContent" style="display: none"><p>inline content comes here</p></div> 

Hope helps ;)