主页 / user-198354

Arcadiy's questions

Martin Hope
Arcadiy
Asked: 2024-11-20 18:20:41 +0000 UTC
  • 5

有一个代码 https://codepen.io/sochi-Russia/pen/yLmWVqW

var objectsCSV = '\n51.5406;46.0086;"от 4909р.";"в Саратов ";"RTW"\n51.83;107.606;"от 10600р.";"в Улан-Удэ ";"UUD"\n59.5339;30.1850;"от 3221р.";"в Санкт-Петербург ";"LED";\n55.7887;49.1221;"от 3934р.";"в Казань ";"KZN";\n43.5992;39.7257;"от 4286р.";"в Сочи";"AER";\n43.1056;131.874;"от 18100р.";"во Владивосток";"VVO"\n53.9;27.56;"от 6170р.";"в Минск ";"MSQ";\n55.04;82.9346;"от 8159р.";"в Новосибирск ";"OVB";\n54.99;73.36;"от 7009р.";"в Омск ";"OMS";\n55.154;61.4291;"от 4909р.";"в Челябинск ";"CEK";\n54.7065;20.511;"от 4009р.";"в Калининград ";"KGD";\n48.7194;44.5018;"от 3609р.";"в Волгоград ";"VOG";';
var objects = objectsCSV.split('\n');

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map("map", {
            center: [53.03,67.37],
            zoom: 4}
      );

    // Получаем текущую дату в формате YYYY-MM-DD
    var currentDate = new Date().toISOString().split('T')[0];

    for (var i = 0; i < objects.length; i++) {
        var object = objects[i].split(';');
        object[4] = object[4]?.replaceAll('"', '');

        var placemark = new ymaps.Placemark([object[0], object[1]], {
            balloonContent: object[3] + 
            '<br><a class="but" href="/flights/?origin_iata=MOW&destination_iata=' + object[4] + 
            '&depart_date=' + currentDate + '&with_request=true"" id="block">Поиск билета</a>',
            iconCaption: object[2]
        }, {
            preset: 'islands#violetDotIconWithCaption'
        });

        placemark.balloon.events.add('click', function(e) {
            e.get('target').balloon.close();
        });

        myMap.geoObjects.add(placemark);
    }
}

Yandex Maps 移动版中的“搜索票证”按钮无法点击；PC 版中点击后，窗口关闭，链接继续。告诉我如何解决这个问题？

javascript
Martin Hope
Arcadiy
Asked: 2022-06-04 18:28:22 +0000 UTC
  • 1

浏览器语言有一个重定向代码。

$sites = array(

"en" => "http://en.mysite.com/",

"nl" => "http://nl.mysite.com/",

"el" => "http://el.mysite.com/",

"de" => "http://de.mysite.com/",

);

// Get 2 char lang code

$lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);

// Установка языка по умолчанию если переменная $lang не соответствуют не одному значению из массива $site

if (!isset($sites[$lang])) {

$lang = ‘en’;

}

// Редирект пользователя на нужный домен

header('Location: ' . $sites[$lang]);

exit;

一切都很完美，除了一个。在 Yandex 和 Google，一些机器人来自非俄罗斯 IP。有这样的代码（网上找的）

 function is_bot()
{
    if (!empty($_SERVER['HTTP_USER_AGENT'])) {
        $options = array(
            'YandexBot', 'YandexAccessibilityBot', 'YandexMobileBot','YandexDirectDyn',
            'YandexScreenshotBot', 'YandexImages', 'YandexVideo', 'YandexVideoParser',
            'YandexMedia', 'YandexBlogs', 'YandexFavicons', 'YandexWebmaster',
            'YandexPagechecker', 'YandexImageResizer','YandexAdNet', 'YandexDirect',
            'YaDirectFetcher', 'YandexCalendar', 'YandexSitelinks', 'YandexMetrika',
            'YandexNews', 'YandexNewslinks', 'YandexCatalog', 'YandexAntivirus',
            'YandexMarket', 'YandexVertis', 'YandexForDomain', 'YandexSpravBot',
            'YandexSearchShop', 'YandexMedianaBot', 'YandexOntoDB', 'YandexOntoDBAPI',
            'Googlebot', 'Googlebot-Image', 'Mediapartners-Google', 'AdsBot-Google',
            'Mail.RU_Bot', 'bingbot', 'Accoona', 'ia_archiver', 'Ask Jeeves',
            'OmniExplorer_Bot', 'W3C_Validator', 'WebAlta', 'YahooFeedSeeker', 'Yahoo!',
            'Ezooms', '', 'Tourlentabot', 'MJ12bot', 'AhrefsBot', 'SearchBot', 'SiteStatus',
            'Nigma.ru', 'Baiduspider', 'Statsbot', 'SISTRIX', 'AcoonBot', 'findlinks',
            'proximic', 'OpenindexSpider','statdom.ru', 'Exabot', 'Spider', 'SeznamBot',
            'oBot', 'C-T bot', 'Updownerbot', 'Snoopy', 'heritrix', 'Yeti',
            'DomainVader', 'DCPbot', 'PaperLiBot'
        );
 
        foreach($options as $row) {
            if (stripos($_SERVER['HTTP_USER_AGENT'], $row) !== false) {
                return true;
            }
        }
    }
 
    return false;
}

如何将它连接到第一个代码，条件是如果这些机器人进来，只重定向到网站的 ru 版本？

以下是在保罗的帮助下发生的事情。

<?php function is_bot()
{
    if (!empty($_SERVER['HTTP_USER_AGENT'])) {
        $options = array(
            'YandexBot', 'YandexAccessibilityBot', 'YandexMobileBot','YandexDirectDyn',
            'YandexScreenshotBot', 'YandexImages', 'YandexVideo', 'YandexVideoParser',
            'YandexMedia', 'YandexBlogs', 'YandexFavicons', 'YandexWebmaster',
            'YandexPagechecker', 'YandexImageResizer','YandexAdNet', 'YandexDirect',
            'YaDirectFetcher', 'YandexCalendar', 'YandexSitelinks', 'YandexMetrika',
            'YandexNews', 'YandexNewslinks', 'YandexCatalog', 'YandexAntivirus',
            'YandexMarket', 'YandexVertis', 'YandexForDomain', 'YandexSpravBot',
            'YandexSearchShop', 'YandexMedianaBot', 'YandexOntoDB', 'YandexOntoDBAPI',
            'Googlebot', 'Googlebot-Image', 'Mediapartners-Google', 'AdsBot-Google',
            'Mail.RU_Bot', 'bingbot', 'Accoona', 'ia_archiver', 'Ask Jeeves',
            'OmniExplorer_Bot', 'W3C_Validator', 'WebAlta', 'YahooFeedSeeker', 'Yahoo!',
            'Ezooms', '', 'Tourlentabot', 'MJ12bot', 'AhrefsBot', 'SearchBot', 'SiteStatus',
            'Nigma.ru', 'Baiduspider', 'Statsbot', 'SISTRIX', 'AcoonBot', 'findlinks',
            'proximic', 'OpenindexSpider','statdom.ru', 'Exabot', 'Spider', 'SeznamBot',
            'oBot', 'C-T bot', 'Updownerbot', 'Snoopy', 'heritrix', 'Yeti',
            'DomainVader', 'DCPbot', 'PaperLiBot'
        );
 
        foreach($options as $row) {
            if (stripos($_SERVER['HTTP_USER_AGENT'], $row) !== false) {
                return true;
            }
        }
    }
 
    return false;
}
$sites = array(

"ru" => "https://www.site.ru/ru/",

"en" => "https://www.site.ru/en/",

"uz" => "https://www.site.ru/ru/",

"kz" => "https://www.site.ru/ru/",

"kg" => "https://www.site.ru/ru/",

);

// Get 2 char lang code

$lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);

// Установка языка по умолчанию если переменная $lang не соответствуют не одному значению из массива $site

if (!isset($sites[$lang])) {

$lang = ‘en’;

}

// Редирект пользователя на нужный домен
if(isset($sites['ru']) && is_bot()) {
    header('Location: ' . $sites['ru']);
}
header('Location: ' . $sites[$lang]);
?>

该域现已替换为 site.ru

php
Martin Hope
Arcadiy
Asked: 2022-06-04 03:57:47 +0000 UTC
  • 0

网站有 3 页

  1. 网站.ru
  2. site.ru/ru/
  3. site.ru/en/

进入第一页时，根据位置确定并重定向用户的国家/地区：在主页上，在最顶部，编写代码

<?php 
require_once('config.php'); //The above code
$geoplugin = new geoPlugin();
$geoplugin->locate();
// create a variable for the country code
$var_country_code = $geoplugin->countryCode;
// redirect based on country code:
if ($var_country_code == "RU") {
header('Location: https://www.site.ru/ru/');
}
else if ($var_country_code == "US") {
header('Location: https://www.site.ru/en/');
}
else if ($var_country_code == "UA") {
header('Location: https://www.site.ru/ru/');
}
else if ($var_country_code == "KG") {
header('Location: https://www.site.ru/ru/');
}
else if ($var_country_code == "UZ") {
header('Location: https://www.site.ru/ru/');
}
else {
header('Location: https://www.site.ru/en/');
}
?>

这是 config.php 文件的内容

<?php
   class geoPlugin {
    var $host = 'http://www.geoplugin.net/php.gp?ip={IP}&base_currency={CURRENCY}&lang={LANG}';
    var $currency = 'USD';      
    var $lang = 'en';    
    var $ip = null;
    var $city = null;
    var $region = null;
    var $regionCode = null;
    var $regionName = null;
    var $dmaCode = null;
    var $countryCode = null;
    var $countryName = null;
    var $inEU = null;
    var $euVATrate = false;
    var $continentCode = null;
    var $continentName = null;
    var $latitude = null;
    var $longitude = null;
    var $locationAccuracyRadius = null;
    var $timezone = null;
    var $currencyCode = null;
    var $currencySymbol = null;
    var $currencyConverter = null;      
    function __construct() {    
    }
    
    function locate($ip = null) {           
        global $_SERVER;            
        if ( is_null( $ip ) ) {
            $ip = $_SERVER['REMOTE_ADDR'];
        }           
        $host = str_replace( '{IP}', $ip, $this->host );
        $host = str_replace( '{CURRENCY}', $this->currency, $host );
        $host = str_replace( '{LANG}', $this->lang, $host );            
        $data = array();            
        $response = $this->fetch($host);            
        $data = unserialize($response);         
        //set the geoPlugin vars
        $this->ip = $ip;
        $this->city = $data['geoplugin_city'];
        $this->region = $data['geoplugin_region'];
        $this->regionCode = $data['geoplugin_regionCode'];
        $this->regionName = $data['geoplugin_regionName'];
        $this->dmaCode = $data['geoplugin_dmaCode'];
        $this->countryCode = $data['geoplugin_countryCode'];
        $this->countryName = $data['geoplugin_countryName'];
        $this->inEU = $data['geoplugin_inEU'];
        $this->euVATrate = $data['euVATrate'];
        $this->continentCode = $data['geoplugin_continentCode'];
        $this->continentName = $data['geoplugin_continentName'];
        $this->latitude = $data['geoplugin_latitude'];
        $this->longitude = $data['geoplugin_longitude'];
        $this->locationAccuracyRadius = $data['geoplugin_locationAccuracyRadius'];
        $this->timezone = $data['geoplugin_timezone'];
        $this->currencyCode = $data['geoplugin_currencyCode'];
        $this->currencySymbol = $data['geoplugin_currencySymbol'];
        $this->currencyConverter = $data['geoplugin_currencyConverter'];            
    }       
    function fetch($host) {    
        if ( function_exists('curl_init') ) {                           
            //use cURL to fetch data
            $ch = curl_init();
            curl_setopt($ch, CURLOPT_URL, $host);
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            curl_setopt($ch, CURLOPT_USERAGENT, 'geoPlugin PHP Class v1.1');
            $response = curl_exec($ch);
            curl_close ($ch);               
        } else if ( ini_get('allow_url_fopen') ) {              
            //fall back to fopen()
            $response = file_get_contents($host, 'r');              
        } else {    
            trigger_error ('geoPlugin class Error: Cannot retrieve data. Either compile PHP with cURL support or enable allow_url_fopen in php.ini ', E_USER_ERROR);
            return;         
        }           
        return $response;
    }       
    function convert($amount, $float=2, $symbol=true) {         
        //easily convert amounts to geolocated currency.
        if ( !is_numeric($this->currencyConverter) || $this->currencyConverter == 0 ) {
            trigger_error('geoPlugin class Notice: currencyConverter has no value.', E_USER_NOTICE);
            return $amount;
        }
        if ( !is_numeric($amount) ) {
            trigger_error ('geoPlugin class Warning: The amount passed to geoPlugin::convert is not numeric.', E_USER_WARNING);
            return $amount;
        }
        if ( $symbol === true ) {
            return $this->currencySymbol . round( ($amount * $this->currencyConverter), $float );
        } else {
            return round( ($amount * $this->currencyConverter), $float );
        }
    }       
    function nearby($radius=10, $limit=null) {    
        if ( !is_numeric($this->latitude) || !is_numeric($this->longitude) ) {
            trigger_error ('geoPlugin class Warning: Incorrect latitude or longitude values.', E_USER_NOTICE);
            return array( array() );
        }           
        $host = "http://www.geoplugin.net/extras/nearby.gp?lat=" . $this->latitude . "&long=" . $this->longitude . "&radius={$radius}";         
        if ( is_numeric($limit) )
            $host .= "&limit={$limit}";             
        return unserialize( $this->fetch($host) );    
    }       
}    
?>

问题是它робот Гугла获得了网站的英文版本，而我拥有的主要版本是俄文。Робот Гула有美国人IP。是否可以通过 UserAgent 以某种方式编写条件，以便 Google 和 Yandex 机器人始终接收俄罗斯版本的网站？

以下是 Yandex 支持人员所写的内容：

我只想指出，我们的索引机器人可以从不同的页面访问，因此您应该确保在他们的请求上不断地执行相同的重定向，即使机器人从例如美国 IP 访问。您可以在我们的帮助页面上了解如何检查机器人是否属于 Yandex 。 并帮助用户代理

.

那正确吗？

<?php 
require_once('config.php'); //The above code
$geoplugin = new geoPlugin();
$geoplugin->locate();
// create a variable for the country code
$var_country_code = $geoplugin->countryCode;
// redirect based on country code:
if ($var_country_code == "RU") {
header('Location: https://www.site.ru/ru/');
}
else if ($var_country_code == "US") {
header('Location: https://www.site.ru/en/');
}
else if ($var_country_code == "UA") {
header('Location: https://www.site.ru/ru/');
}
else if ($var_country_code == "KG") {
header('Location: https://www.site.ru/ru/');
}
else if ($var_country_code == "UZ") {
header('Location: https://www.site.ru/ru/');
}
else {
header('Location: https://www.site.ru/en/');
}
if (!empty($_SERVER['HTTP_USER_AGENT'])) {
        $options = array(
            'YandexBot', 'YandexAccessibilityBot', 'YandexMobileBot','YandexDirectDyn',
            'YandexScreenshotBot', 'YandexImages', 'YandexVideo', 'YandexVideoParser',
            'YandexMedia', 'YandexBlogs', 'YandexFavicons', 'YandexWebmaster',
            'YandexPagechecker', 'YandexImageResizer','YandexAdNet', 'YandexDirect',
            'YaDirectFetcher', 'YandexCalendar', 'YandexSitelinks', 'YandexMetrika',
            'YandexNews', 'YandexNewslinks', 'YandexCatalog', 'YandexAntivirus',
            'YandexMarket', 'YandexVertis', 'YandexForDomain', 'YandexSpravBot',
            'YandexSearchShop', 'YandexMedianaBot', 'YandexOntoDB', 'YandexOntoDBAPI',
            'Googlebot', 'Googlebot-Image', 'Mediapartners-Google', 'AdsBot-Google',
            'Mail.RU_Bot', 'bingbot', 'Accoona', 'ia_archiver', 'Ask Jeeves',
            'OmniExplorer_Bot', 'W3C_Validator', 'WebAlta', 'YahooFeedSeeker', 'Yahoo!',
            'Ezooms', '', 'Tourlentabot', 'MJ12bot', 'AhrefsBot', 'SearchBot', 'SiteStatus',
            'Nigma.ru', 'Baiduspider', 'Statsbot', 'SISTRIX', 'AcoonBot', 'findlinks',
            'proximic', 'OpenindexSpider','statdom.ru', 'Exabot', 'Spider', 'SeznamBot',
            'oBot', 'C-T bot', 'Updownerbot', 'Snoopy', 'heritrix', 'Yeti',
            'DomainVader', 'DCPbot', 'PaperLiBot'
        );
        header('Location: https://www.site.ru/ru/');}
?>

感谢所有参与的人。获胜者安东德先生。非常感谢！

php
Martin Hope
Arcadiy
Asked: 2022-05-30 04:55:54 +0000 UTC
  • 0

有一个代码

var langArray = [];
$('.vodiapicker option').each(function() {
  var img = $(this).attr("data-thumbnail");
  var text = this.innerText;
  var value = $(this).val();
  var item = '<li><img src="' + img + '" alt="" value="' + value + '"/><span>' + text + '</span></li>';
  langArray.push(item);
})

$('#a').html(langArray);

//Set the button value to the first el of the array
$('.btn-select').html(langArray[0]);
$('.btn-select').attr('value', 'ru');

//change button stuff on click
$('#a li').click(function() {
  var img = $(this).find('img').attr("src");
  var value = $(this).find('img').attr('value');
  var text = this.innerText;
  var item = '<li><img src="' + img + '" alt="" /><span>' + text + '</span></li>';
  $('.btn-select').html(item);
  $('.btn-select').attr('value', value);
  $(".b").toggle();
  //console.log(value);
});

$(".btn-select").click(function() {
  $(".b").toggle();
});

//check local storage for the lang
var sessionLang = localStorage.getItem('lang');
if (sessionLang) {
  //find an item with value of sessionLang
  var langIndex = langArray.indexOf(sessionLang);
  $('.btn-select').html(langArray[langIndex]);
  $('.btn-select').attr('value', sessionLang);
} else {
  var langIndex = langArray.indexOf('ch');
  console.log(langIndex);
  $('.btn-select').html(langArray[langIndex]);
  //$('.btn-select').attr('value', 'ru');
}
.vodiapicker {
  display: none;
}

#a {
  padding-left: 0px;
}

#a img,
.btn-select img {
  width: 23px;
  height: 17px;
}

#a li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
  color: orange;
}

#a li:hover {
  background-color: #F4F3F3;
  color: black;
}

#a li img {
  margin: 5px;
}

#a li span,
.btn-select li span {
  margin-left: 10px;
}


/* item list */

.b {
  display: none;
  width: 150px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
}

.open {
  display: show !important;
}

.btn-select {
  margin-top: 10px;
  width: auto;
  max-width: 150px;
  height: 34px;
  border-radius: 5px;
  background-color: #0055c7!important;
  border: 0px;
}

.btn-select li {
  list-style: none;
  float: left;
  padding-bottom: 0px;
  color: white;
}

.btn-select:hover li {
  margin-left: 0px;
}

.btn-select:hover {
  background-color: #F4F3F3;
  border: 1px solid transparent;
  box-shadow: inset 0 0px 0px 1px #ccc;
}

.btn-select:focus {
  outline: none;
  color: orange;
}

.lang-select {
  margin-left: 50px;
}

body {
  background-color: #0055c7!important
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<select class="vodiapicker">
  <option value="ru" class="test" data-thumbnail="/ru.jpg">Russia</option>
  <option value="en" data-thumbnail="/gb.jpg">England</option>
</select>

<div class="lang-select">
  <button class="btn-select" value=""></button>
  <div class="b">
    <ul id="a"></ul>
  </div>
</div>

如何使它在选择俄语时切换到href="/ru/"，而英语切换到href="/en/"。
我试图发布链接，但没有成功。

javascript
Martin Hope
Arcadiy
Asked: 2022-07-21 16:28:36 +0000 UTC
  • 0

有一个php内容部分

<span class="tickets_span"> Количество пересадок: <?=$data['transfers'] ?></span>

如何写一个条件PHP：

如果 <?=$data['transfers'] ?>为零，则显示"Без пересадок"，如果<?=$data['transfers'] ?>大于零，则显示<?=$data['transfers'] ?>

谢谢

php
Martin Hope
Arcadiy
Asked: 2021-12-13 22:59:50 +0000 UTC
  • 3

以下是数据的处理方式

<?php
include_once 'db.php';

if (isset($_POST['add'])) {

// преобразуем специальные символы в текст

$name = htmlspecialchars($_POST['name']);
$text = htmlspecialchars($_POST['text']);
$message = htmlspecialchars($_POST['message']);
$rating = htmlspecialchars($_POST['rating']);

// заносим данные из формы в переменные и проверяем на ошибки

$name = strip_tags(trim($_POST['name']));
$text = strip_tags(trim($_POST['text']));
$message = strip_tags(trim($_POST['message']));
$rating = strip_tags(trim($_POST['rating']));
$date = $_POST['date'];

// заносим дату и время отзыва
$date = date('Y-m-d H:i');

// проверка введенных данных

if($name != '' AND $text != '' AND $message != '')

// отправка данных в бд

mysqli_query($link, " INSERT INTO Otzivy2 (name, text, message, date, rating) VALUES ('$name', '$text', '$message', '$date', '$rating')");
$to      = 'почта';
$subject = 'review';
$message = "Текст отзыва: " . $_POST['message'] . "\nОт: " . $_POST['text'] . " " . $_POST['email'] . "\nВремя: " . date("d.m.Y - H:i");
$headers = array(
    'From' => 'почта',
    'Reply-To' => 'почта',
    'X-Mailer' => 'PHP/' . phpversion()
);

mail($to, $subject, $message, $headers);
}




// закрываем сеанс


include_once 'clear.php';
include_once 'form.php';

?>
php
Martin Hope
Arcadiy
Asked: 2021-12-05 18:32:32 +0000 UTC
  • 1

怎么让5条评论后才需要切换到第二页，以此类推，也就是页面切换器？创建了一个表（这是我的表） 在此处输入图像描述

在文件夹的根目录中创建了 db.php 文件。这是它的内容（* - 替换了密码）

<?php 
$dblocation = '*******'; // имя хоста
$database = '*******'; // имя базы данных 
$dbuser = '*******'; // имя пользователя
$dbpasswd = '************'; // пароль пользователя

// устанавливаем соединение с базой данных 

$link = mysqli_connect($dblocation, $dbuser, $dbpasswd, $database) or die("Не могу подключиться");  
mysqli_select_db($link, $database) or die ('Не могу выбрать БД');

//установка кодировки
$link->set_charset("utf8");
?>

接下来，我创建了一个表单文件 form.php

<?php include_once 'db.php'; ?>

<html>
<head>
<title>Отзывы о продукте</title>
<link rel="stylesheet" href="css/style.css">
<meta content="text/html; charset=utf-8">
</head>
<body>

 <?php $result = mysqli_query($link, "SELECT * FROM `Otzivy2` ORDER BY id DESC") ?> 
 <?php while($res = mysqli_fetch_assoc($result)) { ?>

<div class="reviews">
  
<div class="review_text">
<b>Имя:</b> <?= $res['name'] ?> | <b>Дата:</b> <?= date("d.m.y | <b>Время:</b> H.i", strtotime($res['date'])) ?> | <b>Оценка:</b> <?= $res['rating'] ?>/5
<hr>
<br>
<?= $res['message'] ?> <br>
</div>
</div>

<?php } ?>

<div class="content">
<h2>Отзыв о продукте</h2>
<h3>Все поля обязательны для заполнения</h3>
<br>
<div class="send"> 
<form method="post" action="index.php" id="review">   
<h3>Оцените продукт</h3>
<div class="rating">
<input type="radio" class="rating" id="star5" name="rating" value="5" /><label for="star5"></label>
<input type="radio" class="rating" id="star4" name="rating" value="4" /><label for="star4"></label>
<input type="radio" class="rating" id="star3" name="rating" value="3" /><label for="star3"></label>
<input type="radio" class="rating" id="star2" name="rating" value="2" /><label for="star2"></label>
<input type="radio" class="rating" id="star1" name="rating" value="1" /><label for="star1"></label>
</div>
<br>
<br>
<br>
<input type="text" name="name" placeholder="Ваше имя" required>
<input type="email" name="email" placeholder="Ваш E-mail" required>
<input type="date" name="date" hidden="true">
<textarea name="message" placeholder="Сообщение" required></textarea>
<input type="submit" name="add" value="Оставить отзыв">
</form>
</div>
</div>
</body>
</html>

然后我将此代码添加到 index.php 文件中

<?
include_once 'db.php';

if (isset($_POST['add'])) {

// преобразуем специальные символы в текст

$name = htmlspecialchars($_POST['name']);
$email = htmlspecialchars($_POST['email']);
$message = htmlspecialchars($_POST['message']);
$rating = htmlspecialchars($_POST['rating']);

// заносим данные из формы в переменные и проверяем на ошибки

$name = strip_tags(trim($_POST['name']));
$email = strip_tags(trim($_POST['email']));
$message = strip_tags(trim($_POST['message']));
$rating = strip_tags(trim($_POST['rating']));
$date = $_POST['date'];

// заносим дату и время отзыва
$date = date('Y-m-d H:i');

// проверка введенных данных

if($name != '' AND $email != '' AND $message != ''){ if (!preg_match("/[0-9a-z_]+@[0-9a-z_^\.]+\.[a-z]{2,3}/i", $email)) {$err = 'Неверно введен е-mail.';}

// отправка данных в бд

mysqli_query($link, " INSERT INTO otzivi (name, email, message, date, rating) VALUES ('$name', '$email', '$message', '$date', '$rating')");

// закрываем сеанс 

mysqli_close($link);

//редирект

header ("location: index.php");
   }
}

include_once 'form.php';
?>
php
Martin Hope
Arcadiy
Asked: 2021-12-05 04:12:23 +0000 UTC
  • -1

决定在网站上进行审查。我使用这个源来创建反馈模块https://it-black.ru/sozdanie-stranicy-oprosa-kachestva-predostavljaemyh-uslug-na-php/

我在示例中创建了一个表（这是我的表） 在此处输入图像描述

在文件夹的根目录中创建了 db.php 文件。这是它的内容（* - 替换了密码）

<?php 
$dblocation = '*******'; // имя хоста
$database = '*******'; // имя базы данных 
$dbuser = '*******'; // имя пользователя
$dbpasswd = '************'; // пароль пользователя

// устанавливаем соединение с базой данных 

$link = mysqli_connect($dblocation, $dbuser, $dbpasswd, $database) or die("Не могу подключиться");  
mysqli_select_db($link, $database) or die ('Не могу выбрать БД');

//установка кодировки
$link->set_charset("utf8");
?>

接下来，我创建了一个表单文件 form.php

<?php include_once 'db.php'; ?>

<html>
<head>
<title>Отзывы о продукте</title>
<link rel="stylesheet" href="css/style.css">
<meta content="text/html; charset=utf-8">
</head>
<body>

 <?php $result = mysqli_query($link, "SELECT * FROM `Otzivy2` ORDER BY id DESC") ?> 
 <?php while($res = mysqli_fetch_assoc($result)) { ?>

<div class="reviews">
  
<div class="review_text">
<b>Имя:</b> <?= $res['name'] ?> | <b>Дата:</b> <?= date("d.m.y | <b>Время:</b> H.i", strtotime($res['date'])) ?> | <b>Оценка:</b> <?= $res['rating'] ?>/5
<hr>
<br>
<?= $res['message'] ?> <br>
</div>
</div>

<?php } ?>

<div class="content">
<h2>Отзыв о продукте</h2>
<h3>Все поля обязательны для заполнения</h3>
<br>
<div class="send"> 
<form method="post" action="index.php" id="review">   
<h3>Оцените продукт</h3>
<div class="rating">
<input type="radio" class="rating" id="star5" name="rating" value="5" /><label for="star5"></label>
<input type="radio" class="rating" id="star4" name="rating" value="4" /><label for="star4"></label>
<input type="radio" class="rating" id="star3" name="rating" value="3" /><label for="star3"></label>
<input type="radio" class="rating" id="star2" name="rating" value="2" /><label for="star2"></label>
<input type="radio" class="rating" id="star1" name="rating" value="1" /><label for="star1"></label>
</div>
<br>
<br>
<br>
<input type="text" name="name" placeholder="Ваше имя" required>
<input type="email" name="email" placeholder="Ваш E-mail" required>
<input type="date" name="date" hidden="true">
<textarea name="message" placeholder="Сообщение" required></textarea>
<input type="submit" name="add" value="Оставить отзыв">
</form>
</div>
</div>
</body>
</html>

然后我将此代码添加到 index.php 文件中

<?
include_once 'db.php';

if (isset($_POST['add'])) {

// преобразуем специальные символы в текст

$name = htmlspecialchars($_POST['name']);
$email = htmlspecialchars($_POST['email']);
$message = htmlspecialchars($_POST['message']);
$rating = htmlspecialchars($_POST['rating']);

// заносим данные из формы в переменные и проверяем на ошибки

$name = strip_tags(trim($_POST['name']));
$email = strip_tags(trim($_POST['email']));
$message = strip_tags(trim($_POST['message']));
$rating = strip_tags(trim($_POST['rating']));
$date = $_POST['date'];

// заносим дату и время отзыва
$date = date('Y-m-d H:i');

// проверка введенных данных

if($name != '' AND $email != '' AND $message != ''){ if (!preg_match("/[0-9a-z_]+@[0-9a-z_^\.]+\.[a-z]{2,3}/i", $email)) {$err = 'Неверно введен е-mail.';}

// отправка данных в бд

mysqli_query($link, " INSERT INTO otzivi (name, email, message, date, rating) VALUES ('$name', '$email', '$message', '$date', '$rating')");

// закрываем сеанс 

mysqli_close($link);

//редирект

header ("location: index.php");
   }
}

include_once 'form.php';
?>

连接到底座。填写表格时，数据被写入数据库。但。评论不会出现在 index.php 页面上，也就是说，由于某种原因，数据库没有从数据库中返回。问题为什么？某处有错误吗？

网站是基于裸 php + html 值进入数据库，但是页面上没有出现评论，也就是没有取回数据

php
Martin Hope
Arcadiy
Asked: 2020-06-03 00:39:07 +0000 UTC
  • 0

有一个代码

$("button").click(function() {
    var btn = this;
    if (btn.loaded) {
      $(btn).prev("div").html(btn.originalContent);
      btn.loaded = false;
      $(btn).text('Get Dynamic chart');
    } else {
      btn.originalContent = $(btn).prev("div").html();
      $(btn).prop('disabled', true);
      $.get($(btn).data("url"), function(html) {
        $(btn).prev("div").html(html);
        $(btn).prop('disabled', false).text('Закрыть');
        btn.loaded = true;
      });
     }
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div1">
  <h2>Dynamic chart1</h2>
</div>
<button data-url="https://stackoverflow.getsandbox.com:443/dashboard?a=1">Get Dynamic chart1</button>

<div id="div2">
  <h2>Dynamic chart2</h2>
</div>
<button data-url="https://stackoverflow.getsandbox.com:443/dashboard?a=2">Get Dynamic chart2</button>

<div id="div3">
  <h2>Dynamic chart3</h2>
</div>
<button data-url="https://stackoverflow.getsandbox.com:443/dashboard?a=3">Get Dynamic chart3</button>

<div id="div4">
  <h2>Dynamic chart4</h2>
</div>
<button data-url="https://stackoverflow.getsandbox.com:443/dashboard?a=4">Get Dynamic chart4</button>

<div id="div5">
  <h2>Dynamic chart5</h2>
</div>
<button data-url="https://stackoverflow.getsandbox.com:443/dashboard?a=5">Другая кнопка</button>

所以，Кнопка 5它有一个不同的名字，但是当你点击它时，脚本的名字变成了"Закрыть"，这是正常的。但是在按下关闭按钮后，按钮的名称是由脚本分配的，Get Dynamic chart而不是"Другая кнопка"，即不以原生名称为准。如何在按下之前和按下之后对脚本未指定名称的 5 个按钮进行操作，或者如何在脚本5-й кнопке中指定它们自己的名称на открытие，закрытие以及возврат к исходному названию？

javascript
Martin Hope
Arcadiy
Asked: 2020-05-19 06:09:39 +0000 UTC
  • 1

有一个代码

$(document).ready(function() {
  let loaded = false; // Индикатор загруженного графика
  let originalContent = $("#div").html(); // Заглушка графика

  $("button").click(function() {
    if (loaded) {
      $("#div").html(originalContent);
      loaded = false;
      this.innerText = 'Get Dynamic chart';
    } else {
      this.disabled = true; // Исключаем возможность повторных запросов
      $.get("https://stackoverflow.getsandbox.com:443/dashboard", function(html) {
        $("#div").html(html);
        $("button").prop('disabled', false).text('Close Dynamic chart');
        loaded = true;
      });
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div1">
  <h2>Dynamic chart1</h2>
</div>
<button>Get Dynamic chart1</button>

<div id="div2">
  <h2>Dynamic chart2</h2>
</div>
<button>Get Dynamic chart2</button>

<div id="div3">
  <h2>Dynamic chart3</h2>
</div>
<button>Get Dynamic chart3</button>

<div id="div4">
  <h2>Dynamic chart4</h2>
</div>
<button>Get Dynamic chart4</button>

<div id="div5">
  <h2>Dynamic chart5</h2>
</div>
<button>Get Dynamic chart5</button>

网站页面上有 5 个这样的按钮，如何使当第一个按钮被按下时，它的内容打开，而不是一次按下所有按钮？

javascript
Martin Hope
Arcadiy
Asked: 2020-05-19 02:08:08 +0000 UTC
  • 0

有一个代码

<script type="text/javascript" language="javascript" src="/js/jquery-1.12.4.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div").load("https://site.ru/test.php");
})
});
</script>
<div id="div"><h2>Dynamic chart</h2></div>
<button>Get Dynamic chart</button>

该按钮加载从链接获取的内容。

  1. 如何使按钮在单击时将名称“获取动态图表”更改为“关闭动态图表”，再次单击时内容消失。

  2. 另外，如果在关闭内容时有可能，之前接收到的数据没有被存储（javascript、css），这些数据位于 test.php 文件中

jquery
Martin Hope
Arcadiy
Asked: 2020-02-23 04:19:41 +0000 UTC
  • 1

Safari 发誓syntaxerror: Expected an identifier but found "images" instead

到这个js

<script type="text/javascript" async>
    window.onload = function() {
        let images = [...document.getElementsByTagName("img")];
        for(let i = 0; i < images.length; i++) {
            images[i].classList.add("lazyload");
        }
    }
    </script>

在这条线上 for(let i = 0; i < images.length; i++) { 帮我修一下，谢谢

javascript
Martin Hope
Arcadiy
Asked: 2020-02-23 04:08:55 +0000 UTC
  • 2

Safari 抱怨这部分代码container.addEventListener('click', () => {

弹出一个错误，syntax error unexpected token ")"请告诉我如何修复它。

const container = document.getElementById('container');
const table = document.getElementById('table');
const target = document.getElementById('target');
document.body.style.setProperty('--main-color', '#FFFFFF');
document.body.style.setProperty('--glav-color', '#09406f');
container.addEventListener('click', () => {
    target.classList.toggle('toggle');
    target.classList.toggle('sun');
    target.classList.toggle('moon');

    if (getComputedStyle(document.body).getPropertyValue('--main-color') == '#FFFFFF') {
        document.body.style.setProperty('--responsiv-color', 'none');
        document.body.style.setProperty('--responsiv-fontColor', 'beige');
        document.body.style.setProperty('--table-color', '#000000');
        document.body.style.setProperty('--glav-color', '#1C293E');
        document.body.style.setProperty('--h2-fontColor', '#fff');
        document.body.style.setProperty('--main-color', '#231C36');
        document.body.style.setProperty('--tbody-fontColor', '#FFAE46');
        document.body.style.setProperty('--tdhover-fontColor', '#fff');
        document.body.style.setProperty('--trhover-fontColor', '#fff');
        document.body.style.setProperty('--blackwhite-fontColor', '#fff');

    } else if (getComputedStyle(document.body).getPropertyValue('--main-color') == '#231C36') {
        document.body.style.setProperty('--responsiv-fontColor', '#000');
        document.body.style.setProperty('--responsiv-color', '#ffffff');
        document.body.style.setProperty('--tbody-fontColor', '#000');
        document.body.style.setProperty('--glav-color', '#09406f');
        document.body.style.setProperty('--h2-fontColor', '#030303!important');
        document.body.style.setProperty('--table-color', '#FFFFFF');
        document.body.style.setProperty('--main-color', '#FFFFFF');
        document.body.style.setProperty('--tdhover-fontColor', '#000');
        document.body.style.setProperty('--trhover-fontColor', '#000');
        document.body.style.setProperty('--blackwhite-fontColor', '#000');
    }
});
html, body {--main-color: #FFFFFF;--table-color: #FFFFFF;width: 100%;justify-content: center;align-items: center;background-color: var(--main-color);transition: background-color .3s ease-in-out;}.table-responsive h2 {color: var(--responsiv-fontColor)!important;}.table-responsive {background: var(--responsiv-color)!important;}#container {border-radius: 25px;height: 30px;width: 80px;background-color: var(--main-color);cursor: pointer;transition: all .3s ease-in-out;box-shadow: 0px 0px 15pxrgba(0, 0, 0, .15);margin: 0px auto;z-index: 999999;position: relative;top: 10px;}table {background-color: var(--table-color);color: var(--tbody-fontColor);}tbody {background-color: var(--table-color);color: var(--tbody-fontColor);}td:hover, tr:hover {color: var(--tdhover-fontColor)!important;}table.dataTable.display tr:hover {color: var(--blackwhite-fontColor)!important;}tr:hover .sorting_1:hover {background-color: var(--table-color);color: var(--trhover-fontColor);}table.dataTable.display tbody tr.odd: {var(--table-color)!important;color: var(--tbody-fontColor)!important;color: black!important;}#target {position: relative;left: 0px;transition: all .3s ease-in-out;bottom: 18px;}.toggle {left: calc(100% - 50px) !important;}.sun {cursor: pointer;width: 30px;height: 30px;border-radius: 50%;background-color: #FFDB73;}.sun::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;border-radius: 50%;background-color: #FFDB73;}.sun::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 55px;height: 55px;border-radius: 50%;background-color: #FFDB73;opacity: .3;}.table-responsive::after {background: #000!important;border-top: 1px solid#fff!important;color: white;width: 100%!important;}.moon {cursor: pointer;width: 50px;height: 50px;border-radius: 50%;background-color: #0A515B;position: relative;z-index: 999999999;}.moon::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;border-radius: 50%;background-color: #0A515B;opacity: .5;}.moon::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 75px;height: 75px;border-radius: 50%;background-color: #0A515B;opacity: .3;}.moon > div {position: relative;width: 100%;height: 100%;}.moon > div::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 50%;background-color: #FFE4BF;z-index: 1;}.moon > div::after {content: '';position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;border-radius: 50%;background-color: #0A515B;z-index: 2;}#zagolovok {color: var(--h2-fontColor);}.jumbotron {background-color: var(--glav-color);}#container::before {content: "";position: relative;left: 50px;width: 18px;height: 18px;display: block;background: url(/sun1.webp) no-repeat;top: 5px;right: 0px;z-index: 99999999;bottom: 0px;}#container::after {content: "\2606";position: relative;left: 10px;right: 50px;width: 12px;height: 20px;display: block;bottom: 75px;color: white;overflow: hidden;}.mewtwo-datepicker td {color: black!important;}table.dataTable.display tbody tr.odd: {var(--table-color)!important;color: var(--tbody-fontColor)!important;}table {background-color: var(--table-color);color: var(--tbody-fontColor);}tbody, tr {background-color: var(--table-color)!important;color: var(--tbody-fontColor)!important;}tr:hover {background-color: var(--table-color);color: var(--tbody-fontColor);}
<html>
<head>

</head>
<body>
<div id='container'>
				<div id='target' class='sun'>
					<div></div>

javascript
Martin Hope
Arcadiy
Asked: 2020-02-22 23:18:50 +0000 UTC
  • 0

在android和普通PC上有一个站点site.ru ，切换到夜间模式可以正常工作，并且显示站点上的图片。在 ios (Safari) 上，图片、夜间模式和顶部的背景都不起作用。告诉我如何解决？我根据这样的图片加载它们

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="utf-8">
  <script type="text/javascript" async>
    window.onload = function() {
        let images = [...document.getElementsByTagName("img")];
        for(let i = 0; i < images.length; i++) {
            images[i].classList.add("lazyload");
        }
    }
    </script>
  </head>
  <body>
   <script type="text/javascript" language="javascript" src="https://site.ru/js/jquery-1.12.4.js"></script>
    <script src="https://site.ru/js/lazysizes.min.js" async></script>
  <img src="https://site.ru/image/samolet_p.webp" data-src="https://site.ru/image/samolet_p.webp" style="float: left;padding-top: 8px;padding-right: 5px;" class="lazyload"> 
   </body>

有同名图片的并行 .jpg 版本，但我们加载 webp 以使站点页面更容易。

第二个关于夜间模式，网站上是这样写的

const container = document.getElementById('container');
const table = document.getElementById('table');
const target = document.getElementById('target');
document.body.style.setProperty('--main-color', '#FFFFFF');
document.body.style.setProperty('--glav-color', '#09406f');
container.addEventListener('click', () => {
    target.classList.toggle('toggle');
    target.classList.toggle('sun');
    target.classList.toggle('moon');

    if (getComputedStyle(document.body).getPropertyValue('--main-color') == '#FFFFFF') {
        document.body.style.setProperty('--responsiv-color', 'none');
        document.body.style.setProperty('--responsiv-fontColor', 'beige');
        document.body.style.setProperty('--table-color', '#000000');
        document.body.style.setProperty('--glav-color', '#1C293E');
        document.body.style.setProperty('--h2-fontColor', '#fff');
        document.body.style.setProperty('--main-color', '#231C36');
        document.body.style.setProperty('--tbody-fontColor', '#FFAE46');
        document.body.style.setProperty('--tdhover-fontColor', '#fff');
        document.body.style.setProperty('--trhover-fontColor', '#fff');
        document.body.style.setProperty('--blackwhite-fontColor', '#fff');

    } else if (getComputedStyle(document.body).getPropertyValue('--main-color') == '#231C36') {
        document.body.style.setProperty('--responsiv-fontColor', '#000');
        document.body.style.setProperty('--responsiv-color', '#ffffff');
        document.body.style.setProperty('--tbody-fontColor', '#000');
        document.body.style.setProperty('--glav-color', '#09406f');
        document.body.style.setProperty('--h2-fontColor', '#030303!important');
        document.body.style.setProperty('--table-color', '#FFFFFF');
        document.body.style.setProperty('--main-color', '#FFFFFF');
        document.body.style.setProperty('--tdhover-fontColor', '#000');
        document.body.style.setProperty('--trhover-fontColor', '#000');
        document.body.style.setProperty('--blackwhite-fontColor', '#000');
    }
});
html, body {--main-color: #FFFFFF;--table-color: #FFFFFF;width: 100%;justify-content: center;align-items: center;background-color: var(--main-color);transition: background-color .3s ease-in-out;}.table-responsive h2 {color: var(--responsiv-fontColor)!important;}.table-responsive {background: var(--responsiv-color)!important;}#container {border-radius: 25px;height: 30px;width: 80px;background-color: var(--main-color);cursor: pointer;transition: all .3s ease-in-out;box-shadow: 0px 0px 15pxrgba(0, 0, 0, .15);margin: 0px auto;z-index: 999999;position: relative;top: 10px;}table {background-color: var(--table-color);color: var(--tbody-fontColor);}tbody {background-color: var(--table-color);color: var(--tbody-fontColor);}td:hover, tr:hover {color: var(--tdhover-fontColor)!important;}table.dataTable.display tr:hover {color: var(--blackwhite-fontColor)!important;}tr:hover .sorting_1:hover {background-color: var(--table-color);color: var(--trhover-fontColor);}table.dataTable.display tbody tr.odd: {var(--table-color)!important;color: var(--tbody-fontColor)!important;color: black!important;}#target {position: relative;left: 0px;transition: all .3s ease-in-out;bottom: 18px;}.toggle {left: calc(100% - 50px) !important;}.sun {cursor: pointer;width: 30px;height: 30px;border-radius: 50%;background-color: #FFDB73;}.sun::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;border-radius: 50%;background-color: #FFDB73;}.sun::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 55px;height: 55px;border-radius: 50%;background-color: #FFDB73;opacity: .3;}.table-responsive::after {background: #000!important;border-top: 1px solid#fff!important;color: white;width: 100%!important;}.moon {cursor: pointer;width: 50px;height: 50px;border-radius: 50%;background-color: #0A515B;position: relative;z-index: 999999999;}.moon::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;border-radius: 50%;background-color: #0A515B;opacity: .5;}.moon::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 75px;height: 75px;border-radius: 50%;background-color: #0A515B;opacity: .3;}.moon > div {position: relative;width: 100%;height: 100%;}.moon > div::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 50%;background-color: #FFE4BF;z-index: 1;}.moon > div::after {content: '';position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;border-radius: 50%;background-color: #0A515B;z-index: 2;}#zagolovok {color: var(--h2-fontColor);}.jumbotron {background-color: var(--glav-color);}#container::before {content: "";position: relative;left: 50px;width: 18px;height: 18px;display: block;background: url(/sun1.webp) no-repeat;top: 5px;right: 0px;z-index: 99999999;bottom: 0px;}#container::after {content: "\2606";position: relative;left: 10px;right: 50px;width: 12px;height: 20px;display: block;bottom: 75px;color: white;overflow: hidden;}.mewtwo-datepicker td {color: black!important;}table.dataTable.display tbody tr.odd: {var(--table-color)!important;color: var(--tbody-fontColor)!important;}table {background-color: var(--table-color);color: var(--tbody-fontColor);}tbody, tr {background-color: var(--table-color)!important;color: var(--tbody-fontColor)!important;}tr:hover {background-color: var(--table-color);color: var(--tbody-fontColor);}
<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="utf-8">
  </head>
  
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60" data-inited_widgets="324725293bb33b026edc45474cad4d87">
<div id='container'>
                <div id='target' class='sun'>
                    <div></div>
                </div>
            </div>
</body>
</html>

javascript
Martin Hope
Arcadiy
Asked: 2020-02-09 19:31:15 +0000 UTC
  • 0

如何让表格的背景在按下之前和之后变为不同的背景和样式（字体颜色），与正文中的不一样？

const container = document.getElementById('container');
const target = document.getElementById('target');

document.body.style.setProperty('--main-color', '#FF9636');

container.addEventListener('click', () => {
  target.classList.toggle('toggle');
  target.classList.toggle('sun');
  target.classList.toggle('moon');

  if(getComputedStyle(document.body).getPropertyValue('--main-color') == '#FF9636') {
    document.body.style.setProperty('--main-color', '#1C3236');
  } else if(getComputedStyle(document.body).getPropertyValue('--main-color') == '#1C3236') {
    document.body.style.setProperty('--main-color', '#FF9636');
  }
});
html, body {
  --main-color: #FFFFFF; 
  width: 100%;
  
  justify-content: center;
  align-items: center;
  background-color: var(--main-color);
  transition: background-color .3s ease-in-out;
}


#container {
  border-radius: 25px;
height: 30px;
width: 80px;
background-color: var(--main-color);
cursor: pointer;
transition: all .3s ease-in-out;
box-shadow: 0px 0px 15px
rgba(0, 0, 0, .15);
margin: 0px auto;
z-index:999999;
}

#target {
  position: relative;
  left: 0px;
  transition: all .3s ease-in-out;
}

.toggle {
  left: calc(100% - 50px) !important;
}

.sun {
 cursor: pointer;
width: 30px;
height: 30px;
border-radius: 50%;
background-color:
#FFDB73;
}

.sun::before {
 content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border-radius: 50%;
background-color:
#FFDB73;
opacity: .5;
}

.sun::after {
  content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 55px;
height: 55px;
border-radius: 50%;
background-color:
#FFDB73;
opacity: .3;
}
.table-responsive::after {
    background: #000!important;
border-top: 1px solid
    #fff!important;
    color:white;width:100%!important;
}

.moon {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #0A515B;
  position: relative;
  z-index: 1;
}

.moon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #0A515B;
  opacity: .5;
}

.moon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #0A515B;
  opacity: .3;
}

.moon > div {
  position: relative;
  width: 100%;
  height: 100%;
}

.moon > div::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #FFE4BF;
  z-index: 1;
}

.moon > div::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  /*transform: translate(-50%, -50%);*/
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #0A515B;
  z-index: 2;
}
<div id='container'>
  <div id='target' class='sun'>
    <div></div>
  </div>
</div>
<table id="table" class="table table-hover">
    <thead>
      <tr>
        <th style="text-align: center;">Заголовок 1</th>
        <th style="text-align: center;">Заголовок 2</th>
        <th class="mob" style="text-align: center;"> Заголовок 3</th> <th style="text-align: center;">Заголовок 4</th> <th class="mob" style="text-align: center;">Заголовок 5</th>

<th> </th>
      </tr>
    </thead><tbody>
<tr>
<td>Данные 1</td>
        <td>Данные 2</td>
      <td>Данные 3</td>
<td>Данные 4</td>
<td>Данные 5</td>
<td>Данные 6</td>
</tr>
</tbody>
</table>

javascript
Martin Hope
Arcadiy
Asked: 2020-11-10 22:33:38 +0000 UTC
  • 0

有一个扩展https://cloud.mail.ru/public/48Gt/47Xoqa6AY他们为我们订购了它。但是 Mozilla 通过写 jquery.min.js 文件已被修改来结束它。我首先检查了文件中没有关于许可证的信息。我开始比较和检查这段代码属于哪个版本的 jquery。浏览器控制台显示这是版本 3.2.1.min 我去网站发现了这样一个版本https://code.jquery.com/jquery-3.2.1.min.js，将扩展名中的文件替换为原始文件，扩展名停止工作。我使用在线服务来比较两个文件。比较表明，这些文件的许可证信息不同。不在原版中。决定再次检查。我在原始版本中使用它，删除了许可证信息，现在文件相同，保存（UTF-8）。扩展不起作用。已经在什么原因中打破了他的头。使用原文件时，虽然版本相同，文件内容相同，但出现以下错误。

  1. 未捕获的 SyntaxError：无效或意外的令牌
  2. 未捕获的引用错误：$ 未定义
  3. 未捕获的 ReferenceError：未定义 jQuery
  4. 未选中 runtime.lastError: 无法建立连接。接收端不存在。

请帮助解决问题。未联系开发商。谢谢

javascript
Martin Hope
Arcadiy
Asked: 2020-09-11 04:03:18 +0000 UTC
  • 0

我决定根据这个视频做一个解析器扩展。我做到了，但它会引发错误。为什么 Chrome 扩展解析器不起作用？给出错误信息

拒绝加载脚本，因为它违反了以下内容安全策略指令：script-src 'self' blob: filesystem: chrome-extension-resource:"。请注意，'script-src-elem' 没有明确设置，因此 'script-src' 用作后备。

此路径http://www.feedrapp.info在jquery.rss.js

文件清单文件中指定

{
"name" :"Новости",
"version": "1.0",
"manifest_version": 2,
"description" :"Последние новости Оренбуржья",
"permissions": [
  "cookies",
  "background",
  "tabs",
  "http://*/*",
  "https://*/*",
  "storage",
  "unlimitedStorage"
],
"icons": { "128": "images/icon.png" },
"content_scripts": [{
    "matches": [ "http://vestirama.ru/*","http://vestirama.ru/server/yandex.rss" ],
    "js": [ "jquery.min.js","moment.min.js","jquery.rss.js","jquery.rss.min.js","script.js" ],
    "all_frames": true
}],
"web_accessible_resources": [
    "http://*/*",
    "https://*/*",
    "styles/*",
    "fonts/*"
],

"browser_action" :
    {
        "default_popup": "popup.html",
        "default_title": "Новости ВестиРама"
    }
}

popup.html

<html>
<head>
<meta charset="utf-8"/>
<title>Новости ВЕСТИРАМА</title>
<link href="style.css" rel="stylescheet"/>
</head>
<body>
 <div class="container">
      <div id="rss"></div>
        </div>

<script type="text/javascript" language="javascript" src="jquery-3.4.1.min.js"></script>
<script type="text/javascript" language="javascript" src="moment.min.js"></script>
<script type="text/javascript" language="javascript" src="jquery.rss.js"></script>
<script type="text/javascript" language="javascript" src="jquery.rss.min.js"></script>
<script type="text/javascript" language="javascript" src="script.js"></script>
</body>
</html>

脚本.js

$('#rss').rss("http://vestirama.ru/server/yandex.rss");

原始脚本路径

https://code.jquery.com/jquery-3.4.1.min.js
https://momentjs.com/downloads/moment.min.js
https://cdnjs.cloudflare.com/ajax/libs/jquery-rss/3.3.0/jquery.rss.js
https://cdnjs.cloudflare.com/ajax/libs/jquery-rss/3.3.0/jquery.rss.min.js
javascript