modified: begushiybashkir/src/index.html
renamed: begushiybashkir/src/scripts.js/callPhone.js -> begushiybashkir/src/scripts/callPhone.js new file: begushiybashkir/src/scripts/saveContacts.js renamed: begushiybashkir/src/scripts.js/script.js -> begushiybashkir/src/scripts/script.js add save contcts button
This commit is contained in:
@@ -5,8 +5,9 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Бегущий Башкир | Беговой клуб в Уфе</title>
|
<title>Бегущий Башкир | Беговой клуб в Уфе</title>
|
||||||
<link rel="stylesheet" href="./style/style.css" />
|
<link rel="stylesheet" href="./style/style.css" />
|
||||||
<script src="./scripts.js/script.js"></script>
|
<script src="./scripts/script.js"></script>
|
||||||
<script src="./scripts.js/callPhone.js"></script>
|
<script src="./scripts/callPhone.js"></script>
|
||||||
|
<script src="./scripts/saveContacts.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
@@ -121,7 +122,7 @@
|
|||||||
<h2>Наши контакты</h2>
|
<h2>Наши контакты</h2>
|
||||||
<p>📞 <a href="tel:+79273093095">+7 (927) 30-93-095</a></p>
|
<p>📞 <a href="tel:+79273093095">+7 (927) 30-93-095</a></p>
|
||||||
<p>📧 <a href="mailto:begbash@mail.ru">example@mail.ru</a></p>
|
<p>📧 <a href="mailto:begbash@mail.ru">example@mail.ru</a></p>
|
||||||
<button class="btn">Сохранить контакты</button>
|
<button class="btn" onclick="saveContact()">Сохранить контакты</button>
|
||||||
<button class="btn" id="callButton2">Позвонить</button>
|
<button class="btn" id="callButton2">Позвонить</button>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -0,0 +1,30 @@
|
|||||||
|
function saveContact() {
|
||||||
|
// Создаем содержимое vCard (VCF)
|
||||||
|
const vCardData = `BEGIN:VCARD
|
||||||
|
VERSION:3.0
|
||||||
|
FN:Аминев Загир
|
||||||
|
N:Аминев;Загир;Отчество
|
||||||
|
ORG:BegushiyBashkir
|
||||||
|
TITLE:Coach
|
||||||
|
TEL;TYPE=MOBILE:+79273093095
|
||||||
|
EMAIL;TYPE=HOME:exaple@mail.com
|
||||||
|
URL:https://t.me/zagir_aminev
|
||||||
|
URL:https://vk.com/zagir_aminev
|
||||||
|
BDAY:1900-06-07
|
||||||
|
END:VCARD`;
|
||||||
|
|
||||||
|
// Создаем Blob (бинарный объект) с данными vCard
|
||||||
|
const blob = new Blob([vCardData], { type: 'text/vcard' });
|
||||||
|
|
||||||
|
// Создаем URL для скачивания
|
||||||
|
const url = URL.createObjectURL(blob);
|
||||||
|
|
||||||
|
// Создаем временную ссылку для скачивания
|
||||||
|
const link = document.createElement('a');
|
||||||
|
link.href = url;
|
||||||
|
link.download = 'AminevZagirContacts.vcf'; // Имя файла
|
||||||
|
link.click();
|
||||||
|
|
||||||
|
// Освобождаем память
|
||||||
|
URL.revokeObjectURL(url);
|
||||||
|
}
|
||||||
@@ -1,8 +1,12 @@
|
|||||||
window.onload = () => {
|
window.onload = () => {
|
||||||
|
const saveContactsBtn = document.getElementById('saveAZContacts');
|
||||||
const callBtn1 = document.getElementById('callButton1');
|
const callBtn1 = document.getElementById('callButton1');
|
||||||
const callBtn2 = document.getElementById('callButton2');
|
const callBtn2 = document.getElementById('callButton2');
|
||||||
const phoneNumber = '+79273093095';
|
const phoneNumber = '+79273093095';
|
||||||
|
|
||||||
callBtn1.addEventListener('click', () => {handleCall(phoneNumber)});
|
callBtn1.addEventListener('click', () => {handleCall(phoneNumber)});
|
||||||
callBtn2.addEventListener('click', () => {handleCall(phoneNumber)});
|
callBtn2.addEventListener('click', () => {handleCall(phoneNumber)});
|
||||||
};
|
|
||||||
|
saveContactsBtn.addEventListener('click', () => {saveContact});
|
||||||
|
};
|
||||||
|
|
||||||
Reference in New Issue
Block a user