<?php
/**
 * Project:        M.VuiZ.Net
 * Author:         nampt.me <admin@vuiz.net>
 * Copyright:      © 2025 vuiz.net All rights reserved.
 */

	$key = 'Chụp ảnh màn hình wap/web online';
	$mkey = 'Chụp ảnh màn hình trang web online, webpage screenshot online, tool take a screenshot of a webpage, capture web page screenshot';
	include'../../template/header.php';
?>

	<div class="col-right-xs">
		<div class="mainblok">
			<div class="phdr">
					<div vocab="https://schema.org/" typeof="BreadcrumbList">
						<span property="itemListElement" typeof="ListItem">
							<a href="/"  property="item" typeof="WebPage">
								<i class="fa fa-home"></i> <span property="name">Home</span>
							</a>
							<meta property="position" content="1">
						</span>
						<i class="fa fa-angle-right"></i>
						<span property="itemListElement" typeof="ListItem">
							<a href="/tools/"  property="item" typeof="WebPage">
								<i class="fa fa-wrench"></i> <span property="name">Công cụ</span>
							</a>
							<meta property="position" content="2">
						</span>
						<i class="fa fa-angle-right"></i>
						<span property="itemListElement" typeof="ListItem">
							<span property="name">Chụp ảnh màn hình wap web online</span>
							<meta property="position" content="3">
						</span>
					</div>
			</div>
			<div class="newsx">Tool Take Screenshot Webpage Online giúp bạn có thể chụp ảnh màn hình Wap/Website trực tuyến dễ dàng mà không cần cài thêm các tiện ích hay phần mềm nào.</div>
			<div class="menu">
				<form id="form" method="post" onSubmit="return false;">Nhập địa chỉ trang web:
					<br/>
					<input type="text" size="20" name="url" id="url" value="https://nam.name.vn">
					<br/> Kích thước :
					<br/>
					<input type="text" size="3" value="640" style="width: 60px;" name="x" id="x" />x
					<input type="text" size="3" value="480" style="width: 60px;" name="y" id="y" />
					<br/> Chọn định dạng ảnh
					<select name="morong" id="morong">
						<option value="png">png</option>
						<option value="jpg">jpg</option>
					</select>
					<br>
					<input type="submit" id="submit" name="submit" value="Xong">
				</form>
			</div>
			<div id="chupanh"></div>
		</div>
	</div>
	<div class="col-left-xs">
<?php require '../toolslist.php'; ?>
	</div>
	<div class="clear"></div>

	<script>
		$(document).ready(function(){
			$("#submit").click(function(){
				$("#submit").addClass('disabled');
				$("#chupanh").hide();
				$("#chupanh").html('<div class="gmenu" style="text-align: center;"><img src="/template/images/loading.svg" /></div>').slideDown('slow');
				getLink();
			});
			$("#reset").click(function(){
				$("#chupanh").html('');
			});
			function getLink(){
				var form = $('#form')[0];
				var formData = new FormData(form);
				$.ajax({
					url: "add.php",
					type: "POST",
					data:  formData,
					contentType: false,
					cache: false,
					processData:false,
					success: function(rs)
					{
						res = JSON.parse(rs);
						if(res.success){
							$("#submit").removeClass('disabled');
							$("#chupanh").hide();
							$("#chupanh").html('<div class="gmenu">'+res.success+'</div>').slideDown('slow');
						}
						if(res.error){
							$("#submit").removeClass('disabled');
							$("#chupanh").hide();
							$("#chupanh").html('<div class="gmenu" style="text-align: center;"><i style="color:red">'+res.success+'</i></div>').slideDown('slow');
						}
					},
					error: function() 
					{
						$("#submit").removeClass('disabled');
						$("#chupanh").hide();
						$("#chupanh").html('<div class="gmenu" style="text-align: center;"><i style="color:red">Hệ thống bận, vui lòng thử lại sau!</i></div>').slideDown('slow');
					}           
				});
			}

		});
	</script>

<?php
	include '../../template/footer.php';
?>