File: /var/www/html/tmpr/..//tmpr/../tmpr/../tmpr/..//real/frameEffect.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/idangerous.swiper-2.0.min.js"></script>
<link rel="stylesheet" href="css/idangerous.swiper.css">
<link rel="stylesheet" href="css/movies-app.css">
<script src="js/fastclick.js"></script>
<script src="js/engine.js"></script>
<!--
<script type="text/javascript">
function loadData(connect){
hidePicture();
var theUrl = connect;
$.ajax
({
type: "GET",
url: Server+ 'cropMobile.php?y=0&x=125&width=500&height=666&nocache=1&cropratio=0.7507507507507508:1&image=/v/uploads/raw/'+window.localStorage["picha"],
data: "page=4",
success: function(msg)
{
showPicture();
alert("success!");
}
});
}
</script> -->
<script type="text/javascript">
$( document ).ready( function(){
$("#xincrement").click(function(){
var $n = $("#x");
$n.val(Number($n.val()) + 20);
moveIt();
});
$("#xdecrement").click(function(){
var $n = $("#x");
$n.val(Number($n.val()) -20);
moveIt();
});
$("#yincrement").click(function(){
var $n = $("#y");
$n.val(Number($n.val()) + 20);
moveIt();
});
$("#ydecrement").click(function(){
var $n = $("#y");
$n.val(Number($n.val()) -20);
moveIt();
});
function moveIt() {
loading_show();
$('#submit').css("display","none");
$('#submitX').css("display","none");
var effect = $(this).attr("id");
var image = window.localStorage["picha"];
var effect= encodeURI(document.getElementById('effecto').value);
var x= encodeURI(document.getElementById('x').value);
var y= encodeURI(document.getElementById('y').value);
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
;
$("#check").html("Crunching...");
$("#check").html("Applying "+effect+"...");
$("#notify").html("3secs...");
$('#picme').css("opacity","0.30");
$('#picme').css("filter","alpha(opacity=30)");
$('#preview img').load(function() {
$('p').remove();
}).attr('src', Server+'processMag.php?mag=no&AppNo=' + AppNo + '&x=' + x + '&y=' + y + '&image=' + image + '&filter=' + effect+ '&nani='+ myaccount);
setTimeout( function(){
$('#submitX').css("display","none");
$('#submit').css("display","block");
$('#picme').css("opacity","1");
$('#picme').css("filter","alpha(opacity=100)");
$("#check").html("");
$("#notify").html(effect);
loading_hide();
},2500 );
}
loading_show();
var msg_id = localStorage.getItem('msg_id');
var picha = localStorage.getItem('picha');
var form = $("#magazine");
$("#photo", form).val(window.localStorage["picha"]);
var myaccount= window.localStorage["myaccount"];
$('#preview img').load(function() {}).attr('src', Server+'processMag.php?mag=yes&image=' + window.localStorage["picha"] + '&filter=whiteflower&nani='+ myaccount);
loading_hide();
$(function(){
var navSwiper = $('.swiper-nav').swiper({
visibilityFullFit: true,
slidesPerView:'auto',})})
$('.swiper-wrapper').on('click','.swiper-slide',function () {
$('.swiper-slide').removeClass('active-nav');
$(this).addClass('active-nav')
});
});
</script>
<link rel="stylesheet" href="css/mytv.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="css/font.css" type="text/css" charset="utf-8" />
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style=" background-image:url(images/bg.png); background-position:center; background-position:top " onload="onBodyLoad()">
<div id="loadingReportaM"></div>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >
<!-- <tr>
<td valign="top" width="100%" height="40" ><table border="0" cellpadding="0" cellspacing="0" height="40" width="100%" class="header-contX" >
<tr>
<td width="53" height="40" ><a href="index.html"><img src="images/homey.png" height="40" style="-webkit-transform: translate3d(0,0,0); "></a></td>
<td width="100%" height="40" align="right" style="color: #FFF" background="images/app_03.png" ><a href="#" class="reload" id="1"><span id="check"></span></a></td>
<td width="44" height="40"><a href="index.html"><img src="images/app_04.png" width="44" height="40" alt=""> </a></td>
<td width="44" height="40" ><img src="images/app_05.png" width="44" height="40" alt="" class="menu-trigger" ></td>
</tr>
</table></td>
</tr>-->
<tr>
<td height="55" valign="top"><table border="0" cellpadding="0" width="100%" cellspacing="0" height="55" >
<tr>
<td width="153" height="55" ><img src="images/effects.png" alt="" width="190" height="55"></td>
<td width="100%" height="55"></td>
<!--<td width="54" height="55" id="exit" ><a href="profile.html"><img src="images/buttons3_03.png" width="54" height="55" alt=""></a></td>-->
<td width="53" height="55" ><a id="submit" ><img src="images/done.png" width="53" height="55" alt=""></a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="300" align="center" style="min-height:200px" valign="top">
<!-- <img src="images/Grey_Grunge4.jpg" id="spinner" width="116" height="116">-->
<form id="magazine" method="POST">
<input type="hidden" id="mag" name="mag" value="hidden" />
<input id="effecto" name="effecto" type="hidden" value="whiteflower" autocomplete="off"></input>
<input id="photo" name="photo" type="hidden" value=""></input>
<input type="hidden" id="newsid" name="newsid" value="MTQwODY1MTE3Mw,," />
<input id="x" value="0" type="hidden">
<input id="y" value="0" type="hidden">
<input type="hidden" id="step" name="step" value="7" />
<input type="hidden" id="brand" name="brand" value="watermark.png" />
</form>
<script type="text/javascript">
$(function() {
/* User presses the download button */
/* $('#submit').bind('click',function(){
var dataString = JSON.stringify(data);
$('#jsondata').val(dataString);
$('#jsonform').submit();
});
*/
$("#submit").click(function() {
loading_show();
var effect= encodeURI(document.getElementById('effecto').value);
var image= window.localStorage["picha"];
var mag= encodeURI(document.getElementById('mag').value);
var newsid= "MTQwODY1MTE3Mw,,";
var myaccount= window.localStorage["myaccount"];
var x= encodeURI(document.getElementById('x').value);
var y= encodeURI(document.getElementById('y').value);
$.ajax
({
type: "GET",
url: Server+'processMag.php?execute=yes&AppNo=' + AppNo + '&x=' + x + '&y=' + y + '&mag=yes&image=' + image + '&filter=' + effect+ '&nani='+ myaccount,
data: "page=4",
success: function(msg)
{
loading_hide();
/*$('#preview img').load(function() { }).attr('src', Server+'taswira.php?width=400&image=/v/uploads/raw/'+window.localStorage["picha"]);
document.getElementById('submit').innerHTML = '<a href="profile.html"><img src="images/done.png"></a>';
document.getElementById('exit').innerHTML = ''; */
window.location = "caption.html";
}
});
/* $('#jsonform5').submit();*/
});
$('.followme').click(function() {
loading_show();
var effect = $(this).attr("id");
var image = window.localStorage["picha"];
$('#effecto').val(effect);
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
var x= encodeURI(document.getElementById('x').value);
var y= encodeURI(document.getElementById('y').value);
var x= encodeURI(document.getElementById('x').value);
var y= encodeURI(document.getElementById('y').value);
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
;
$("#check").html("Crunching...");
$("#check").html("Applying "+effect+"...");
$("#notify").html("3secs...");
$('#picme').css("opacity","0.30");
$('#picme').css("filter","alpha(opacity=30)");
$('#preview img').load(function() {
$('p').remove();
}).attr('src', Server+'processMag.php?mag=yes&AppNo=' + AppNo + '&x=' + x + '&y=' + y + '&image=' + image + '&filter=' + effect+ '&nani='+ myaccount);
setTimeout( function(){
$('#submitX').css("display","none");
$('#submit').css("display","block");
$('#picme').css("opacity","1");
$('#picme').css("filter","alpha(opacity=100)");
$("#check").html("");
$("#notify").html(effect);
loading_hide();
},2500 );
});
});
</script>
<div id="preview" class="animated fadeIn" >
<span id="controls">
<div id="yincrement" class="preview_up"></div>
<div id="ydecrement" class="preview_down"></div>
<div id="xincrement" class="preview_left"></div>
<div id="xdecrement" class="preview_right"></div>
</span>
<div class="photo_wrp">
<img class="" src="" id="picme" style="min-width:116px; width:100%; max-width:400px">
</div> <div class="badge bg-white pull-none" id="notify" style="margin-top:3px; padding:5px; padding-top:3px; padding-right:7px;padding-left:7px"></div>
</div>
</td>
</tr>
<tr>
<td width="100%" height="80">
<div class="swiper-container swiper-nav nav3" id="tools">
<div class="swiper-wrapper">
<div class="swiper-slide active-nav"> <a href="#" id="whiteflower" title="" class="followme"><img src="images/filters/frames/whiteflower.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="framef" title="" class="followme"><img src="images/filters/frames/framef.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="frameg" title="" class="followme"><img src="images/filters/frames/frameg.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="frameh" title="" class="followme"><img src="images/filters/frames/frameh.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="x6" title="" class="followme"> <img src="images/filters/frames/x6.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="merry" title="" class="followme"><img src="images/filters/frames/merry.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="merry2" title="" class="followme"><img src="images/filters/frames/merry2.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="colurful" title="" class="followme"><img src="images/filters/frames/colurful.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="goldme" title="" class="followme"><img src="images/filters/frames/goldme.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="goldbars" title="" class="followme"><img src="images/filters/frames/goldbars.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="wedding" title="" class="followme"><img src="images/filters/frames/wedding.jpg" /></a></div>
<div class="swiper-slide"> <a href="#" id="elegance" title="" class="followme"><img src="images/filters/frames/elegance.jpg" /></a></div>
<!-- <div class="swiper-slide active-nav">
<a href="#" id="framee" title="" class="followme">
<img src="images/filters/frames/red2.jpg" />
</a>
</div>
-->
<div class="swiper-slide">
<a href="#" id="framed" title="" class="followme">
<img src="images/filters/frames/framed.jpg" />
</a>
</div>
<div class="swiper-slide">
<a href="#" id="framec" title="" class="followme">
<img src="images/filters/frames/framec.jpg" />
</a>
</div>
<div class="swiper-slide">
<a href="#" id="frameb" title="" class="followme">
<img src="images/filters/frames/frameb.jpg" />
</a>
</div>
<div class="swiper-slide">
<a href="#" id="framea" title="" class="followme">
<img src="images/filters/frames/framea.jpg" />
</a>
</div>
</div>
</div>
</td></tr>
</table>
<!-- Navigation -->
<!-- mainContent panel -->
<script type="text/javascript">
(function() {
var $body = document.body
, $menu_trigger = $body.getElementsByClassName('menu-trigger')[0];
if ( typeof $menu_trigger !== 'undefined' ) {
$menu_trigger.addEventListener('click', function() {
$body.className = ( $body.className == 'menu-active' )? '' : 'menu-active';
});
}
}).call(this);
</script>
<script type="text/javascript" charset="utf-8" src="js/notification.js"></script>
<script type="text/javascript" charset="utf-8" src="js/json2.js"></script>
</body>
</html>