- ID de l'analyse :
- 79e5e6ad-dbed-4c7c-8e11-1552c7d489fdTerminée
- URL soumise :
- https://smsb.co/D4RqnVRedirigé
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 5 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Cloud Text Messaging">
<meta name="author" content="SMSBump">
<link href="/css/core.min.css" rel="stylesheet">
<link href="/css/custom.min.css" rel="stylesheet">
<link href="/css/mobile.min.css" rel="stylesheet">
<script src="/js/core.min.js"></script>
<link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,300,600,700,400,800" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<title>smsbump | reliable global SMS cloud API</title>
<link href="/img/website/favicon.png" type="image/png" rel="icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.2/css/flag-icon.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>
</head>
<body id="Users" class="guest-view " style="">
<div class="contentWrapper">
<div class="contentPadding"> <section class="contentFormWrapper unsubscribe-section" id="Unsubscribe">
<div class="panel panel-default unsubscribe-panel">
<div style="display: flex; flex-direction: column-reverse">
<div class="text-center">
<h1>STAX.</h1>
</div>
<div style="align-self: flex-end">
<select id="language-select" class="selectpicker" data-width="fit" style="display: none;">
<option value="en" data-content="<span class="flag-icon flag-icon-us"></span> English" selected="">English</option>
<option value="fr" data-content="<span class="flag-icon flag-icon-fr"></span> French">French</option>
<option value="de" data-content="<span class="flag-icon flag-icon-de"></span> German">German</option>
<option value="es" data-content="<span class="flag-icon flag-icon-es"></span> Spanish">Spanish</option>
<option value="he" data-content="<span class="flag-icon flag-icon-il"></span> Hebrew">Hebrew</option>
<option value="ar" data-content="<span class="flag-icon flag-icon-sa"></span> Arabic">Arabic</option>
<option value="bg" data-content="<span class="flag-icon flag-icon-bg"></span> Bulgarian">Bulgarian</option>
<option value="no" data-content="<span class="flag-icon flag-icon-no"></span> Norwegian">Norwegian</option>
<option value="fi" data-content="<span class="flag-icon flag-icon-fi"></span> Finnish">Finnish</option>
<option value="sv" data-content="<span class="flag-icon flag-icon-se"></span> Swedish">Swedish</option>
<option value="ro" data-content="<span class="flag-icon flag-icon-ro"></span> Romanian">Romanian</option>
<option value="da" data-content="<span class="flag-icon flag-icon-dk"></span> Danish">Danish</option>
<option value="tr" data-content="<span class="flag-icon flag-icon-tr"></span> Turkish">Turkish</option>
<option value="pl" data-content="<span class="flag-icon flag-icon-pl"></span> Polish">Polish</option>
<option value="pt" data-content="<span class="flag-icon flag-icon-pt"></span> Portuguese">Portuguese</option>
<option value="nl" data-content="<span class="flag-icon flag-icon-nl"></span> Dutch">Dutch</option>
<option value="it" data-content="<span class="flag-icon flag-icon-it"></span> Italian">Italian</option>
<option value="sr" data-content="<span class="flag-icon flag-icon-rs"></span> Serbian">Serbian</option>
<option value="lv" data-content="<span class="flag-icon flag-icon-lv"></span> Latvian">Latvian</option>
</select><div class="btn-group bootstrap-select fit-width"><button type="button" class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" data-id="language-select" title="English"><span class="filter-option pull-left"><span class="flag-icon flag-icon-us"></span> English</span> <span class="caret"></span></button><div class="dropdown-menu open"><ul class="dropdown-menu inner selectpicker" role="menu"><li rel="0" class="selected"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-us"></span> English<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="1"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-fr"></span> French<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="2"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-de"></span> German<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="3"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-es"></span> Spanish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="4"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-il"></span> Hebrew<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="5"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-sa"></span> Arabic<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="6"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-bg"></span> Bulgarian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="7"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-no"></span> Norwegian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="8"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-fi"></span> Finnish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="9"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-se"></span> Swedish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="10"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-ro"></span> Romanian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="11"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-dk"></span> Danish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="12"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-tr"></span> Turkish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="13"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-pl"></span> Polish<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="14"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-pt"></span> Portuguese<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="15"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-nl"></span> Dutch<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="16"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-it"></span> Italian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="17"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-rs"></span> Serbian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li><li rel="18"><a tabindex="0" class="" style=""><span class="flag-icon flag-icon-lv"></span> Latvian<i class="glyphicon glyphicon-ok icon-ok check-mark"></i></a></li></ul></div></div>
</div>
</div>
<div class="img-responsive">
<img src="https://dnuaqhs941n75.cloudfront.net/img/unsubscribe-head.png" alt="The man with the boat" class="img-responsive center-block"> </div>
<div class="text-center">
<h2>Unsubscribe</h2>
<p id="infoText">
Please confirm your unsubscribe request from <span id="store-name">STAX.</span> text messages by clicking on the unsubscribe button below. </p>
<button id="unsubscribeBtn" class="btn btn-lg unsubButton" data-url="/users/ajax-unsubscribe-phone/user_data" data-user="456782" data-phone="61414281163">
I confirm that I want to unsubscribe </button>
<button id="subscribeBtn" style="display:none;" class="btn btn-lg unsubButton" data-undo_url="/users/ajax-undo-unsubscribe-phone/user_data" data-user="456782" data-phone="61414281163">
Undo </button>
</div>
</div>
</section>
<style>
@import url('/font/Inter/inter.css');
.unsubscribe-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 !important;
background: #F4F6F8;
}
.unsubscribe-panel {
padding: 16px;
margin: 29px;
border-radius: 10px;
border: none;
}
.unsubscribe-section h1 {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 24px;
color: #000000;
letter-spacing: 0.15px;
}
.unsubscribe-section h2 {
font-family: 'Inter', sans-serif;
font-size: 24px;
color: #000000;
letter-spacing: 0.15px;
}
.unsubscribe-section #infoText {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 17px;
max-width: 450px;
width: 100%;
margin: 20px auto 32px;
color: #000000;
letter-spacing: 0.15px;
}
.unsubscribe-section #store-name {
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: 700;
}
.unsubscribe-section img {
margin: 30px auto;
}
.unsubButton {
background-color: #0042E4;
font-family: 'Inter', sans-serif;
font-weight: normal;
font-size: 13px;
color: #fff;
margin-bottom: 30px;
white-space: normal;
border: none;
}
.unsubButton:hover {
color: #fff;
}
.unsubButton:disabled {
color: #fff;
}
h1 {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
@media only screen and (min-width: 850px) {
.unsubscribe-panel {
margin: auto;
width: 750px;
}
}
@media screen and (max-width: 370px) {
.unsubscribe-panel {
margin: 85px 16px 85px 16px;
padding: 0 10px 0 10px;
}
.unsubscribe-section #infoText {
font-size: 13px;
}
.unsubscribe-section h1 {
font-size: 20px;
}
</style>
<script>
$('#unsubscribeBtn').click(function (e) {
var unsubscribeHref = $(this).attr('data-url')
var user = $(this).attr('data-user')
var phone = $(this).attr('data-phone')
unsubscribeHref = unsubscribeHref.replace('user_data', user + '|' + phone)
$('#unsubscribeBtn').attr('disabled', 'disabled')
$.ajax({
url: unsubscribeHref,
type: 'GET',
dataType: 'json',
complete: function (resp) {
if (!resp.responseJSON.error) {
$('#unsubscribeBtn').removeAttr('disabled')
$('#unsubscribeBtn').hide(0)
$('#subscribeBtn').show(0)
$('#Unsubscribe #infoText').html("You have been successfully removed from the subscribers list.")
} else {
alert(resp.responseJSON.message)
}
}
})
})
$('#subscribeBtn').click(function (e) {
var undoHref = $(this).attr('data-undo_url')
var user = $(this).attr('data-user')
var phone = $(this).attr('data-phone')
undoHref = undoHref.replace('user_data', user + '|' + phone)
$('#subscribeBtn').attr('disabled', 'disabled')
$.ajax({
url: undoHref,
type: 'GET',
dataType: 'json',
complete: function (resp) {
if (!resp.responseJSON.error) {
$('#subscribeBtn').removeAttr('disabled')
$('#unsubscribeBtn').show(0)
$('#subscribeBtn').hide(0)
$('#Unsubscribe #infoText').html("Please confirm your unsubscribe request from <span id='store-name'>STAX.</span> text messages by clicking on the unsubscribe button below.")
} else {
alert(resp.responseJSON.message)
}
}
})
})
$('#language-select').on('change', function () {
let url = new URL(window.location.href)
url.searchParams.set('locale', this.value)
window.location.href = url.href
})
$(function(){
$('.selectpicker').selectpicker();
});
</script>
</div>
<div class="clearfix"></div>
</div>
</body></html>