<style><!--
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 2px solid #05c46b; /*Cor do camppo de rastreio*/
border-radius: 4px;
}
.button {
display: inline-block;
border-radius: 2px;
background-color: #f4511e;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 28px;
padding: 20px;
width: 200px;
transition: all 0.5s;
cursor: pointer;
margin: 1px;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button {
background-color: #1B9CFC; /*Cor do botão*/
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: bold;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button {width: 250px;}
--></style>
<div style="text-align: center;">Coloque abaixo o código de rastreio enviado via email</div>
<br />
<div style="text-align: center;"><input type="text" id="YQNum" maxlength="50" /> <input type="button" class="button" value="Rastrear" onclick="doTrack()" /></div>
<div id="YQContainer"></div>
<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">// <![CDATA[
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num===""){
alert("Por favor preencha o código de rastreio corretamente.");
return;
}
YQV5.trackSingle({
YQ_ContainerId:"YQContainer",
YQ_Height:560,
YQ_Fc:"0",
YQ_Lang:"pt",
YQ_Num:num
});
}
// ]]>
// ]]></script>
