irishpeck Posted December 7, 2010 Share Posted December 7, 2010 Hi Guys, I got absolutely great advice here on this last time and i just need help with one more thing. Basically on the website www.smartinsuranceclaim.ie we have a form called Make A Claim. Now if your on the homepage and click it, the form pops up and submission works but when you go to any other page it doesnt popup it opens in a new page please help me fix this. Heres the bits you need. Heres the homepage script index.html! <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Smart Insurance Claim</title> <META NAME="DESCRIPTION" CONTENT="Smart Insurance Claim - Your Property Your Experts" /> <META NAME="KEYWORDS" CONTENT="Insurance, smart, claim, money, victim, pay, accident, residential, commercial, agricultural, theft, fire, flooding, damage, property, experts, loss, assessors, adjusters, adjuster, assessor, Ireland, flood, make, a, claim, repair, help, with, assistance, No Win, No Fee, advice, house, home, leak, homeowners, claims, property, repairs, shower, storm, repair, water, damage" /> <!-- layout style --> <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/typography.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" /> <!-- jquery --> <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script> <!-- superfish --> <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" /> <script type="text/javascript" src="scripts/hoverIntent.js"></script> <script type="text/javascript" src="scripts/superfish.js"></script> <!-- slider --> <script type="text/javascript" src="scripts/easySlider1.5.js"></script> <!-- ColorBox CSS --> <link href="css/colorbox.css" rel="stylesheet" type="text/css" media="all" /> <!-- Loading the Colorbox Scripts --> <script type="text/javascript" SRC="js/jquery.colorbox.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ //Loads the call for the gallery $("a[rel='colorbox']").colorbox(); $(".colorbox").colorbox(); //Loads the call for the external file (form.html) $("#click").click(function(){ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); return false; }); }); </script> <!-- initialize jquery plugins --> <script type="text/javascript" src="scripts/init.js"></script> <!--[if IE 6]> <script src="scripts/dd_belated_png.js"></script> <script> DD_belatedPNG.fix('#top-items, #logo, #navmenu-container, #content-container-bg, #header-image-container, #prevBtn a, #nextBtn a, .comments, .post, #footer-container, .vertical-menu li, .vertical-menu li a, img, blockquote'); DD_belatedPNG.fix('.box-top, .box-center, .box-padding, .box-bottom'); DD_belatedPNG.fix('.box-2-top, .box-2-center, .box-2-padding, .box-2-bottom'); DD_belatedPNG.fix('.box-3-top, .box-3-center, .box-3-padding, .box-3-bottom'); </script> <![endif]--> </head> <body> <div id="wrapper"> <div id="top"> <div id="top-items"> <div id="logo"> <br><a href="index.html"><img src="images/logo.png" alt=""/></a> </div> <div id="top-right"> <div id="block-search"> <h2>Search</h2> <div class="content"> <div> <div class="container-inline"> </div> </div> </form> </div> </div> </div> </div> <br><div id="navmenu-container"> <div id="nav-menu"> <ul class="sf-menu"> <li> <a href="index.html" class="current">Home</a> </li> <li> <a href="f&s.html">Facts & Solutions</a> </li> <li> <a href="whatwedo.html">What We Do</a> </li> <li> <a class="colorbox" HREF="form.html">Make A Claim</a> </li> <li> <a href="whatarethesteps.html">What Are The Steps</a> </li> <li> <a href="faq.html">FAQ</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> </div> </div> </div> <!-- ok, to the header section, as you can see, there are lots of tags, this was supposed to be a slider for the whole header, I change it to slide the image only. I did not change the structure so that you can easily go back to the concept with the use of jflow. --> <br><div id="header-bg"> <div id="header-container"> <div id="header-image-container"> <div class="padding-10"> <div id="slider"> <ul> <li><a href="#"><img src="images/Busy Call Centre.jpg" width=552 height=222 alt="Preview" /></a></li> <li><a href="#"><img src="images/happyfamily.jpg" width=552 height=222 alt="Preview" /></a></li> <li><a href="#"><img src="images/offices.jpg" width=552 height=222 alt="Preview" /></a></li> <li><a href="#"><img src="images/combineharvester.jpg" width=552 height=222 alt="Preview" /></a></li> </ul> </div> </div> </div> <div id="header-description"> <br><font face="Arial"><Font Color="#FFFFFF"><h3>    <u>Welcome to Smart Insurance Claim</h3></u></Font> <h4>    * We take the complexity out of making a claim<p><p>    * We prepare your claim<p>    * We negotiate and settle your claim<p>    * We ensure you get full entitlements<p>    * We pride ourselves on achieving successful rapid payouts<p> </h4></Font> </div> </div> </div> </div> <div id="content-container-bg"> <div id="content-container"> <div id="content"> <div id="left"> <!-- Box Start --> <div class="box"> <div class="box-top"></div> <div class="box-center"> <div class="box-content-container"> <div class="box-content"> <div class="box-header"> <h2>Contact Us at 1890 998 008</h2> </div> <div class="box-padding"> <!-- Content Begin --> <a href="mailto:[email protected]?subject=Website Feedback&body=Could I please request a Call Back. My number is:"><img src="images/Mail.png" width="50" height="50" align="left"><br>    Request A Call Back</img></a> <!-- Skype 'Skype Me™!' button http://www.skype.com/go/skypebuttons --> <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:smartinsurance?call"><p><img src="images/Skype.png" width="50" height="50" align="left"><br>    Skype Call Us</img></a> <!-- Content End --> </div> </div> </div> </div> <div class="box-bottom"></div> </div> <div class="clear"></div> <!-- Box End --> <!-- Box Start --> <div class="box"> <div class="box-top"></div> <div class="box-center"> <div class="box-content-container"> <div class="box-content"> <div class="box-header"> <h2>What Are The Steps</h2> </div> <div class="box-padding"> <div class="float-left"> <p> <a href="whatarethesteps.html"><img src="images/icon1.png" class="image-margin-left float-left" alt="Step 1" /></a> Phone 1890 998 008 or submit the short form on the Make a Claim page. </p> </div> <div class="float-left"> <p> <a href="whatarethesteps.html"><img src="images/icon2.png" class="image-margin-left float-left" alt="Step 2" /></a> After speaking with you we will visit and inspect the damage. </p> </div> <div class="float-left"> <p> <a href="whatarethesteps.html"><img src="images/icon3.png" class="image-margin-left float-left" alt="Step 3" /></a> We will prepare a full compensation report and meet with your insurers.<p> </p> </div> </div> <div class="box-footer"> <div class="box-footer-padding"> <div class="float-right"> <a href="whatarethesteps.html">More Steps</a> </div> </div> </div> </div> </div> </div> <div class="box-bottom"></div> </div> <div class="clear"></div> <!-- Box End --> </div> <!-- Main content --> <div id="main" class="margin-left-15"> <!-- Box Start --> <div class="box-2"> <div class="box-top"></div> <div class="box-center"> <div class="box-content-container"> <div class="box-content"> <div class="box-header"> <br><font size="+1.5"><big><center>Welcome to Smart Insurance Claim<Font Color="#306EFF"> - <i>Your Property, Your Experts</i></font></font></center></big> </div> <div class="box-padding"> <p><b><u>Commercial</b></u><br> Commercial insurance claims can be litigious and complex. Our professionals have the expertise to achieve your full compensation.<p> <b><u>Residential</b></u><br> We provide immediate access to funds while we quickly negotiate your full payout from your insurers.<p> <b><u>Agricultural</b></u><br> We understand any loss in today’s farming community is worrying. Our farm insurance experts identify all potential losses and achieve results.<p> <b><u>Theft</b></u><br> The only individual responsible for theft is the criminal. You should not have to suffer a large or small loss. We are here to achieve your full entitlements in all events.<p> <a href="about.html" class="button-light"><span>Read More</span></a> </p> </div> </div> </div> </div> <div class="box-bottom"></div> </div> <div class="clear"></div> <!-- Box End --> </div> <!-- end of Main content --> <div class="clear"></div> <!-- let's start the footer --> <div id="footer"> <!-- Box Start --> <div class="box-3"> <div class="box-top"></div> <div class="box-center"> <div class="box-content-container"> <div class="box-content"> <div class="box-padding"> <div class="float-left"> <p> © Copyright 2010 Smart Insurance Claim. All Rights Reserved.<br /> </p> </div> <div class="float-right"> <ul class="menu"> <li><a href="http://www.financialregulator.ie/Pages/home.aspx"><img src="images/logos/fin reg.png" width="130" height="70" alt=""/></a></li> <li><a href="http://www.engineersireland.ie/"><img src="images/logos/engineers ireland.png" width="130" height="70" alt=""/></a></li> <li><a href="http://www.iii.ie/"><img src="images/logos/iioi.png" width="130" height="70" alt=""/></a></li> <li><a href="http://www.riai.ie/"><img src="images/logos/riai.png" width="130" height="70" alt=""/></a></li> <li><a href="http://www.rics.org/"><img src="images/logos/rics.png" width="130" height="70" alt=""/></a></li> <li><a href="http://www.scs.ie/home"><img src="images/logos/socs logo.jpg" width="130" height="70" alt=""/></a></li> </ul> </div> </div> </div> </div> </div> <div class="box-bottom"></div> </div> <div class="clear"></div> <!-- Box End --> </div> </div> </div> </div> </div> </body> </html> This is the Form that pops up - form.html! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <link href="css/all.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/styles/spectrum/spectrum.css" rel="stylesheet" type="text/css" media="all" /> <!-- layout style --> <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/typography.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" /> <!-- jquery --> <script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script> <!-- superfish --> <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" /> <script type="text/javascript" src="scripts/hoverIntent.js"></script> <script type="text/javascript" src="scripts/superfish.js"></script> <!-- jcarousel --> <script type="text/javascript" src="scripts/jquery.jcarousel.pack.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" /> <link rel="stylesheet" type="text/css" href="css/skin.css" /> <!-- initialize slider --> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ vertical: true, scroll: 1 }); }); </script> <!-- slider --> <script type="text/javascript" src="scripts/easySlider1.5.js"></script> <!-- initialize contact form --> <script type="text/javascript" src="scripts/contact.js"></script> <!-- initialize jquery plugins --> <script type="text/javascript" src="scripts/init.js"></script> <!--[if IE 6]> <script src="scripts/dd_belated_png.js"></script> <script> DD_belatedPNG.fix('#top-items, #logo, #navmenu-container, #content-container-bg, #header-image-container, #prevBtn a, #nextBtn a, .comments, .post, #footer-container, .vertical-menu li, .vertical-menu li a, img, blockquote'); DD_belatedPNG.fix('.box-top, .box-center, .box-padding, .box-bottom'); DD_belatedPNG.fix('.box-2-top, .box-2-center, .box-2-padding, .box-2-bottom'); DD_belatedPNG.fix('.box-3-top, .box-3-center, .box-3-padding, .box-3-bottom'); </script> <![endif]--> </head> <body> <div style="padding:15px;"><div id="note"></div> <div id="fields"> <p>Please tell us about your claim by filling out the form below and someone from our dedicated staff will be in touch with you shortly</p> <form name="claimform" id="claimform" method="post" action="claimForm.php"> <label><span>1. Type of Claim</span></label><br /> <select name="claimType" id="claimType"> <option value="">Please choose one</option> <option value="commercial">Commercial</option> <option value="residential">Residential</option> <option value="agricultural">Agricultural</option> <option value="theft">Theft</option> </select><br /> <p><label><span>2. Type of damage</span></label><br /> <select name="damageType" id="damageType"> <option value="">Please choose one</option> <option value="fire">Fire</option> <option value="flooding">Flooding</option> <option value="structural">Structural</option> <option value="other">Other</option> </select><br /> <p> <label>If other please specify</label><!--VALIDATIONERROR--><br /> <input name="specify" type="text" class="form" id="specify" /><br /> <p><label><span>3. Contact details</span></label><!--VALIDATIONERROR--><br /><br> <label>Location</label><!--VALIDATIONERROR--><br /> <select name="county" id="county"> <option value="">Please choose one</option> <option value="antrim">Antrim</option> <option value="armagh">Armagh</option> <option value="carlow">Carlow</option> <option value="cavan">Cavan</option> <option value="clare">Clare</option> <option value="cork">Cork</option> <option value="derry">Derry</option> <option value="donegal">Donegal</option> <option value="down">Down</option> <option value="dublin">Dublin</option> <option value="fermanagh">Fermanagh</option> <option value="galway">Galway</option> <option value="kerry">Kerry</option> <option value="kildare">Kildare</option> <option value="kilkenny">Kilkenny</option> <option value="laois">Laois</option> <option value="leitrim">Leitrim</option> <option value="limerick">Limerick</option> <option value="longford">Longford</option> <option value="louth">Louth</option> <option value="mayo">Mayo</option> <option value="meath">Meath</option> <option value="monaghan">Monaghan</option> <option value="offaly">Offaly</option> <option value="roscommon">Roscommon</option> <option value="sligo">Sligo</option> <option value="tipperary">Tipperary</option> <option value="tyrone">Tyrone</option> <option value="waterford">Waterford</option> <option value="westmeath">Westmeath</option> <option value="wexford">Wexford</option> <option value="wicklow">Wicklow</option> </select><br /> <p><label>Day time phone number</label><br /><br> <input name="number" type="text" class="form" id="number" /><br /> <p><label>E-mail Address*</label><br /><br> <input name="email" type="text" class="form" id="email" /><br /> </div> <div class="content column2 padding2"> <p><label>Full name*</label><br /> <input name="name" type="text" class="form" id="name" /><br /> <p><label>Please give a brief description of your claim</label><br /><p> <textarea name="description" id="description" class="form" ></textarea><br /> <p><input type="submit" id="submit" name="submit" value="submit" /> </form> </div> </body> </html> This is the Colorbox.css which opens the popup! /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background ../images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} And this is the claimForm.php <?php $to = "[email protected]"; $claimType = $_POST['claimType']; $damageType = $_POST['damageType']; $specify = $_POST['specify']; $county = $_POST['county']; $number = $_POST['number']; $from = $_POST['email']; $name = $_POST['name']; $message = $_POST['description']; $subject = "Claim form submitted"; $subject2 = "Thank you from Smart Insurance Claim"; $message2 = "Thank you, your query has been submitted and is currently being reviewed. A member of our claims team shall be in contact shortly.\r\n\r\nKind regards,\r\nThe team at Smart Insurance Claim"; $header = "From: ".$from."\r\n"; $header .= "Reply-To: ".$from."\r\n\r\n"; $header .= "Name:\r\n".$name."\r\n\r\n"; $header .= "Type of claim:\r\n".$claimType."\r\n\r\n"; $header .= "Type of damage:\r\n".$damageType."\r\n\r\n"; $header .= "If other please specify:\r\n".$specify."\r\n\r\n"; $header .= "Location:\r\n".$county."\r\n\r\n"; $header .= "Phone number:\r\n".$number."\r\n\r\n"; $header .= "Email address:\r\n".$from."\r\n\r\n"; $header .= "Description:\r\n".$message."\r\n\r\n"; if (empty($from) && empty($name)) { header( "Location: error1.php" ); } elseif(empty($from)){ header( "Location: error2.php" ); } elseif(empty($name) && (!preg_match('/@/', $from) || !preg_match('/[.]/', $from) || preg_match( "/[\r\n]/", $from) || preg_match( "/[,]/", $from))){ header( "Location: error5.php" ); } elseif (!preg_match('/@/', $from) || !preg_match('/[.]/', $from) || preg_match( "/[\r\n]/", $from) || preg_match( "/[, ]/", $from)) { header( "Location: error4.php" ); } elseif(empty($name)){ header( "Location: error3.php" ); } else { mail($to, $subject, "", $header); header("location: thankyou.php"); mail($from, $subject2, $message2, "From: [email protected]"); } ?> Link to comment https://forums.phpfreaks.com/topic/220908-popup-form-php-or-html/ Share on other sites More sharing options...
denno020 Posted December 17, 2010 Share Posted December 17, 2010 Without looking through all of that code, as there is alot, I would just have a guess at, have you put the script information on every page? And have you fixed the paths so they're still pointing to the scripts location? If your sub-pages are in a different directory to your index page, then you will need to modify the path to the Colorbox script. That's all I would imagine could stop it from working.. Denno Link to comment https://forums.phpfreaks.com/topic/220908-popup-form-php-or-html/#findComment-1148627 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.