dhlmvp.webauthor.com
Open in
urlscan Pro
2606:4700::6811:4337
Public Scan
URL:
https://dhlmvp.webauthor.com/lib/com/sms/signature.cfm?sms=5136388011&code=ES-5A459EA0-B6FB-564D-F20AD3ED2063122C&id=element_...
Submission: On January 05 via api from US — Scanned from US
Submission: On January 05 via api from US — Scanned from US
Form analysis 1 forms found in the DOM
Name: Form1 — POST /lib/com/sms/signature.cfm?code=ES-5A459EA0-B6FB-564D-F20AD3ED2063122C&id=element_14210&sms=5136388011
<form allow_multiple_submissions="false" print_mode="false" onsubmit="return frmValidCheck(this);" class="form-horizontal" save_toggle="true" persist="false" name="Form1" plugins="mask,spell"
action="/lib/com/sms/signature.cfm?code=ES-5A459EA0-B6FB-564D-F20AD3ED2063122C&id=element_14210&sms=5136388011" show_hints="true" method="post" id="Form1" novalidate="">
<style>
.form-group {
position: relative;
}
.xmFormHorizontal select {
width: 100%;
}
.xmFormHorizontal .xmLabelRow th {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #8c8c8c;
color: white;
}
.xmFormHorizontal .form-group {
margin-bottom: 0;
}
.xmFormHorizontal .form-control {
display: inline-block;
}
.xmFormButtons {
white-space: nowrap;
}
.XMFieldPreText {
color: #8e8e8e;
}
.xmFormButtonBar .btn-danger {
float: right;
margin-right: 20px;
}
.XMFormBody img {
max-width: 100%;
height: auto !important;
}
/* .xm-input-currency, .xm-input-numeric {
width: 100px;
text-align:right;
max-width:100%;
padding-right:.5em;
min-width: 100px;
} */
textarea.clTextArea {
min-height: 50px;
max-height: 600px;
resize: none;
overflow: auto;
box-sizing: border-box;
}
#wrapper {
overflow: visible;
}
.xmFormButtonBar {
position: sticky;
bottom: 0px;
margin-left: 0;
margin-right: 0;
z-index: 9;
padding: 10px;
border-top: 2px solid #dadada;
background-color: #f5f5f5;
}
.XMFormFooterArrow {
animation: bounce 2s 3;
color: white;
position: absolute;
right: 5px;
top: 4px;
}
.XMFormFooterArrowFadeOut {
-webkit-transition: opacity 3s ease-in-out;
-moz-transition: opacity 3s ease-in-out;
-ms-transition: opacity 3s ease-in-out;
-o-transition: opacity 3s ease-in-out;
opacity: 0;
}
.nav-tabs>li.active a {
background: white;
}
.tab-pane .SectionLabel {
display: none;
}
.tab-pane {
border-radius: 0;
border-top: 0;
}
dl.xm-collapsible dt {
background: #efefef;
border-bottom: 1px solid #dadada;
padding: 4px 8px;
font-size: 14px;
cursor: pointer;
}
dl.xm-collapsible dd {
padding: 4px 8px;
}
dl.xm-collapsible {
border: 1px solid #dadada;
margin-bottom: 0;
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes TransitioningBackground {
0% {
background-position: 1% 0%;
}
50% {
background-position: 99% 100%;
}
100% {
background-position: 1% 0%;
}
}
/*
.btn-primary {
animation: TransitioningBackground 10s ease infinite;
transition: 0.6s;
}
.btn-primary::before {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.5);
width: 60px;
height: 100%;
top: 0;
filter: blur(30px);
transform: translateX(-100px) skewX(-15deg);
}
.btn-primary::after {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.2);
width: 30px;
height: 100%;
top: 0;
filter: blur(5px);
transform: translateX(-100px) skewX(-15deg);
}
.btn-primary:hover {
background-image: linear-gradient(to left, #2d8fe5, #d155b8);
transform: scale(1.2);
cursor: pointer;
}
.btn-primary:hover::before, .btn-primary:hover::after {
transform: translateX(300px) skewX(-15deg);
transition: 0.7s;
}
*/
@media (max-width: 479px) {
.XMLabel {
max-width: 95%;
text-align: left !important;
}
.xmFormButtons {
white-space: normal;
}
.xmFormButtons .btn {
margin-bottom: 5px;
}
}
@media print {
.xmFormButtonBar {
position: relative;
}
}
</style>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
var $XMFooterArrow = $(".XMFormFooterArrow");
var $form = $XMFooterArrow.parent().closest("form");
//console.log($form.attr("name"),$form.height(),$(window).height());
if ($form.height() > ($(window).height() - 300)) {
$XMFooterArrow.show();
$(window).scroll(function() {
if (!$XMFooterArrow.hasClass("XMFormFooterArrowFadeOut")) {
$XMFooterArrow.addClass("XMFormFooterArrowFadeOut");
}
});
}
}, 750);
$('textarea.clTextArea').on('input', function() {
var $this = $(this);
$this.css('height', 'auto');
$this.css('height', Math.max($this.get(0).scrollHeight, 50) + 'px');
}).trigger("input");
$(window).on("dynrow:add", function(ev, prefix, counter) {
var $row = $("#" + prefix + "_Row" + counter);
$row.find("textarea.clTextArea").each(function(i, v) {
$(this).trigger("input");
});
});
$('dl.xm-collapsible dt').click(function(e) {
var $this = $(this);
$this.nextUntil('dt').slideToggle();
$this.find(".xm-collapsible-icon").toggleClass("fa-plus fa-minus");
});
$('dl.xm-collapsible dd').hide();
// $(".xm-input-currency,.xm-input-numeric").on("input",function() {
// var $this = $(this);
// $this.css("width",($this.val().length+3)+"ch");
// }).trigger("input");
});
function xmFormToggleSection(o) {
var $o = $(o);
var sectionId = $o.data("sectionid");
var $section = $("#" + sectionId);
var expandSection = o.src.indexOf('plus') > -1;
setOption('xm_form_section', 0, 'SectionBody' + sectionId, expandSection);
$section.trigger("section:expand", [expandSection]);
}
</script>
<div class="panel panel-default XMFormSection " style="margin-bottom:10px;" id="Sectionsignature">
<div class="XMFormGroupHeader panel-heading" style="">
<table width="100%" cellpadding="0" style="table-layout:fixed" cellspacing="0">
<colgroup>
<col style="width:auto;">
</colgroup>
<tbody>
<tr>
<td>
<div id="SectionsignatureSectionLabel" class="SectionLabel">Signature</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="SectionBodySectionsignature" class="XMFormBody panel-body" style="">
<div class="form-group row XMFormRow XMFormRowChild" data-fillrow="true" style=";;" id="form_row_signature">
<label id="form_label_signature" class="col-form-label col-sm-12 XMLabel" for="signature" style="position:relative;" title="Signature">Signature <span style="position: absolute;right:5px;">
<img src="/lib/img/clear.gif" id="ValImgsignature" alt="Validation Placeholder" align="absmiddle" width="16" height="16">
<img src="/lib/img/icon/asterisk.gif" class="xmReqField" id="ReqImgsignature" alt="Required Field" align="absmiddle">
</span>
</label>
<div class="col-sm-12 XMFieldWrapper " style=";">
<div class="XMFieldPreText">
</div>
<link href="/lib/jquery/signature/assets/jquery.signaturepad.css?ver=20190709-a" rel="stylesheet">
<!--[if lt IE 9]><script src="/lib/jquery/signature/assets/flashcanvas.js"></script><![endif]-->
<script src="/lib/jquery/signature/jquery.signaturepad.js?ver=20210512-a"></script>
<script src="/lib/jquery/signature/assets/numeric-1.2.6.min.js"></script>
<script src="/lib/jquery/signature/assets/bezier.js"></script>
<script src="/lib/jquery/signature/assets/json2.min.js"></script>
<style>
.modal {
width: 100%;
padding: 10px;
}
/*
.modal-dialog {
width:100%;
}
*/
.modal-mostscreen {
width: 90%;
margin: 0 auto;
}
.modal-mostscreen .modal-dialog {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.modal-mostscreen .modal-content {
height: 100%;
display: flex;
flex-flow: column;
border-radius: 0;
}
.modal-mostscreen .modal-body {
overflow: auto;
display: flex;
flex: 1;
flex-direction: column;
}
.modal-fullscreen {
width: 100%;
padding: 25px;
}
.modal-fullscreen .modal-dialog {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.modal-fullscreen .modal-content {
height: 100%;
display: flex;
flex-flow: column;
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow: auto;
display: flex;
flex: 1;
}
</style>
<div class="modal fade" id="SignatureModal" style="display:none;max-width:100%;max-height:100vh;">
<div class="modal-dialog" role="document" style="">
<div class="modal-content">
<div class="modal-header">
<h3>Request Signature</h3>
<a href="javascript:void(0);" class="xm-modal-close" data-dismiss="modal">Close</a>
</div>
<div class="modal-body" style="">
<div class="alert alert-info">Enter your cell/mobile number to receive a link to sign. You MUST keep this browser tab open until your signature is recorded. Once recorded, your signature will appear here and you can then finish
completing this form.</div>
<input type="hidden" id="signature_modal_field_id" value="">
<div class="input-group" style="width:100%;padding:5px;">
<span class="input-group-addon picker"><i class="fa fa-mobile-screen"></i></span>
<input type="text" class="form-control" id="signature_modal_cell_number" value="" placeholder="Cell/Mobile Number/Email">
</div>
<div class="input-group" style="width:100%;padding:5px;">
<span class="input-group-addon picker"><i class="fa fa-message-sms"></i></span>
<input type="text" class="form-control" style="width:100%;" maxlength="150" id="signature_modal_message" placeholder="Comments/Message to User">
</div>
<div class="input-group" style="width:100%;padding:5px;">
<input type="button" id="signature_modal_button" class="btn btn-primary" value="Request Signature">
</div>
</div>
</div>
</div>
</div>
<script>
var signatureMobileToast;
var currentUserSignature = "";
function pasteCurrentSignature(id, sig) {
console.log(id, sig);
if (signatureMobileToast) {
signatureMobileToast.reset();
}
$('#signature_wrapper_' + id).signaturePad({
validateFields: false,
drawOnly: true,
drawBezierCurves: true,
lineTop: 150
}).regenerate(sig);
}
function clearCurrentSignature(id) {
if (signatureMobileToast) {
signatureMobileToast.reset();
}
$("#signature_log_entry_" + id + "").html("");
$('#signature_wrapper_' + id + '').signaturePad({
validateFields: false,
drawOnly: true,
drawBezierCurves: true,
lineTop: 150
}).clearCanvas();
}
function saveCurrentSignature(id) {
$.post("/lib/cfc/user.cfc?returnFormat=JSON&method=SaveUserSignature", {
signature: $("#" + id).val()
}, function(data) {
;
}, "json");
}
$(document).ready(function(e) {
$("#signature_modal_button").click(function(e) {
hideModal("SignatureModal")
signatureMobileToast = $.toast({
text: GLT("A link has been sent to your mobile device. Please click that link to record your signature on your device, then return to this tab to finish completing this form."),
position: "mid-center",
icon: "info",
heading: GLT("Signature"),
bgColor: "#4285F4",
textColor: "#fff",
allowToastClose: false,
hideAfter: false,
stack: false
});
$.post("/lib/com/sms/signature.cfc?returnFormat=JSON&method=SendSignatureLink", {
sms: $("#signature_modal_cell_number").val(),
id: $("#signature_modal_field_id").val(),
message: $("#signature_modal_message").val()
}, function(data) {
$("#xm_signature_request_code_signature").val(data.code);
pusherSubscribeToChannel("sms-signature-" + data.code, function(data) {
console.log(data);
if (data.type == "notification") {
pasteCurrentSignature(data.data.id, data.data.signature);
var audio = new Audio('/lib/sound/confirmation.mp3');
audio.play();
}
});
}, "json");
});
});
function getMobileSignature(id) {
eModal.prompt({
message: "Enter the cell/mobile number or email address to receive a link to sign. You MUST keep this browser tab open until your signature is recorded. Once recorded, your signature will appear here and you can then finish completing this form.",
value: "",
title: "Enter Cell/Mobile Number"
}, null).then(function(value) {
signatureMobileToast = $.toast({
text: GLT("A link has been sent to your mobile device. Please click that link to record your signature on your device, then return to this tab to finish completing this form."),
position: "mid-center",
icon: "info",
heading: GLT("Signature"),
bgColor: "#4285F4",
textColor: "#fff",
allowToastClose: false,
hideAfter: false,
stack: false
});
var sms = value;
$.getJSON("/lib/com/sms/signature.cfc?returnFormat=JSON&method=SendSignatureLink&sms=" + sms + "&id=" + id, function(data) {
pusherSubscribeToChannel("sms-signature-" + data.code, function(data) {
if (data.type == "notification") {
pasteCurrentSignature(data.data.id, data.data.signature);
}
});
});
}, function() {});
}
</script>
<div class="sigPad" id="signature_wrapper_signature" style="width:390px;max-width:100%;overflow:hidden;">
<div class="sig sigWrapper current" style="height: 243px; position: relative; display: block;">
<div class="typed" style="display: none;"></div>
<canvas class="pad" width="380" height="200"></canvas>
<textarea style="display:none;" class="output" name="signature" id="signature" vtype="signature" hint="" placeholder="" vlabel="Signature" vrequired="true"></textarea>
<input type="hidden" name="xm_signature_request_code_signature" id="xm_signature_request_code_signature" value="">
<table data-id="signature" style="background:#f5f5f5;border-top:1px solid #ccc;width:100%;">
<tbody>
<tr>
<td type="button" class="btn btn-secondary xmTip clearButton" style="border-left: 1px solid #ccc;" data-tippy-content="Clear"><i class="fa fa-eraser"></i></td>
</tr>
</tbody>
</table>
<div id="sig_log_entry_signature" style="position:absolute;top:2px;background:#ffc107;font-size:10px;display:none;width:100%;color:#fff;padding:2px;"><i class="fa fa-signature"></i> 2602:ffc8:2:104::6</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#signature_wrapper_signature').signaturePad({
validateFields: false,
drawOnly: true,
drawBezierCurves: true,
lineTop: 150
});
$("#signature").change(function(e) {
//$("#sig_image_signature").val($("#signature_wrapper_signature").signaturePad({validateFields:false,drawOnly:true,drawBezierCurves:true, lineTop:150}).getSignatureImage());
$("#sig_log_entrysignature").show().html("<i class='fa fa-signature'></i> Captured from 2602:ffc8:2:104::6 on " + new Date().toLocaleString());
});
});
</script>
</div>
</div>
</div>
</div>
<div id="ValidationMessagesForm1" class="" style="display:none;"></div>
<div class="row xmFormButtonBar" style="">
<div class="scroll-progress progress" style="height:5px;margin-bottom:10px;display:none;">
<div aria-hidden="true" class="scroll-progress-bar progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="-webkit-transition:none;transition:none;background-color:#007bff;"></div>
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-9 xmFormButtons" style="">
<input onkeyup="" lang="en" id="actionxm" vtype="submit" hint="" placeholder="" vlabel="" vrequired="false" class="btn btn-primary" style="" type="submit" name="actionxm" value="Save">
<div class="XMFormFooterArrow" style="display:none;">
<a class="fa fa-arrow-down fa-2x" style="color:#808080;" href="javascript:void(0);" aria-label="Scroll down"></a>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
//$("#wrapper").css("overflow","visible");
var $formObj = $("#Form1");
var $progressBar = $formObj.find(".scroll-progress-bar");
//console.log($formObj.height());
if ($formObj && $formObj.height() > $(window).height()) {
var $xmFormButtonBar = $(".xmFormButtonBar");
$formObj.find(".scroll-progress").show();
$xmFormButtonBar.css("border-top", 0);
$(document).on('scroll', function() {
var v = $(window).scrollTop() + $(window).height();
$progressBar.data("value", v).css("width", ($progressBar.data("value") / $progressBar.data("max")) * 100 + "%");
});
$(window).on("load resize", function(e) {
var m = $formObj.height() + $formObj.offset().top;
var v = $(window).scrollTop() + $(window).height();
$progressBar.data("value", v).data("max", m).css("width", ($progressBar.data("value") / $progressBar.data("max")) * 100 + "%");
});
}
});
</script>
<input type="hidden" name="xm_form_request_token" value=" XMFRT-dhlmvp.webauthor.com-69303BC8-BC36-E257-5053914E0311DB57">
</form>Text Content
Skip to Content opener button * Login Login DHL: Please click the link to capture your digital signature. -De'Juan Signature Signature REQUEST SIGNATURE Close Enter your cell/mobile number to receive a link to sign. You MUST keep this browser tab open until your signature is recorded. Once recorded, your signature will appear here and you can then finish completing this form. 2602:ffc8:2:104::6 Copyright 2024. Powered by Webauthor ®. Privacy Policy. All Rights Reserved. LX-133-207 (Execution Time: 0.04 seconds) #dddddd#f44336#3f51b5#009688#ffeb3b#e91e63#2196f3#4caf50#ffc107#9c27b0#03a9f4#8bc34a#ff9800#ffe5ad#c5e6c1#bcefef#ffadad#f3ccf7#1266F1#B23CFD#00B74A#F93154#FFA900#39C0ED#262626#673AB7#26A69A#F0F4C3#A5D6A7#FFB74D#FFFF00#90A4AE#FFEBEE#FFCDD2#EF9A9A#E57373#EF5350#F44336#E53935#D32F2F#C62828#B71C1C#FF8A80#FF5252#FF1744#D50000#FCE4EC#F8BBD0#F48FB1#F06292#EC407A#E91E63#D81B60#C2185B#AD1457#880E4F#FF80AB#FF4081#F50057#C51162#F3E5F5#E1BEE7#CE93D8#BA68C8#AB47BC#9C27B0#8E24AA#7B1FA2#6A1B9A#4A148C#EA80FC#E040FB#D500F9#AA00FF#EDE7F6#D1C4E9#B39DDB#9575CD#7E57C2#673AB7#5E35B1#512DA8#4527A0#311B92#B388FF#7C4DFF#651FFF#6200EA#E8EAF6#C5CAE9#9FA8DA#7986CB#5C6BC0#3F51B5#3949AB#303F9F#283593#1A237E#8C9EFF#536DFE#3D5AFE#304FFE#E3F2FD#BBDEFB#90CAF9#64B5F6#42A5F5#2196F3#1E88E5#1976D2#1565C0#0D47A1#82B1FF#448AFF#2979FF#2962FF#E1F5FE#B3E5FC#81D4FA#4FC3F7#29B6F6#03A9F4#039BE5#0288D1#0277BD#01579B#80D8FF#40C4FF#00B0FF#0091EA#E0F7FA#B2EBF2#80DEEA#4DD0E1#26C6DA#00BCD4#00ACC1#0097A7#00838F#006064#84FFFF#18FFFF#00E5FF#00B8D4#E0F2F1#B2DFDB#80CBC4#4DB6AC#26A69A#26A69A#00897B#00796B#00695C#004D40#A7FFEB#64FFDA#1DE9B6#00BFA5#E8F5E9#C8E6C9#A5D6A7#81C784#66BB6A#4CAF50#43A047#388E3C#2E7D32#1B5E20#B9F6CA#69F0AE#00E676#00C853#F1F8E9#DCEDC8#C5E1A5#AED581#9CCC65#8BC34A#7CB342#689F38#558B2F#33691E#CCFF90#B2FF59#76FF03#64DD17#F9FBE7#F0F4C3#E6EE9C#DCE775#D4E157#CDDC39#C0CA33#AFB42B#9E9D24#827717#F4FF81#EEFF41#C6FF00#AEEA00#FFFDE7#FFF9C4#FFF59D#FFF176#FFEE58#FFEB3B#FDD835#FBC02D#F9A825#F57F17#FFFF8D#FFFF00#FFEA00#FFD600#FFF8E1#FFECB3#FFE082#FFD54F#FFCA28#FFC107#FFB300#FFA000#FF8F00#FF6F00#FFE57F#FFD740#FFC400#FFAB00#FFF3E0#FFE0B2#FFCC80#FFB74D#FFA726#FF9800#FB8C00#F57C00#EF6C00#E65100#FFD180#FFAB40#FF9100#FF6D00#FBE9E7#FFCCBC#FFAB91#FF8A65#FF7043#FF5722#F4511E#E64A19#D84315#BF360C#FF9E80#FF6E40#FF3D00#DD2C00#EFEBE9#D7CCC8#BCAAA4#A1887F#8D6E63#795548#6D4C41#5D4037#4E342E#3E2723#FAFAFA#F5F5F5#EEEEEE#E0E0E0#BDBDBD#9E9E9E#757575#616161#424242#212121#ECEFF1#CFD8DC#B0BEC5#90A4AE#78909C#607D8B#546E7A#455A64#37474F#263238#0075c2#1aaf5d#f2c500#f45b00#8e0000#90b5cb#a1c59e#a589b0#e1936d#e4cf94#8fb6ae#8498a5#c59ecd#70767d#dc8f85#81c0ec#c6d1a9#c8bbcd#eacec1#e4df94#eecfce#90b5cb#a1c59e#a589b0#e1936d#e4cf94#8fb6ae#8498a5#c59ecd#70767d#dc8f85#81c0ec#c6d1a9#c8bbcd#eacec1#e4df94#eecfce#90b5cb#a1c59e#a589b0#e1936d#e4cf94#8fb6ae#8498a5#c59ecd#70767d#dc8f85#81c0ec#c6d1a9#c8bbcd#eacec1#e4df94#eecfce