• Horn Player – Computer Dude – Gig Pig …
  • Home
  • About
  • Blog
  • Services
  • Contact
  • Webmail
  • Terms

Robert A. Owen - Musician - Technology Leader

Music, Technology, Rants and Funnies - Randomness at its best!

  • Blog
  • Internet
    • IIS 6
    • IIS 7.5
    • Javascript
    • Web Design
      • WordPress
      • Coldfusion
  • Support
    • MicroSoft
      • Powershell
      • Surface
      • Windows10
      • Zune
    • PC-Care
    • Software
    • Virus
      • Email Scam
    • Vista Quest
    • Windows 7
  • Pictures
    • Instagram
  • Music
  • Friday Funnies
  • General
    • CoWorking
    • Gadgets
    • Politico
    • Random – TidBit
    • Rant
    • Review
    • Site of the Week
    • Useless
    • Xbox
      • Games
You are here: Home / Coldfusion / Simple Pop-up: Fuel

Simple Pop-up: Fuel

January 1, 2007 By Robert Owen

Weird title, huh?! Well, last time I showed you all the code I like to use for Simple pop-up Windows. Really simple and easy to use.

This window is useful when you are displaying product details, Biographical details etc. Really, anytime you are returning a list and you want to save space on the main page.

To Fuel this window you need to start with the main page of info. For example, we have these products listed on our page:

Lets pretend that we want the user to be able to click these images to get more information or price. When we create those images we need our link to pass some product specific info to our pop-up page.. Item number for example. So the link from these images would look something like this:

<a href=”javascript:pop(’product-detail.cfm?itemID=5′)”>

Ok, great. We’ve got the info in place to call the page. Now, we just need to create one “detail” page for all the products to use. Just create a new ‘cfm’ document with the following:

<cfquery name=”getDetail” datasource=”#Application.DSN#”>
Select *
from Products
where itemID =  #url.itemID#
</cfquery>

<html>
<head>

<cfoutput>
<title>#getDetail.itemName# made by #getDetail.itemManufacturer#
</title>
</cfoutput>

</head>

<body>

<cfoutput query=”getDetail”>

<table width=”98%”  border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td><img src=”images/#picture#” alt=”#itemNumber# #itemName# – #itmeManufacturer#” title=”#itemNumber# #itemName# – #itmeManufacturer#” border=”1″ align=”left”>&nbsp;<strong>#itemNumber# #itemName# – #itmeManufacturer#</strong>
<cfif Quantity LT “1″>- Currently out of stock</cfif>

<p class=”main”>#description#</p>
</td>
</tr>
</table>

</cfoutput>

<div align=”center” class=”main”><a HREF=”javascript:void(0);” onClick=”window.close(’profile’);”>
Close Window </a></div>

</body>
</html>

And that is it.. Just pass the item number in the hyperlink to this page and the initial query will pull the item detail. This is pretty quick and dirty and there are probably better ways to do this but, this will give you a starting point.

Notice the bit of javascript at the bottoom:

<a HREF=”javascript:void(0);” onClick=”window.close(’profile’);”>
Close Window </a>

That will give you a close window link.

© 2007 – 2009, Robert Owen. All rights reserved.

Related posts:

Default ThumbnailUpload Files with Coldfusion.. It’s Simple!! Default ThumbnailTime to learn CFCs once and for all! Default ThumbnailWow!! Long time now type! Default ThumbnailCFX_PFPro_Java Download – Finally

Filed Under: Coldfusion Tagged With: Ali, Amp Nbsp, Biographical Details, Cfif, Cfoutput Query, Cfquery Name, Com Blog, Div Align Center, E2, Href Javascript, Images, Img Src, Javascript Pop, Last Time, Lt 1, Pop Up Windows, Product Detail, Product Details, Stock, Td, Weird Title

Robert Owen A Horn Player turned salesman, turned Computer Consultant & Horn Player, Turn Network Engineer & Horn Player, Now Technology leader & Musician.... Well, How about a Horn player who does a lot of other stuff? More about me. FacebookInstagramLinkedInTwitter

To Stay up-to-date on all of my crazy Ramblings, enter your e-mail address below.

You'll be amazed!

Recent Posts…

  • The Great Tab Debate: A Conversation with My AI Friend, Tabitha
  • What If? – Gig Edition
  • Feedback – two way street
  • Snow-pocalypse… and Cold
  • Snow-pocalypse 2025 – part 6

Recent Comments

  • David Gray on Create a Shortcut to open in your Alternate BrowserTwelve years on, this tip remains useful. Though I…
  • Sue K on Use the Snipping Tool to Capture MenusThanks you so much! I could never figure out how t…
  • aa on Increase IIS File Upload LimitsSuperb Robert..after wasting 2 days..this is perfe…
  • León on Windows 7 error 86Funciono para Windows 7 , también descubrí que la…
  • Nicole Larkin on Use the Snipping Tool to Capture MenusNine years later and your post is still helpful. T…

[footer_backtotop]
Content Copyright © 2025 OWEN CONSULTING · All Rights Reserved · Log in