Community discussions

MikroTik App
 
nubs23
just joined
Topic Author
Posts: 3
Joined: Sun Jan 15, 2023 7:38 pm

Walled Garden Problems or Html Scripting Problems

Sun Jan 15, 2023 7:51 pm

Good day!

I'm working on a project for my clients where they can just fill up a form to register to my hotspot.

This is how my project my works.

1. The client fills this form
2. I receive the data through telegram using api's
3. They pay
4.I text them their username and password

But my problem is that I cannot send the data to my telegram account when it's in the hotspot folder in my router but when I fill up the form outside the router like the html is on my desktop (I'm still connected to the hotspot but I'm not logged in yet.) I can receive the data. Any thoughts?

This is the code below.
 
nubs23
just joined
Topic Author
Posts: 3
Joined: Sun Jan 15, 2023 7:38 pm

Re: Walled Garden Problems or Html Scripting Problems

Mon Jan 16, 2023 5:39 am

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>

<title>Register</title>
</head>
<body>
<p class="reg">Register to buy access Account</p>
<div class="form">
<form action="" onsubmit=" return sender()" class="bods">
<input type="text" name="name" id="name" placeholder="Your name" required>
<input type="tel" name="email" id="email" placeholder="Mobile Number"required>
<label for="rates" class="rates">Choose WiFi Rates:</label>
<select name="message" id="message" class="sel" type="select"required>
<option value="3hrs">3 hrs - (₱10)</option>
<option value="1 day">1 day - (₱39)</option>
<option value="7 days">7 days - (₱79)</option>
<option value="1 month">1 month - (₱249)</option>
<option value="1 month">WiFi at Home - (₱499)</option>

</select>


<input type="submit" value="Register" onclick="openPopup()" id="myBtn">
<div class="tacbox" required>
<input id="checkbox" type="checkbox" required />
<label for="checkbox" class="psp" required> I agree to these <a href="10.0.0.1/login.html">Terms and Conditions</a>.</label>
</div>

</form>
</div>






</body>
</html>
<style type="text/css">
.bods{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: middle;
margin-top: 10px;
align-items: center;
width: auto;
}


input[type=text] {
width: auto;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
input[type=tel] {
width: auto;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
input[type=submit] {
width: auto;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}

select{
width: auto;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
}
.reg {
align-items: center;
text-align: center;
font-size: 20px;
margin-top: 30px;
margin-bottom: 10px;
}




.sp {
text-align: center;
width: auto;
align-items: center;
margin: auto;
margin-top: 10px;
display: block;


}

#more {
display: none;
color: blue;

}

.tacbox {
display:block;

max-width: 800px;
align-items: center;
text-align: center;
margin-top: 10px;
}

input {

vertical-align: middle;
}

.psp {
text-align: center;
margin-top: 10px;
}

.popup {
text-align: center;
align-items: center;
visibility: hidden;
}

.open-popup {
visibility: visible;
}

.g {
width: auto;
align-items: center;
text-align: center;
margin: auto;
margin-bottom: 10px;
}

.you {
color: blue;
font-weight: bold;
}

.ls {
align-items: center;
text-align: center;
display: flex;
padding: 15px 25px;
}

.ls:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

.gs {
text-decoration: underline;
text-align: center;
}


</style>

<script>
let popup = document.getElementById("popup");

function openPopup(){
popup.classList.add("open-popup");
}
</script>

<script>
//bot token
var telegram_bot_id = "/chat bot id here";
//chat id
var chat_id = //Input your chat id here;
var u_name, email, message;
var ready = function () {
u_name = document.getElementById("name").value;
email = document.getElementById("email").value;
message = document.getElementById("message").value;
message = "Name: " + u_name + "\nNumber: " + email + "\nAvailed Rate: " + message;
};
var sender = function () {
ready();
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.telegram.org/bot" + telegram_bot_id + "/sendMessage",
"method": "POST",
"headers": {
"Content-Type": "application/json",
"cache-control": "no-cache"
},
"data": JSON.stringify({
"chat_id": chat_id,
"text": message
})
};
$.ajax(settings).done(function (response) {
console.log(response);
});
document.getElementById("name").value = "";
document.getElementById("email").value = "";
document.getElementById("message").value = "";
return false;
};

</script>

<script>
window.telegram_bot_id = "5660308279:AAENt0h4spfdcclynF9-OeQ6rULIIMkjZI0";
window.chat_id = 2010900291;
</script>
 
nubs23
just joined
Topic Author
Posts: 3
Joined: Sun Jan 15, 2023 7:38 pm

Re: Walled Garden Problems or Html Scripting Problems

Mon Jan 16, 2023 6:03 am

The sent data shows on the url tab, is this normal?
You do not have the required permissions to view the files attached to this post.

Who is online

Users browsing this forum: Amazon [Bot], Bing [Bot] and 67 guests