CodeIgniter Forums
Pop-up - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: General (https://forum.codeigniter.com/forum-1.html)
+--- Forum: Lounge (https://forum.codeigniter.com/forum-3.html)
+--- Thread: Pop-up (/thread-69386.html)



Pop-up - synapses.vl - 11-13-2017

hello . I need help . I inserted the script. but it does not work correctly. help me please .
 which container or block I click it's opening just the same thing but it should open the element that was clicked 

http://digi.besm.co.uk/

Code:
<!-- Slider wrappe Start -->



<div class="ts_single_theme_wrapper ts_bottompadder50">
    <div class="container" style="width: 100%;">
        

           <?php if(!empty($productdetails)) { ?>
            

               <div class="hideme" id="inside_loader">
                   <img src="<?php echo $this->ts_functions->getsettings('preloader','url');?>" alt="loading" />
               </div>
            <div id="wrapper" >
   <div id="sidebar-wrapper" >
     
 <ul class="sidebar-nav" >
                        <li class="active"><a href="<?php echo $basepath;?>home/products"><?php echo $this->ts_functions->getlanguage('alltext','homepage','solo'); ?></a></li>

                    <?php
                        $cateList = $this->DatabaseModel->access_database('ts_categories','select','',array('cate_status'=>1));
                        if(!empty($cateList)) {
                            foreach($cateList as $solo_cate) {
                                $catename = strtolower($solo_cate['cate_urlname']);
                               $catename = str_replace(' ','-',$catename);
                               $catename = preg_replace('!-+!', '-', $catename);

                               echo '<li><a href="'.$basepath.'home/products/'.$catename.'" >'.$solo_cate['cate_name'].'</a>';

                               $sub_cateList = $this->DatabaseModel->access_database('ts_subcategories','select','',array('sub_parent'=>$solo_cate['cate_id']));
                               if(!empty($sub_cateList)) {
                                   echo '<ul class="sub_menu">';
                                   foreach($sub_cateList as $solo_subcate) {
                                       $catename = strtolower($solo_subcate['sub_urlname']);
                                       $catename = str_replace(' ','-',$catename);
                                       $catename = preg_replace('!-+!', '-', $catename);
                                       echo '<li><a href="'.$basepath.'home/products/'.$catename.'" >'.$solo_subcate['sub_name'].'</a></li>';
                                   }
                                   echo '</ul>';
                                }
                                echo '</li>';
                            }
                        }
                    ?>
                
       </ul>
            <div class="payment-logo" style="margin-top: 471px;padding: 10px;list-style: none;border-top-style: 2px;border-top: 3px solid white;">
            <h3 style="font-family: inherit;font-weight: 500;line-height: 1.1;color: #fff;margin-top: 1px;">Pay Methods:</h3>
                <a><img src="repo/images/pay1.png"></a>
                <a><img src="repo/images/pay2.png"></a>
                <a><img src="repo/images/pay3.png"></a>
                </div>


    <div class="ts_top_footer_section ts_toppadder30" style="border-top: 3px solid white;border-bottom: 3px solid white;padding: 10px;">
    <h3 style="font-family: inherit;font-weight: 500;line-height: 1.1;color: #fff;margin-top: 1px;">Contacts:</h3>
                    <?php if( $this->ts_functions->getsettings('siteaddress','checkbox') == '1' ) { ?>
                       <p><i class="fa fa-map-marker"></i> <?php echo $this->ts_functions->getsettings('siteaddress','text');?></p>
                   <?php }
                   if( $this->ts_functions->getsettings('sitephone','checkbox') == '1' ) { ?>
                       <p><i class="fa fa-phone"></i>  <?php echo $this->ts_functions->getsettings('sitephone','text');?></p>
                   <?php }
                   if( $this->ts_functions->getsettings('siteemail','checkbox') == '1' ) { ?>
                       <p><a href="mailto:<?php echo $this->ts_functions->getsettings('siteemail','text');?>?Subject=Hi" target="_top" style="color: #fff;cursor: pointer;text-decoration: none;"><i class="fa fa-envelope"></i> <?php echo $this->ts_functions->getsettings('siteemail','text');?></a></p>
                   <?php } ?>

                </div>


            <div class="pages-nav-menu" style="padding: 10px;float: left;width: 100%;">
                    <ul style="padding: 0;">

                    <?php if( $this->ts_functions->getsettings('menuSupport','checkbox') == '1' ) { ?>
                        <li><a href="<?php echo $basepath;?>home/contact" style="color: #fff;cursor: pointer;text-decoration: none;"><?php echo $this->ts_functions->getlanguage('supporttext','menus','solo'); ?></a></li>
                    <?php }
                   if( $this->ts_functions->getsettings('menuTnC','checkbox') == '1' ) { ?>
                        <li><a href="<?php echo $basepath;?>home/terms" style="color: #fff;cursor: pointer;text-decoration: none;"><?php echo $this->ts_functions->getlanguage('tnctext','menus','solo'); ?></a></li>
                    <?php }
                   if( $this->ts_functions->getsettings('menuPrivacy','checkbox') == '1' ) { ?>
                        <li><a href="<?php echo $basepath;?>home/privacy" style="color: #fff;cursor: pointer;text-decoration: none;"><?php echo $this->ts_functions->getlanguage('privacytext','menus','solo'); ?></a></li>
                    <?php }
                   if( $this->ts_functions->getsettings('menuAboutUs','checkbox') == '1' ) { ?>
                        <li><a href="<?php echo $basepath;?>home/aboutus" style="color: #fff;cursor: pointer;text-decoration: none;"><?php echo $this->ts_functions->getlanguage('abouttext','menus','solo'); ?></a></li>
                    <?php } ?>

                    </ul>
                </div>
       </div>



    <div class="first-con">
<!-- Content wrapper Start -->
               <div id="LatestThemeDiv">
                   <?php foreach($productdetails as $soloProd) {
                         $stock=1;
                       if($soloProd['prod_quantity']!=""){
                       if($soloProd['prod_free']==0){
                         $sellcount= $this->DatabaseModel->aggregate_data('ts_purchaserecord' ,'purrec_id' , 'COUNT',array('purrec_prodid'=>$soloProd['prod_id']));
                       $checkstock=$soloProd['prod_quantity']-$sellcount;
                       }
                       if($soloProd['prod_free']==1){
                            $download_count= $this->DatabaseModel->aggregate_data('ts_downloadtbl' ,'download_id', 'COUNT',array('download_pid'=>$soloProd['prod_id']));
                       $checkstock=$soloProd['prod_quantity']-$download_count;
                       
                       }
                       if($checkstock==0 || $checkstock < 0){$stock=0;}
                       }
                       if ($stock!=1){ continue; }
                       $prodName = $this->ts_functions->getProductName($soloProd['prod_id']);
                     
                        if( $soloProd['prod_image'] != '' ) {
                            $image_a = explode('.',$soloProd['prod_image']);
                            $dis_img = 'small/'.$image_a[0].'_thumb.'.$image_a[1];
                            $img_style = '';
                        }
                        else {
                            $dis_img = '';
                            $img_style = 'style="width:100%;height:100%;"';
                        }
                
                   ?>
                  <div class="masonry">
                       <div class="ts_theme_boxes">
                       <button class="reg">
                           <div class="ts_theme_boxes_img">
                             <a href="#"> <img src="<?php echo $dis_img != '' ? $basepath.'repo/images/'.$dis_img : $basepath.'adminassets/images/white_image.jpeg' ; ?>" title="<?php echo $soloProd['prod_name'];?>" <?php echo $img_style; ?> >
                           </div></a>
                           </button>
                           <!--<span><?php echo $soloProd['cate_name'];?></span>-->
                           <div class="ts_theme_boxes_info">
                               <div class="ts_theme_details">
                                   <h4><?php echo $soloProd['prod_name'];?></h4>
                                   <?php
                                       $catename = strtolower($soloProd['cate_urlname']);
                                       $catename = str_replace(' ','-',$catename);
                                       $catename = preg_replace('!-+!', '-', $catename);

                                       $vendorName = $this->ts_functions->getVendorName($soloProd['prod_uid']);
                                   ?>

                                   <p> <a href="<?php echo $basepath;?>vendor/<?php echo $vendorName;?>"><i class="fa fa-user" aria-hidden="true"></i> <?php echo ucfirst($vendorName);?></a> <a href="<?php echo $basepath;?>home/products/<?php echo $catename;?>"><i class="fa fa-tag" aria-hidden="true"></i> <?php echo strtoupper($soloProd['cate_name']);?></a></p>
                               </div>
                               <div class="ts_theme_price">

                               <?php if( $soloProd['prod_free'] == '0') {
                               /*** buy now section ***/
                                   if( $this->ts_functions->getsettings('portal','revenuemodel') == 'subscription' ) { ?>
                                       <a href="<?php echo $basepath;?>shop/checkmembership/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"><?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?></a>
                                   <?php } else { ?>

                                       <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_price"><?php echo $this->ts_functions->getsettings('portalcurreny','symbol');?> <?php echo $soloProd['prod_price'];?></a>

                                     <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn2"> <?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?> </a>
                                   <?php }
                               } else {
                                   // Free
                               ?>
                                   <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"> <?php echo $this->ts_functions->getlanguage('freetext','commontext','solo');?> </a>
                               <?php } ?>

                               </div>
                           </div>
                       </div>
                   </div>
                   <?php } ?>
               </div>
            <?php } ?>
        </div>
        </div>
    </div>


<div class="pop" style="display: block;/*! display: none; */position: fixed;top: 10.3%;left: 48.3%;width: 11%;height: 63%;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px;">
 <span>✖</span>
 <div class="masonry">
                       <div class="ts_theme_boxes">
                       <button class="reg">
                           <div class="ts_theme_boxes_img">
                             <a href="#"> <img src="<?php echo $dis_img != '' ? $basepath.'repo/images/'.$dis_img : $basepath.'adminassets/images/white_image.jpeg' ; ?>" title="<?php echo $soloProd['prod_name'];?>" <?php echo $img_style; ?> >
                           </div></a>
                           </button>
                           <!--<span><?php echo $soloProd['cate_name'];?></span>-->
                           <div class="ts_theme_boxes_info">
                               <div class="ts_theme_details">
                                   <h4><?php echo $soloProd['prod_name'];?></h4>
                                   <?php
                                       $catename = strtolower($soloProd['cate_urlname']);
                                       $catename = str_replace(' ','-',$catename);
                                       $catename = preg_replace('!-+!', '-', $catename);

                                       $vendorName = $this->ts_functions->getVendorName($soloProd['prod_uid']);
                                   ?>

                                   <p> <a href="<?php echo $basepath;?>vendor/<?php echo $vendorName;?>"><i class="fa fa-user" aria-hidden="true"></i> <?php echo ucfirst($vendorName);?></a> <a href="<?php echo $basepath;?>home/products/<?php echo $catename;?>"><i class="fa fa-tag" aria-hidden="true"></i> <?php echo strtoupper($soloProd['cate_name']);?></a></p>
                               </div>
                               <div class="ts_theme_price">

                               <?php if( $soloProd['prod_free'] == '0') {
                               /*** buy now section ***/
                                   if( $this->ts_functions->getsettings('portal','revenuemodel') == 'subscription' ) { ?>
                                       <a href="<?php echo $basepath;?>shop/checkmembership/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"><?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?></a>
                                   <?php } else { ?>

                                       <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_price"><?php echo $this->ts_functions->getsettings('portalcurreny','symbol');?> <?php echo $soloProd['prod_price'];?></a>

                                     <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn2"> <?php echo $this->ts_functions->getlanguage('buynowtab','homepage','solo');?> </a>
                                   <?php }
                               } else {
                                   // Free
                               ?>
                                   <a href="<?php echo $basepath;?>shop/add_to_cart/products/<?php echo $soloProd['prod_uniqid'];?>" class="ts_btn"> <?php echo $this->ts_functions->getlanguage('freetext','commontext','solo');?> </a>
                               <?php } ?>

                               </div>
</div>

    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ts_toppadder30">
        <div class="ts_loadmore_btn">
    <a href="<?php echo $basepath;?>home/products" class="ts_btn"><?php echo $this->ts_functions->getlanguage('viewmoretext','commontext','solo');?></a>
        </div>
    </div>
</div>
<!-- Content wrapper End -->
<?php if(!empty($testi_details)) { ?>
<!-- Client say wrapper Start -->
<div class="ts_client_say_wrapper ts_bottompadder50">
    <div class="container" >
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="ts_heading ts_toppadder50 ts_bottompadder50">
                    <h3><?php echo $this->ts_functions->getlanguage('ourclientsaystext','homepage','solo');?></h3>
                    <p><?php echo $this->ts_functions->getlanguage('ourclientssubtext','homepage','solo');?></p>
                </div>
            </div>

            <?php
                if( count($testi_details) > 1 ) {
            ?>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="ts_client_say_slider">
                    <div id="owl-demo" class="owl-carousel owl-theme">
                    <?php  foreach($testi_details as $solotesti) {
                    ?>
                        <div class="item">
                            <div class="ts_testimonial_data">
                            <p><?php echo $solotesti['testi_msg'];?></p>
                             <?php if( $solotesti['testi_image'] != '' ) { ?>
                            <img src="<?php echo $basepath;?>webimage/<?php echo $solotesti['testi_image'];?>" alt="<?php echo $solotesti['testi_name'];?>">
                            <?php } else { ?>
                            <img src="<?php echo $basepath;?>webimage/dummy_testi.jpg" alt="<?php echo $solotesti['testi_name'];?>">
                            <?php } ?>
                            <h5><?php echo $solotesti['testi_name'];?></h5>
                            <?php if($solotesti['testi_showdesig'] == '1') { ?>
                            <span><?php echo $solotesti['testi_desig'];?></span>
                            <?php } ?>
                            </div>
                        </div>

                    <?php } ?>
                    </div>
                </div>
            </div>
            <?php } else { ?>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="ts_client_say_slider">
                    <div class="ts_testimonial_data">
                       <p><?php echo $testi_details[0]['testi_msg'];?></p>
                       <img src="<?php echo $basepath;?>webimage/<?php echo $testi_details[0]['testi_image'];?>" alt="<?php echo $testi_details[0]['testi_name'];?>">
                       <h5><?php echo $testi_details[0]['testi_name'];?></h5>
                       <?php if($testi_details[0]['testi_showdesig'] == '1') { ?>
                       <span><?php echo $testi_details[0]['testi_desig'];?></span>
                       <?php } ?>
                   </div>
                </div>
            </div>
            <?php } ?>

        </div>
    </div>
</div>







<!-- Client say wrapper End -->
<?php } ?>

<?php if( $this->ts_functions->getsettings('shownewsletter','checkbox') == '1' ) { ?>

<?php } ?>

<!-- Language Content STARTS -->

<!-- Language Content ENDS -->

script code 

Code:
    $(document).ready(function () {
    $("button").click(function () {
        $(".pop").fadeIn(300);
        positionPopup();
    });

    $(".pop > span, .pop").click(function () {
        $(".pop").fadeOut(300);
    });
});



RE: Pop-up - ciadmin - 11-13-2017

Moved to the "lounge" subforum ... this sounds like a Javascript question. Are you sure this is the proper forum for it?


RE: Pop-up - PaulD - 11-14-2017

The only "button" I can see in your vast amount of code is:

Code:
<button class="reg">

Jquery works on classes or id's so change:

Code:
$("button").click(function () {

to:

Code:
$(".reg").click(function () {

JQuery uses a # to indicate an ID and a . to indicate a class.

That should work in that the click function will now run, whether it does what you intended or not I have no idea.

Hope that helps,

Paul


RE: Pop-up - PaulD - 11-14-2017

Actually you are right that this selector is fine:

Code:
$("button").click(function () {

Sorry - my mistake.

But your div class of pop does not have a closing </div> element. Perhaps that is the problem?

Paul