File: /var/www/html/tmpr/../tmpr/../tmpr/../tmpr/../tmpr/../real/messageEffect.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 type="text/javascript">
$( document ).ready( function(){
var msg_id = localStorage.getItem('msg_id');
var picha = localStorage.getItem('picha');
var form = $("#magazine");
$("#photo", form).val(window.localStorage["picha"]);
var form = $("#captionForm");
var formData = form.serialize();
var description = $("#description", form).val();
var description = encodeURI(description);
var twist = "normal";
var myaccount= window.localStorage["myaccount"];
$('#submitX').css("display","none");
$('#submit').css("display","none");
$("#check").html("Adjusting exposure...");
$("#notify").html("Loading...");
$('#picme').css("opacity","0.00");
$('#picme').css("filter","alpha(opacity=0)");
$('#preview img').load(function() {}).attr('src', Server+'processMag.php?twist='+twist+'&description='+description+'&mag=yes&image='+window.localStorage["picha"]+ '&filter=print&nani='+ myaccount);
loading_show();
setTimeout( function(){
$('#submitX').css("display","none");
$('#submit').css("display","block");
$('#picme').css("opacity","1");
$('#picme').css("filter","alpha(opacity=100)");
$("#check").html("");
$("#notify").html("Swipe to choose effect");
loading_hide();
},1500 );
$(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>
<script src="js/fastclick.js"></script>
<script src="js/engine.js"></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="119" height="55" ><img src="images/photoeffects.png" alt="" width="119" height="55"></td>
<td width="100%" height="55"> <span id="check" style="color: #FFF" ></span> </td>
<td width="54" height="55"><a href="profile.html" id="remove" ><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>
<a id="submitX" style="display:none"><img src="images/done.png" width="53" height="55" alt=""></a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="100%" style="min-height:200px" align="center" valign="middle"><!-- <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="yes" />
<input id="effecto" name="effecto" type="hidden" value="print" autocomplete="off">
</input>
<input id="twist" name="twist" type="hidden" value="normal" >
</input>
<input id="photo" name="photo" type="hidden" value="">
</input>
<input type="hidden" id="newsid" name="newsid" value="MTQwODY1MTE3Mw,," />
<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 twist = encodeURI(document.getElementById('twist').value);
var image= window.localStorage["picha"];
var mag= encodeURI(document.getElementById('mag').value);
var newsid= "MTQwODY1MTE3Mw,,";
var myaccount= window.localStorage["myaccount"];
var form = $("#captionForm");
var formData = form.serialize();
var description = $("#description", form).val();
var description = encodeURI(description);
$("#check").html("Publishing...");
$.ajax
({
type: "GET",
url: Server+'processMag.php?twist='+twist+'&description='+description+'&execute=yes&AppNo=' + AppNo + '&mag=yes&image=' + image + '&filter=' + effect+ '&nani='+ myaccount,
data: "page=4",
success: function(msg)
{
loading_hide();
window.location = "caption.html";
}
});
/* $('#jsonform5').submit();*/
});
$('.followme').click(function() {
loading_show();
$('#submit').css("display","none");
$('#submitX').css("display","none");
var effect = $(this).attr("id");
var twist = $(this).attr("rel");
$('#effecto').val(effect);
$('#twist').val(twist);
var image = window.localStorage["picha"];
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
document.getElementById('remove').innerHTML = '';
var form = $("#captionForm");
var formData = form.serialize();
var description = $("#description", form).val();
var description = encodeURI(description);
$("#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?twist='+twist+'&description='+description+'&mag=yes&AppNo=' + AppNo + '&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 );
});
$('.followme2').click(function() {
loading_show();
$('#submit').css("display","none");
$('#submitX').css("display","none");
var effect= encodeURI(document.getElementById('effecto').value);
var twist = encodeURI(document.getElementById('twist').value);
var image = window.localStorage["picha"];
$('#effecto').val(effect);
var mag= encodeURI(document.getElementById('mag').value);
var myaccount= window.localStorage["myaccount"];
document.getElementById('remove').innerHTML = '';
var form = $("#captionForm");
var formData = form.serialize();
var description = $("#description", form).val();
var description = encodeURI(description);
$("#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?twist='+twist+'&description='+description+'&mag=yes&AppNo=' + AppNo + '&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" >
<div class="photo_wrp">
<img class="" src="" id="picme" style="min-width:116px; width:100%; max-width:400px">
</div>
<form method="get" name="captionForm" id="captionForm" style="padding-top:220px">
<div class="input-group m">
<input placeholder="Caption this" value="Caption this" class="form-control message no-border" id="description">
<span class="input-group-btn">
<button class="btn btn-primary followme2" type="button"><i class="icon-refresh"></i></button>
</span> </div>
</form>
<div style="color:#FFF; padding-top:20px">Note: Memes in this section are user-generated and submitted by users.</div>
</div>
</td>
</tr>
<tr>
<td width="100%" height="80" align="center" valign="middle"><div class="swiper-container swiper-nav nav3" id="tools">
<div class="swiper-wrapper">
<div class="swiper-slide active-nav"> <a href="#" id="print" rel="normal" class="followme"> <img src="images/filters/memes/1.jpg" /> </a> </div><div class="swiper-slide"> <a href="#" id="print" rel="normal4" class="followme"> <img src="images/filters/memes/4.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="print" rel="normal5" class="followme"> <img src="images/filters/memes/5.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="print" rel="normal2" class="followme"> <img src="images/filters/memes/2.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="print" rel="normal3" class="followme"> <img src="images/filters/memes/3.jpg" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="19print" rel="normal4" class="followme"> <img src="images/filters/memes/19print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="22print" rel="normal5" class="followme"> <img src="images/filters/memes/22print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="23print" rel="white" class="followme"> <img src="images/filters/memes/23print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="24print" rel="white" class="followme"> <img src="images/filters/memes/24print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="29print" rel="white" class="followme"> <img src="images/filters/memes/29print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="31print" rel="white" class="followme"> <img src="images/filters/memes/31print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="33print" rel="white" class="followme"> <img src="images/filters/memes/33print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="34print" rel="normal4" class="followme"> <img src="images/filters/memes/34print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="27print" rel="normal" class="followme"> <img src="images/filters/memes/27print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="49print" rel="normal" class="followme"> <img src="images/filters/memes/49print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="35print" rel="white" class="followme"> <img src="images/filters/memes/35print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="36print" rel="white" class="followme"> <img src="images/filters/memes/36print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="38print" rel="black" class="followme"> <img src="images/filters/memes/38print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="39print" rel="white" class="followme"> <img src="images/filters/memes/39print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="40print" rel="black" class="followme"> <img src="images/filters/memes/40print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="42print" rel="white" class="followme"> <img src="images/filters/memes/42print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="43print" rel="normal" class="followme"> <img src="images/filters/memes/43print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="44print" rel="white" class="followme"> <img src="images/filters/memes/44print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="45print" rel="normal" class="followme"> <img src="images/filters/memes/45print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="28print" rel="normal" class="followme"> <img src="images/filters/memes/28print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="32print" rel="white" class="followme"> <img src="images/filters/memes/32print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="37print" rel="normal" class="followme"> <img src="images/filters/memes/37print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="7print" rel="normal" class="followme"> <img src="images/filters/memes/7print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="10print" rel="normal" class="followme"> <img src="images/filters/memes/10print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="21print" rel="normal" class="followme"> <img src="images/filters/memes/21print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="30print" rel="normal" class="followme"> <img src="images/filters/memes/30print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="2print" rel="normal" class="followme"> <img src="images/filters/memes/2print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="3print" rel="normal" class="followme"> <img src="images/filters/memes/3print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="4print" rel="normal" class="followme"> <img src="images/filters/memes/4print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="5print" rel="normal" class="followme"> <img src="images/filters/memes/5print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="6print" rel="normal" class="followme"> <img src="images/filters/memes/6print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="8print" rel="normal" class="followme"> <img src="images/filters/memes/8print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="11print" rel="normal" class="followme"> <img src="images/filters/memes/11print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="12print" rel="normal" class="followme"> <img src="images/filters/memes/12print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="13print" rel="normal" class="followme"> <img src="images/filters/memes/13print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="15print" rel="normal" class="followme"> <img src="images/filters/memes/15print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="16print" rel="normal" class="followme"> <img src="images/filters/memes/16print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="17print" rel="normal" class="followme"> <img src="images/filters/memes/17print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="18print" rel="normal" class="followme"> <img src="images/filters/memes/18print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="20print" rel="normal" class="followme"> <img src="images/filters/memes/20print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="25print" rel="normal" class="followme"> <img src="images/filters/memes/25print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="26print" rel="normal" class="followme"> <img src="images/filters/memes/26print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="46print" rel="normal" class="followme"> <img src="images/filters/memes/46print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="47print" rel="normal" class="followme"> <img src="images/filters/memes/47print.png" /> </a> </div>
<div class="swiper-slide"> <a href="#" id="48print" rel="normal" class="followme"> <img src="images/filters/memes/48print.png" /> </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>