User_54779
Guest
U
User_54779
Guest
Доброго времени суток дорогие форумчане. По просьбе некоторых юзеров выкладываю статьи собственного написания
Данная статья будет посвящана гео определинию юзера на сайте с подменной определенных частей сайта.Что это значит и как это реализовать? Начнем с того как все это будет выглядить. К примеру у вас есть скам проект. Хотя бы всех заебавшее антикино. Вы хотите работать не в одном городе а в нескольких одновременно. А для этого вам нужно поменять, ну допустим всего одну надпись.
Для тех кто до сих пор не понял. Название города будет меняться в зависимости от местонахождения юзера.
Итак для всего этого вам нужны будут минимальнейшие знания кодинг. Но я все равно постараюсь обьяснить доступнее.
И не большое отступление, я не считаю себя богом джаваскрипт, так что палками не кидать. Есть идеи по улучшению пишите в лс или коменты к теме.
А теперь приступим. Для начало откройте index.html вашего сайта. Для удобства я добавлю код сайта чтобы вы видели как все это выглядит на примере
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Пример сайта</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script charset="utf-8" src="http://api-maps.yandex.ru/1.1/index.xml" type="text/javascript"></script>
<script>
$(document).ready(function() {
if (YMaps.location.region != '') {
var youRegion = (YMaps.location.region);
if (youRegion === "Донецкая область"){
$('.contact p span').text('+3 99999 9 99 99');
}
else if (youRegion === "Республика Башкортостан"){
$('.contact p span').text('+7 965 656 55 55');
}
else {
$('.contact p span').text('+0 000 000 00 00');
}
}
});
</script>
</head>
<body>
<div class="header">
<div class="logo">
<h1>Пример сайта</h1>
</div>
<div class="contact">
<p>Т.: <span></span></p>
</body>
</html>Сначала подключаем API Яндекс карт
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
и jQuery
<script charset="utf-8" src="http://api-maps.yandex.ru/1.1/index.xml" type="text/javascript"></script>
Вставляем это в голову сайта <head></head>
И далее сам скрипт
HTML:
<script>[/I][/I][/I][/I][/I]
[I][I][I][I][I]
$(document).ready(function() {
if (YMaps.location.region != '') {
var youRegion = (YMaps.location.region);
if (youRegion === "Донецкая область"){
$('.contact p span').text('+3 99999 9 99 99');
}
else if (youRegion === "Республика Башкортостан"){
$('.contact p span').text('+7 965 656 55 55');
}
else {
$('.contact p span').text('+0 000 000 00 00');
}
}
});
</script>
- (YMaps.location.country): - Страна.
- (YMaps.location.region); - Регион (область).
- (YMaps.location.city); - Город.
- И теперь самое главное как менять значения
HTML:
else if (youRegion === "Республика Башкортостан"){
$('.contact p span').text('+7 965 656 55 55');<div class="contact">
<p>Т.: <span></span></p>
В данном случае это здесь. То есть просто пишите классы через пробел.
Таким образом вы можете набивать хуеву кукуеву гору городов. Так же есть методы определения положения до улицы но это уже другая история на этом урок закончен. Спасибо что дочитали)
