Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions i18n.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
var arrlang={
'en':{
'description':"Add a stranger's phone number to your WhatsApp in three step!",
'country-code':'Country code',
'phone-number':'Phone numberPhone number',
'add':'Add to WhatsApp'

},
'zh':{
'description':"在三步之內在你的WhatsApp中加一個陌生人的電話號碼",
'country-code':'國家號碼',
'phone-number':'電話號碼',
'add':'加到WhatsApp'

}
}
window.onload=(i18n)
function i18n()
{
var userLang = navigator.language || navigator.userLanguage;
userLang = userLang.substring(0,2) ;
for(var i=0;i<6;i++){
if(document.getElementsByTagName('span')[i].getAttribute('for')){
document.getElementsByTagName('span')[i].innerHTML = arrlang[userLang][document.getElementsByTagName('span')[i].getAttribute('for')];
}
}
}

23 changes: 13 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="application-name" content="WhatsAdd">
<meta name="apple-mobile-web-app-title" content="WhatsAdd">
<script src='i18n.js'></script>
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
Expand All @@ -30,7 +31,7 @@
<div class="ts bottom attached large heading padded slate">
<div class="ts very narrow container">
<span class="header">WhatsAdd</span>
<span class="description">Add a stranger's phone number to your WhatsApp in three step!</span>
<span class="description" for="description">Add a stranger's phone number to your WhatsApp in three step!</span>
</div>
</div>

Expand All @@ -40,20 +41,20 @@
<form id="whatsadd-form" class="ts form" action="javascript:formSubmit();" method="GET" autocomplete="off">
<div class="fields">
<div class="five wide required field">
<label for="country-code">Country code</label>
<label ><span for="country-code">Country code</span></label>
<div class="ts labeled input">
<div class="ts basic label">+</div>
<input id="country-code" tabindex="0" type="tel" maxlength="3" pattern="[0-9]+" placeholder="852" required autofocus>
<input id="country-code" tabindex="0" type="tel" maxlength="3" pattern="[0-9]+" placeholder="852" autofocus>
</div>
</div>
<div class="eleven wide required field">
<label for="phone-number">Phone number</label>
<label ><span for="country-code">Phone number</span></label>
<input id="phone-number" tabindex="0" type="tel" maxlength="15" pattern="[0-9]+" placeholder="68977740" required>
</div>
</div>
<div class="fields">
<button id="submit-button" tabindex="0" type="submit" class="ts primary right floated labeled icon button">
<i class="whatsapp icon"></i>Add to WhatsApp
<i class="whatsapp icon"></i><span for='add'>Add to WhatsApp</span>
</button>
</div>
</form>
Expand Down Expand Up @@ -127,13 +128,15 @@
function formSubmit() {
var whatsaddForm = document.getElementById("whatsadd-form");

var countryCode = whatsaddForm.querySelector("#country-code");
var phoneNumber = whatsaddForm.querySelector("#phone-number");
var countryCode = whatsaddForm.querySelector("#country-code").value;
var phoneNumber = whatsaddForm.querySelector("#phone-number").value;

whatsadd(countryCode.value + phoneNumber.value, true);
//default country code = 852
countryCode==''?countryCode=852:countryCode
whatsadd(countryCode + phoneNumber, true);

countryCode.value = "";
phoneNumber.value = "";
countryCode = "";
phoneNumber = "";
}
</script>
<script src="tocas.js" type="application/javascript"></script>
Expand Down
4 changes: 2 additions & 2 deletions whatsadd.js
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
const baseUrl = "https://api.whatsapp.com/send?phone=";

function whatsadd(phoneNumber, newTab) {
whatsappUrl = baseUrl + phoneNumber;
var whatsappUrl = baseUrl + phoneNumber;

if (newTab == true) {
if (newTab) {
var whatsappTab = window.open(whatsappUrl, "_blank");
whatsappTab.focus;
} else {
Expand Down