Reimar/whatsapp-send
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allow sending a message

Browse Source
This commit is contained in:
Reimar 2025-03-15 13:28:23 +01:00
parent 755ba9dee5
commit 436a9b0015
Signed by: Reimar
GPG Key ID: 93549FA07F0AE268
1 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@ -7,7 +7,11 @@
<script> <script>
function submit() { function submit() {
var phone = document.getElementById("phone").value.replace(/\D/g, ""); var phone = document.getElementById("phone").value.replace(/\D/g, "");
location.href = "whatsapp://send/?phone=" + phone + "&type=phone_number"; var message = document.getElementById("message-wrapper").open
? document.getElementById("message").value
: "";
location.href = "whatsapp://send/?phone=" + phone + "&text=" + message + "&type=phone_number";
} }
</script> </script>
<style> <style>
@ -26,21 +30,36 @@
max-width: 400px; max-width: 400px;
margin: 1rem auto; margin: 1rem auto;
} }
summary {
opacity: 0.5;
font-size: 0.85rem;
margin: 0.5rem auto;
cursor: pointer;
}
#desc { #desc {
margin-top: 2rem; margin-top: 2rem;
font-size: 0.75rem; font-size: 0.75rem;
} }
input {
input, textarea {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.5);
transition: all 150ms; transition: all 150ms;
font-size: 1rem; font-size: 1rem;
} }
input:focus { textarea {
resize: vertical;
font-family: sans-serif;
font-size: 0.75rem;
width: 100%;
max-width: 400px;
}
input:focus, textarea:focus {
outline: none; outline: none;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
} }
button { button {
background-color: #1DAA61; background-color: #1DAA61;
color: white; color: white;
@ -63,7 +82,10 @@
<h1>Start a new WhatsApp chat</h1> <h1>Start a new WhatsApp chat</h1>
<p>Type a phone number, including country code</p> <p>Type a phone number, including country code</p>
<input id="phone" type="tel" placeholder="+1 (123) 456-7890" /> <input id="phone" type="tel" placeholder="+1 (123) 456-7890" />
<br> <details id="message-wrapper">
<summary>Write a message</summary>
<textarea id="message" placeholder="(Optional) Message to send"></textarea>
</details>
<button id="send" onclick="submit()">Submit</button> <button id="send" onclick="submit()">Submit</button>
<br> <br>
<p id="desc"> <p id="desc">