School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 300,378 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,523 people online right now. Registration is fast and FREE... Join Now!




Please help me with inserting this thickbox(popup code) to my website

 

Please help me with inserting this thickbox(popup code) to my website

Lightingbird

3 Jul, 2009 - 08:12 PM
Post #1

New D.I.C Head
*

Joined: 4 May, 2009
Posts: 13


My Contributions
I'm somewhat experienced in coding but I'm not the best. I've been trying to figure this out forever and I'm beat. So can someone PLEASE help me with this popup!

I am trying to insert a thickbox popup. I am trying to use a Iframed popup code. This one as follows:

CODE
<a href="ajax.PHP?keepThis=true&TB_iframe=true&height=250&width=400" title="add a caption to title attribute / or leave blank" class="thickbox">Example 1</a>  
<a href="ajaxOverFlow.htm?keepThis=true&TB_iframe=true&height=300&width=500" title="add a caption to title attribute / or leave blank" class="thickbox">Example 2</a>
<a href="iframeModal.html?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=200&width=300&modal=true" title="add a caption to title attribute / or leave blank" class="thickbox">Open iFrame Modal</a>


That is the code right from this website. http://jquery.com/demo/thickbox/

I am trying to basically insert it on my existing website. For example, if you click on the link on my website, "why choose us" I would like this inline popup to come so I can put my information there. This is my current code:

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Spartan Technical Services</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" href="images/Colourise.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text"><a href="http://www.feree-css.com/">Spartan Technical Services</a></h1>
<p id="intro">If it's computer related, it's supported!</p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" id="name" height="600" width="160">
<param name="movie" value="http://www.spartansupport.com/123-banner_com_sky18490.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" /> <embed name="name" src="http://www.spartansupport.com/123-banner_com_sky18490.swf" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" class="float-right" height="400" width="400"></embed>
</object>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="nav">
<ul>
<li id="current"><a href="http://www.freee-css.com/">Home</a></li>
<li><a href="style.html">Why chose us? </a></li>
<li><a href="http://www.fredafe-csts.com/">What do we support?</a></li>
<li><a href="http://www.frdaee-csts.com/">Hours</a></li>
<li><a href="http://www.free-ctss.com/">Contact us</a></li>


Where on earth would I put the code so it will reflect the link for this: <a href="style.html">Why chose us? </a>
Do I need to make separate websites for these popups? Any and all help would be appreciated. Thanks so much.

So frustrated over this.

My full website: www.spartansupport.com

I know it has a lot of work so feel free to go off any other stuff. I know most of the links do not work as of yet.

This post has been edited by Lightingbird: 3 Jul, 2009 - 08:13 PM

User is offlineProfile CardPM
+Quote Post


PsychoCoder

RE: Please Help Me With Inserting This Thickbox(popup Code) To My Website

3 Jul, 2009 - 09:52 PM
Post #2

Dyslexics Untie!
Group Icon

Joined: 26 Jul, 2007
Posts: 14,714



Thanked: 501 times
Dream Kudos: 11450
Expert In: VB, VB.Net, C#, SQL, ASP, ASP.Net, Web Development, HTML, CSS, Win32 API, Javascript, mySQL, J#, Boo.Net, jQuery

My Contributions
I'm not really understanding your issue here, the documentation is pretty self explanatory. Take a look at the modifications I made to your code (I added HTML comment tags where I added things).

Also, moving this to the jQuery forum since Thickbox is built on the jQuery framework smile.gif



CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- Place scripts here. Change path to your path -->
<script src="scripts/jquery/jquery-1.3.2.js" type="text/javascript"></script>
<script src="scripts/thickbox/Thickbox.js" type="text/javascript"></script>
<link href="styles/Thickbox.css" rel="stylesheet" type="text/css" />
<!-- End Script Tags -->
<title>Spartan Technical Services</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<link rel="stylesheet" href="images/Colourise.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1 id="logo-text"><a href="http://www.feree-css.com/">Spartan Technical Services</a></h1>
<p id="intro">If it's computer related, it's supported!</p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" id="name" height="600" width="160">
<param name="movie" value="http://www.spartansupport.com/123-banner_com_sky18490.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" /> <embed name="name" src="http://www.spartansupport.com/123-banner_com_sky18490.swf" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" class="float-right" height="400" width="400"></embed>
</object>
<p> </p>
<p> </p>
<div id="nav">
<ul>
<li id="current"><a href="http://www.freee-css.com/">Home</a></li>
<!-- Place the Thickbox link here -->
<li><a href="style.html?keepThis=true&TB_iframe=true&height=250&width=400" title="" class="thickbox">Why choose us?</a> </li>
<li><a href="http://www.fredafe-csts.com/">What do we support?</a></li>
<li><a href="http://www.frdaee-csts.com/">Hours</a></li>
<li><a href="http://www.free-ctss.com/">Contact us</a>

User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/7/09 09:21PM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month