Предложение по переводу Google не соответствует CSS - PullRequest
Новая
       31

Предложение по переводу Google не соответствует CSS

0 голосов
/ 15 апреля 2019

Я выполнил шаги, чтобы решить проблему с API-интерфейсом транслитерации, не обслуживаемым по протоколу HTTPS: API-интерфейс транслитерации javascript google не обслуживался по протоколу https

Я извлек Google JSAPI & Transliteration.I.jsк моему собственному файлу и добавил https.

Но после этого предложения выскакивают в div в нижней части страницы, а не как обычный выпадающий список.

Буду признателен за некоторую помощь.

1 Ответ

1 голос
/ 16 апреля 2019

Вот пошаговый процесс:

Во-первых, есть ссылка на API: 

<script type="text/javascript" src="https://www.google.com/jsapi">

Во-вторых, перейдите по ссылке API выше и найдитесодержимое указано ниже: 

google.loader.ServiceBase = 'https://www.google.com/uds';

Вам необходимо заменить ссылку google.loader.ServiceBase = 'yourfile.js';

примечание: yourfile.js - это сценарий, созданный вами.

Исделать это - вам нужно создать два отдельных файла JavaScript.Зачем?потому что google.loader.ServiceBase находится внутри google.com/jsapi

шаг 1: создайте два файла JavaScript - скажем, main.js и extra.js

шаг 2: сохраните содержимоеhttps://www.google.com/jsapi до main.js

шаг 3: сохранить содержимое от https://www.google.com/uds/api/elements/1.0/7ded0ef8ee68924d96a6f6b19df266a8/transliteration.I.js до extra.js

шаг 4: в extra.js - найти qi="http://www.google.com" и заменить на qi="https://www.google.com" - помните, что http изменен на https и сохраните его.

шаг 5: Теперь вернемся к main.js - вам нужно найти google.loader.ServiceBase = 'https://www.google.com/uds'; и заменить на google.loader.ServiceBase = 'extra.js'; и сохранить его.

шаг 6: вызовите оба файла в вашем index.html. 

<script type="text/javascript" src="main.js">
<script type="text/javascript" src="extra.js">

шаг 7: скопируйте CSS из этой ссылки и добавьте его в файл transiteration.css.Добавьте следующую строку в index.html 

<link type="text/css" href="assets/google/js/transliteration.css" rel="stylesheet"/>

. Это должно дать вам правильный CSS, необходимый для отображения всплывающего окна с транслитерацией.

...