PDA

View Full Version : Resolved Dropdown Content



HomerTheDragoon
12-13-2008, 06:08 AM
1) Script Title: Dropdown Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

3) Describe problem:

Problem has been resolved. Occurred due to a function edit in the js script.

The script seems to work on other pages in both ie and firefox yet I am unable to achieve success with ie.

heres my sample code

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

<!--<link rel="stylesheet" type="text/css" href="red-styles.css" media="screen" />-->
<!--<link rel="stylesheet" type="text/css" href="blue-styles.css" media="screen" />-->


<link rel="stylesheet" href="css/thumbnailviewer.css" type="text/css" />


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

<title>HPB Fans</title>
</head>
<body>
<h2>Milwaukee, Highland Plaza</h2>

<table style="border-width: 0px; width: 99%; margin-left: -1px;">
<tbody><tr>
<th><span class="float-right" style="font-size: 90%;"><a id="addphoto" href="" rel="addphotodiv">Add photo</a></span>Photos - <span style="font-size: 80%;"><a href="#">View all</a></span></th></tr>

<tr><td>No photos yet.
</td></tr></tbody></table>
<table style="border-width: 0px; width: 99%; margin-top: 0px; margin-left: -1px;">
<tbody><tr>
<th colspan="4"><span class="float-right" style="font-size: 90%;"><a id="addcomment" href="" rel="addcommentdiv">Add comment</a></span>Comments</th></tr>
<tr><td colspan="4">No Comments yet.</td></tr></tbody></table>



<div id="addphotodiv" style="position:absolute; visibility: hidden; border: 1px solid black; background-color: lightyellow; width: 250px; height: 120px; padding: 4px;">
<form action="index.php?page=postform" method="post" enctype="multipart/form-data">

<label for="file">Select a file:</label> <input type="file" name="userfile" id="file"/> <br />
<input type="submit" name="submit" value="Upload Photo"/>
<input type="hidden" name="sid" value="1"/>
<p>File types allowed: .jpg, .gif, .png
</p>
<input type="hidden" name="redirect" value="index.php?page=stores&action=viewstore&sid=1"/>

</form>

</div>

<div id="addcommentdiv" style="position:absolute; visibility: hidden; border: 1px solid black; background-color: lightyellow; width: 600px; height: 300px; padding: 4px;">
<form method="POST" action="index.php?page=postform">

<label>Post:</label>

<input type="hidden" name="url" value="index.php?page=stores&action=viewstore&sid=1"/>
<input type="hidden" name="pid" value="1"/>

<input type="hidden" name="category" value="store"/>
<input class="button" type="submit" name = "submit" value = "Post Comment"/></form>
</div>


</div>
<script type="text/javascript">
dropdowncontent.init("addphoto", "left-top", 200, "click");
dropdowncontent.init("addcomment", "right-top", 200, "click");
</script>
</body>
</html>