How Do You...?
How do you create pop up boxes like those on downloads.com. I am talking about the ones that pop up when you mouse over a donwloadable program, they tell you the file size, number of downlaods, and date added. To see what i mean just go to a download.com and select any of the categories and then select a sub-category and then just leave your mouse on a program without clicking. The pop up will show up. So i really need to add something exactly like this to my site, how do you do it? I really need help with this.
It's a DIV tag populated with data from a database that is set to invisible in CSS on the page load, but is set to visible on the mouseover. Here's their source for the DIV tag:
<div id="popupDetailHTML" style="display:none;">
<div class="infoboxstyle">
<div class="dis">
<h3 class="curv">
<div class="popupDetails">
<p class="prodlistName">%productName% %version%</p>
<div style="float: left; width: 175px;">
<p>%cRatingHed% <img src="http://i.d.com.com/%cRating%"; alt="%cRatingNum% star rating" align="absmiddle" style="padding-left:2px;"/></p>
<p>%uRatingHed% <img src="http://i.d.com.com/i/dl/global/strs/user_review_stars_%uRating%.gif"; alt="%uRating% star rating" align="absmiddle" style="padding-left: 4px;"/></p>
<p><b>Date added:</b> %dateAdded% %newFlag%</p>
<p><b>Platform:</b> %platform% </p>
<p><b>License: </b>%license%%price%</p>
</div>
<div style="float: left; width: 100px;">%sshot%</div>
<br clear="all" />
<p><b>Total downloads:</b> %totalDLs% %popular%</p>
<p><b>Downloads last week:</b> %lastWeek% </p>
<p><b>File size:</b> %fileSize%</p>
</div>
</h3>
<div class="innerC"></div>
</div>
</div>
</div>
I'm pretty sure they're using .NET here in an AJAX type way, but there's nothing to keep you from using another scripting language like PHP in the same sort of way.
<div id="popupDetailHTML" style="display:none;">
<div class="infoboxstyle">
<div class="dis">
<h3 class="curv">
<div class="popupDetails">
<p class="prodlistName">%productName% %version%</p>
<div style="float: left; width: 175px;">
<p>%cRatingHed% <img src="http://i.d.com.com/%cRating%"; alt="%cRatingNum% star rating" align="absmiddle" style="padding-left:2px;"/></p>
<p>%uRatingHed% <img src="http://i.d.com.com/i/dl/global/strs/user_review_stars_%uRating%.gif"; alt="%uRating% star rating" align="absmiddle" style="padding-left: 4px;"/></p>
<p><b>Date added:</b> %dateAdded% %newFlag%</p>
<p><b>Platform:</b> %platform% </p>
<p><b>License: </b>%license%%price%</p>
</div>
<div style="float: left; width: 100px;">%sshot%</div>
<br clear="all" />
<p><b>Total downloads:</b> %totalDLs% %popular%</p>
<p><b>Downloads last week:</b> %lastWeek% </p>
<p><b>File size:</b> %fileSize%</p>
</div>
</h3>
<div class="innerC"></div>
</div>
</div>
</div>
I'm pretty sure they're using .NET here in an AJAX type way, but there's nothing to keep you from using another scripting language like PHP in the same sort of way.
It's a DIV tag populated with data from a database that is set to invisible in CSS on the page load, but is set to visible on the mouseover. Here's their source for the DIV tag:
<div id="popupDetailHTML" style="display:none;">
<div class="infoboxstyle">
<div class="dis">
<h3 class="curv">
<div class="popupDetails">
<p class="prodlistName">%productName% %version%</p>
<div style="float: left; width: 175px;">
<p>%cRatingHed% <img src="http://i.d.com.com/%cRating%"; alt="%cRatingNum% star rating" align="absmiddle" style="padding-left:2px;"/></p>
<p>%uRatingHed% <img src="http://i.d.com.com/i/dl/global/strs/user_review_stars_%uRating%.gif"; alt="%uRating% star rating" align="absmiddle" style="padding-left: 4px;"/></p>
<p><b>Date added:</b> %dateAdded% %newFlag%</p>
<p><b>Platform:</b> %platform% </p>
<p><b>License: </b>%license%%price%</p>
</div>
<div style="float: left; width: 100px;">%sshot%</div>
<br clear="all" />
<p><b>Total downloads:</b> %totalDLs% %popular%</p>
<p><b>Downloads last week:</b> %lastWeek% </p>
<p><b>File size:</b> %fileSize%</p>
</div>
</h3>
<div class="innerC"></div>
</div>
</div>
</div>
I'm pretty sure they're using .NET here in an AJAX type way, but there's nothing to keep you from using another scripting language like PHP in the same sort of way.
<div id="popupDetailHTML" style="display:none;">
<div class="infoboxstyle">
<div class="dis">
<h3 class="curv">
<div class="popupDetails">
<p class="prodlistName">%productName% %version%</p>
<div style="float: left; width: 175px;">
<p>%cRatingHed% <img src="http://i.d.com.com/%cRating%"; alt="%cRatingNum% star rating" align="absmiddle" style="padding-left:2px;"/></p>
<p>%uRatingHed% <img src="http://i.d.com.com/i/dl/global/strs/user_review_stars_%uRating%.gif"; alt="%uRating% star rating" align="absmiddle" style="padding-left: 4px;"/></p>
<p><b>Date added:</b> %dateAdded% %newFlag%</p>
<p><b>Platform:</b> %platform% </p>
<p><b>License: </b>%license%%price%</p>
</div>
<div style="float: left; width: 100px;">%sshot%</div>
<br clear="all" />
<p><b>Total downloads:</b> %totalDLs% %popular%</p>
<p><b>Downloads last week:</b> %lastWeek% </p>
<p><b>File size:</b> %fileSize%</p>
</div>
</h3>
<div class="innerC"></div>
</div>
</div>
</div>
I'm pretty sure they're using .NET here in an AJAX type way, but there's nothing to keep you from using another scripting language like PHP in the same sort of way.
Woah...I don't get it! Not your question, the answer!