comzemadrid Posted April 19, 2013 Share Posted April 19, 2013 hi i made some popup window by java script for user registration. and i called the user-account by an iframe. the idea is when any client enter to my shop he can see all the products but when he click any product then pop window appear ans asking the visitor to register first. till to this matter everything is fine. but when he enter the email to create account then the window gone blank. i almost spent 8 hours to solve this issue but no success. i came here that if some one can help me. here is the link to my shop. http://www.brokshopping.com here are the header script ---------------------------------------------------------- <script type="text/javascript"> var baseDir = '{$content_dir}'; var baseUri = '{$base_uri}'; var static_token = '{$static_token}'; var token = '{$token}'; var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals}; var priceDisplayMethod = {$priceDisplay}; var roundMode = {$roundMode}; </script> {if isset($css_files)} {foreach from=$css_files key=css_uri item=media} <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" /> {/foreach} {/if} {if isset($js_files)} {foreach from=$js_files item=js_uri} <script type="text/javascript" src="{$js_uri}"></script> {/foreach} {/if} {$HOOK_HEADER} {literal} <script type="text/javascript"> $(document).ready(function() { $('.sf-with-ul').attr('href',baseUri+'es/2-home'); //select all the a tag with name equal to modal $('a[name=modal]').click(function(e) { //Cancel the link behavior e.preventDefault(); //Get the A tag var id = $(this).attr('href'); //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set heigth and width to mask to fill up the whole screen $('#mask').css({'width':maskWidth,'height':maskHeight}); //transition effect $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); //transition effect $(id).fadeIn(2000); }); //if mask is clicked $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); $('.reglater').click(function () { window.location=baseUri+'es/2-home?notlog=1'; /*$('#mask').hide(); $('.window').hide();*/ }); $(window).resize(function () { var box = $('#boxes .window'); //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set height and width to mask to fill up the whole screen $('#mask').css({'width':maskWidth,'height':maskHeight}); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center box.css('top', winH/2 - box.height()/2); box.css('left', winW/2 - box.width()/2); }); }); </script> {/literal} {if !$logged && $page_name=='product'} {literal} <script type="text/javascript"> window.location=baseUri+'es/autenticacion?back=my-account'; </script> {/literal} {/if} </head> <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if}"> {if $category->id=='2'} <div id="boxes"> <div id="dialog" class="window"> <div class="bienvenido">BIENVENIDO, LAS OFERTAS TE ESPERAN.</div> <iframe src="{$link->getPageLink('my-account', true)}"></iframe> <a href="javascript:void(0)" class="reglater">REGISTRESE MAS TARDE</a> <div class="desarrolladopor">Desarrollado por : <a target="_blank" href="http://www.comze.es/">Comze</a></div> </div> <!-- Mask to cover the whole screen --> <div id="mask"></div> </div> {/if} ------------------------------------------------------- pleas if someone can help. Thanks Link to comment Share on other sites More sharing options...
comzemadrid Posted April 19, 2013 Author Share Posted April 19, 2013 i also have this script at authentication.tpl <script type="text/javascript"> if ( window.self === window.top ) { //alert('not in a frame'); } else { document.write('<style type="text/css">#authentication #page #header,#authentication #page #footer,#password #page #header,#password #page #footer,#authentication #left_column,#password #left_column { display: none;}</style>'); } im sure problem is here Link to comment Share on other sites More sharing options...
Recommended Posts