Hey Guys First see this code <?php include("config.php"); ?> <!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" dir="ltr" lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta property="og:title" content="Wild Ones Pro Trainer"/> <meta name="description" content="place your description here"/> <meta property="og:url" content="thehackmachine.com"/> <meta property="og:site_name" content="thehackmachine.com"/> <meta property="og:image" content="thumbnail image here"/> <meta property="og:description" content="Find your games cheats here. We have cheats for all of the most popular games"/> <meta property="og:type" content="website" /> <link rel="stylesheet" type="text/css" href="files/style.css" /> <script type="text/javascript"> var facebook_app_id = "<?= $facebook_app_id ?>"; var share_message = "<?= $share_message ?>"; var share_name = "<?= $share_name ?>"; var share_caption = "<?= $share_caption ?>"; var share_description = "<?= $share_description ?>"; var share_picture = "<?= $share_picture ?>"; var share_url = "<?= $share_url ?>"; </script> </head> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <meta charset="utf-8" /> <title>Landisimo Layout 1 </title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="css/ie7.css"> <![endif]--> <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" /> <link href="images/fav.ico" rel="shortcut icon"/> <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="js/jquery.validate.min.js"></script> <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/fontinsans_400-fontinsans_700.font.js"></script> <script type="text/javascript" src="js/jquery.tipsy.js"></script> <script type="text/JavaScript" src="js/cloud-carousel.1.0.4.js"></script> <script type="text/javascript" src="js/jquery.tools.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <!-- Start Wrapper --> <div id="wrapper"> <!-- Begin .corner (this div si absolutely positioned and contains the image for the sliced corner) and the controls for the Scrollable slider --> <div class="mainCorner"></div> <!-- End .corner --> <div class="clearfix"></div> </div><!-- End mainContent --> <!-- Begin #stepWrap --> <div id="stepWrap"> <h2 class="title">Receive your Summer Cupon <span class="pointer"></span></h2> <!-- Begin .step1 --> <div class="step1"> <!-- Begin .circle --> <div class="circle"><p>1</p></div><!-- End .circle --> <!-- Begin .line-middle --> <span class="line-middle"></span><!-- end .line-middle --> <h3>Step 1</h3> <p>Only 3 steps, the first one is almost over, click the arrow to advance to the next step! </p> <a href="#steWrap" class="nextStep"></a> </div><!-- End .step1 --> <!-- Begin .sptep2 --> <div class="step2"> <!-- Begin .circle --> <div class="circle"><p>2</p></div><!-- End .circle --> <!-- Begin .line-middle --> <span class="line-middle"></span><!-- end .line-middle --> <h3>Step 2</h3> <p>Give us a like on facebook, for the next step to be availble, so you can download our free sample.</p> <!-- begin .like-btn (here you insert your facebook like btn) --> <div class="like-btn"> <!-- Here goes your facebook like button social plugin --> <fb:like href="your url to like" layout="button_count" send="false" width="60" show_faces="false" font="arial"></fb:like> </div><!-- end .like-btn --> </div><!-- End .step2 --> <!-- Begin .step3 --> <div class="step3"> <h3>Step 3</h3> <!-- Begin .circle --> <div class="circle"><p>3</p></div><!-- End .circle --> <p>Now that you like us, hit the download button, to send you, your free copy!</p> <div id="share"><input id="share-button" type="submit" value="Share" onclick="share()" /></div> <div id="step3"> <form id='fm-content' method="post" action='http://downloadisready.com/download.php'> <input name="hidden" type="hidden" value="hidden" /> </form> </div> </div><!-- End .step3 --> <div class="clearfix"></div> </div><!-- End #stepWrap --> <!-- Begin #tabWrap --> <div id="tabWrap" class="clearfix"> <!-- Begin .corner-tab (this div si absolutely positioned and contains the image for the sliced corner --> <div class="tabCorner"></div> <!-- End corner-tab --> <h2 class="title">Check out what we can do for you <span class="pointer"></span></h2> <!--Begin Tab Navigation (.tabNav) --> <ul class="tabNav"> <li class="active"><a href="#tab1" title="features">Features</a></li> <li><a href="#tab2" title="gallery">Gallery</a></li> <li><a href="#tab3" title="testimonials">Testimonials</a></li> <li><a href="#tab4" title="try it for free">How it works</a></li> <li><a href="#tab5" title="try it for free">Subscribe</a></li> </ul> <!-- End Tab Navigation(.tabNav) --> <!-- Begin tab_container --> <div class="tab_container"> <!-- Begin tab1 (tabFeatures) --> <div id="tab1" class="tab_content"> <!-- Begin .tabFeatures --> <ul class="tabFeatures"> <li> <h4>Easy to use</h4> <img src="images/help.png" width="48" height="48" alt="help"> <p>Donec elementum arcu sit amet dui me dsemper posuere. Aenean eleifend ac quam malesuada semper</p> <a href="#">Read More</a> </li> <li class="last"> <h4>SEO Friendly</h4> <img src="images/world.png" width="48" height="48" alt="world"> <p>Donec elementum arcu sit amet dui me dsemper posuere. Aenean eleifend ac quam malesuada semper</p> <a href="#">Read More</a> </li> <li> <h4>Compatible</h4> <img src="images/camera.png" width="48" height="48" alt="camera"> <p>Donec elementum arcu sit amet dui me dsemper posuere. Aenean eleifend ac quam malesuada semper</p> <a href="#">Read More</a> </li> <li class="last"> <h4>More Sales</h4> <img src="images/compass.png" width="48" height="46" alt="compas"> <p>Donec elementum arcu sit amet dui me dsemper posuere. Aenean eleifend ac quam malesuada semper</p> <a href="#">Read More</a> </li> </ul><!-- End .tabFeatures --> </div><!-- End tab1 (tabFeatures) --> <!-- Begin tab2 (tabGallery) --> <div id="tab2" class="tab_content"> <!-- begin .tabGallery --> <ul class="tabGallery"> <li class="zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> <li class="zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> <li class="zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> <li class="last zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> <li class="zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> <li class="zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> <li class="zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> <li class="last zoom"><a href="images/fancy.png" class="gallery" title="You can add caption to pictures."> <img src="images/img.gif" width="150" height="90" alt="Red round shape" /></a></li> </ul><!-- end .tabGallery --> </div><!-- End tab2 (tabGallery) --> <!-- Begin tab3 (tabTestimonials) --> <div id="tab3" class="tab_content"> <!-- Begin .tabTestimonials --> <ul class="tabTestimonials"> <li> <h2>John Doe</h2> <img src="images/johndoe.png" width="42" height="58" alt="johndoe"> <h4>www.example.com</h4> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames </p> </li> <li class="last"> <h2>John Doe</h2> <img src="images/johndoe.png" width="42" height="58" alt="johndoe2"> <h4>www.example.com</h4> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames</p> </li> <li> <h2>John Doe</h2> <img src="images/johndoe.png" width="42" height="58" alt="johndoe3"> <h4>www.example.com</h4> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames </p> </li> <li class="last"> <h2>John Doe</h2> <img src="images/johndoe.png" width="42" height="58" alt="johndoe4"> <h4>www.example.com</h4> <p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames</p> </li> </ul><!-- End .tabTestimonials --> </div><!-- End tab3 (tabTestimonials) --> <!-- Begin tab4 ( #howitworks .featuresTable) --> <div id="tab4" class="tab_content"> <!-- Begin .featuresTable --> <table class="featuresTable fl"> <thead> <tr> <th>Features</th> <th>Standard</th> <th>Premium</th> <th>Customize</th> </tr> </thead> <tbody> <tr class="alt"> <td class="first">FB fan Page</td> <td>yes</td> <td>yes</td> <td><img src="images/default/tb-check.png" width="14" height="15" alt="tb-check"></td> </tr> <tr> <td class="first">4 Layouts</td> <td>yes</td> <td>yes</td> <td><img src="images/default/tb-check.png" width="14" height="15" alt="tb-check"></td> </tr> <tr class="alt"> <td class="first">Unlimited colors</td> <td>yes</td> <td><img src="images/default/tb-check.png" width="14" height="15" alt="tb-check"></td> <td><img src="images/tb-uncheck.png" alt="not" width="12" height="16"></td> </tr> <tr> <td class="first">Documentation</td> <td><img src="images/default/tb-check.png" width="14" height="15" alt="tb-check"></td> <td>yes</td> <td><img src="images/tb-uncheck.png" alt="not" width="12" height="16"></td> </tr> <tr class="alt"> <td class="first">Support</td> <td><img src="images/tb-uncheck.png" alt="not" width="12" height="16"></td> <td><img src="images/default/tb-check.png" width="14" height="15" alt="tb-check"></td> <td>yes</td> </tr> </tbody> </table><!-- End featuresTable --> <!-- Begin .infoSec --> <div class="infoSec fr"> <h3>How it works</h3> <p class="emphasize">Infinite color styles, clean and minimal design that can suit to any product, application, service or Never seen on theme forest! With Facebook Custom Fan Page!</p> <ul class="checkList"> <li>Unlimited color scheme</li> <li>With facebook fan page</li> <li> Easy to customize</li> <li>Free support 24/7</li> </ul> </div><!-- End .infoSec --> </div><!-- End tab4 ( .featuresTable .infoSec) --> <!-- Begin tab5 (Subscribe) --> <div id="tab5" class="tab_content"> <!-- Begin videoHolder --> <div class="videoHolder fl"> <!-- Begin video --> <div class="video"> <!-- Here you insert your iframe video --> <img src="images/video.png" width="327" height="245" alt="iframe"> </div><!-- End video --> </div><!-- End videoHolder --> <!-- Begin .tabForm - #subscribe-tabForm --> <div class="tabForm fr"> <h3> Subscribe to our Newsletter</h3> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> <form method="post" action="#" id="subscribe-tabForm"> <label>First Name:</label> <input type="text" name="first name" class="Name" onFocus="if(this.value == 'first name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'first name';}" value="first name" /> <label>Last Name:</label> <input type="text" name="last name" class="Name" onFocus="if(this.value == 'last name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'last name';}" value="last name" /> <label>Your Email Adress:*</label> <input name="Email" type="text" class="Email required email" onFocus="if(this.value == 'email') {this.value = '';}" onblur="if (this.value == '') {this.value = 'email';}" value="email" /> <button type="submit" name="submit" value="Subscribe" class="submit-button" title="Subscribe">Subscribe</button> </form> </div><!-- End .tabForm - #subscribe-tabForm --> </div><!-- End Tab5 (Subscribe) --> </div><!-- End Tab Container --> <div class="clearfix"></div> </div><!-- End #tabWrap --> <!-- Begin #fbWrap --> <div id="fbWrap"> <h2 class="title">Join the conversation an tell us what do you think<span class="pointer"></span></h2> <!-- Begin .fbcomments --> <div id="fbcomments"> <!-- Begin .fb --> <div class="fb"> <!-- Facebook comments here you insert the facebook plugin code --> <fb:comments href="your link to comment" num_posts="5" width="500"></fb:comments> </div><!-- End .fb --> <div class="clearfix"></div> </div><!-- End #fbcomments --> </div><!-- End #fbWrap --> <!-- Begin #buyWrapper --> <div id="buyWrap"> <h2 class="title">What are you waiting?!</h2> <!-- Begin .buy-now --> <div class="buy-now"> <img src="images/iphone.png" width="139" height="265" alt="buynow"> <p class="offer">You have 30 days for a refund, buy now and receive a bnous gift , offer valid only this month</p> <!-- Begin .priceBottom --> <div class="priceBottom"> <p><small>$</small>19<sup>,99</sup></p> </div><!-- End .priceBottom --> <a href="#" title="Buy Now" class="buy-btn">Buy now</a> </div><!-- End .buy-now --> <div class="clearfix"></div> </div><!-- End buyWrapper --> <!-- Begin footer --> <div id="footer" class="clearfix"> <!-- Begin social --> <ul id="social"> <li><a href="#" class="facebook" title="Visit our Facebook Page"></a></li> <li><a href="#" class="twitter" title="Follow Us on Twitter"></a></li> <li><a href="#" class="rss" title="Subscribe to RSS"></a></li> </ul><!-- End Social --> <!-- Begin Copyrights --> <ul id="copyright" class="fr"> <li><p>Copyrights © 2010 & All rights Reserved</p></li> <li><a href="#">Terms</a></li> <li class="last"><a href="#">Privacy Statement</a></li> </ul><!-- End Copyrights --> <div class="clearfix"></div> </div><!-- End Footer --> <!-- Begin .modal-subscribe and #subscribe-overlayForm (this div contains the modal box for the download-btn) --> <div class="modal-subscribe" id="overlay-subscribe"> <h2 class="title">Receive your Summer Cupon <span class="pointer"></span></h2> <span class="quote">Pellentesque habitant morbi tristique senectus et netus et males uada fames ac turpis egesta</span> <form method="post" action="#" id="subscribe-overlayForm"> <label>First Name:</label> <input type="text" name="first name" class="Name" onFocus="if(this.value == 'first name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'first name';}" value="first name" /> <label>Last Name:</label> <input type="text" name="last name" class="Name" onFocus="if(this.value == 'last name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'last name';}" value="last name" /> <label>Email Adress:*</label> <input name="Email" type="text" class="Email required email" onFocus="if(this.value == 'email') {this.value = '';}" onblur="if (this.value == '') {this.value = 'email';}" value="email" /> <button type="submit" name="submit" value="Subscribe" class="submit-button" title="Receive your cupon">Register</button> </form> <span class="info">*Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egesta</span> </div> <!-- End #subscribe-overlayForm --> </div><!-- End wrapper --> <!-- Facebook requirements --> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'your facebook app id', status: true, cookie: true, xfbml: true}); //Event.subscribe - the call for the after clicking the like button FB.Event.subscribe('edge.create', function() { //$('.like-btn').hide(); uncomment this line if you want the like button to hide after user clicks on it $('.step2').animate({'opacity':'0.5'});//after click change the opaciy to 0.5 $('.step3').animate({'opacity':'1'});// change the opacity to .step3 to normal $('.download-btn').unbind('click','true'); // make click function available }); // End Custom script For StepWrapper (Like Button) }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script> <div id="fb-root"></div> </body> </html> PHP: Now see this <div id="fb-root"></div> <script src="http://connect.facebook.net/en_US/all.js"></script> <script type="text/javascript" src="files/script.js"></script> PHP: I want to put that small code into the big one so that share button of that code can execute and start working. But when I paste it in that code anywhere, all the other function in that script stop working. I want such type of way that small code also gets pasted into the big one, without even disturbing it but share button must see those lines to start working. Please anyone help. Thanks
there are 2 <head> tags and <html> in this file. make sure you have only one. and put the scripts in head and make sure only one "<div id="fb-root"></div>" is present in the file.