Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Js фай - азы: подключение внешнего .js файла к серверам. (https://javascript.ru/forum/dom-window/60167-js-fajj-azy-podklyuchenie-vneshnego-js-fajjla-k-serveram.html)

Evgrif 14.12.2015 22:58

Js файл - азы: подключение внешнего .js файла к серверам.
 
Js файл - азы: подключение внешнего .js файла к серверам.
Всем доброго.
С JavaScript столкнулся недавно, при тестировании сайта на Блогспот.
На данную проблему потрачено три дня времени и все впустую.
Суть проблемы: подключаемые к серверам внешние джус-файлы не работают на сайте.
Сервера: Гугл Диск, Дробокс.
Цель: научиться правильно подключать к серверам внешние .js файлы со скриптами для своего сайта.
Для знатоков это звучит элементарно, но я за три дня не смог добиться результата. В сети на этот счет на удивление мало информации, а подробной анатомии скрипт-модуля подключения (подробно что куда вставлять) я вообще не нашел: приводятся только примеры для уже знающих с опусканием элементарных указаний.
Пробовал разные скрипты, разные редакторы, разные способы написания на странице сайта скрипт-модуля подключения (так он называется?), менял серверы - ничего не помогает.
На сайте не внешние скрипты работают. Модули подключения внешних .js файлов от других людей тоже работают.

Пример того, что я делал:
1) Взял простенький скрипт, например, "Бегущая строка":
<script language="JavaScript">
var line="Текст бегущей строки ";
var speed=150;
var i=0;
function m_line() {
if(i++<line.length) {
document.cit.forum.value=line.substring(0,i);
}
else{
document.cit.forum.value=" ";
i=0;
}
setTimeout('m_line()',speed);
}
</script>
<body bgcolor=000000>
<center>
<form name=cit>
<input type=text size=32 name=forum>
</form>
</center>
<script language="JavaScript">
m_line();
</script>
Проверил работоспособность скрипта на сайте. Этот скрипт полностью рабочий.
2) Я вставляю этот код в блокнот (использовал и штатный и АкелПад и НотеПад), называю строчным английским именем, сохраняю и переименовываю расширение на .js
Переименование осуществляю вручную: выбор расширения js есть только в НотеПаде, но она тоже не работает. Из сети почерпнул инфу, что не суть важно как переименовать и в каком текстовом редакторе код помещать.
Сами .js файлы успешно переименовываются с изменением их иконки.
3) Далее, я закачиваю файл на сервер. Очень интересует как сервер Гугл Диск – в сети есть инфа, что им для этого успешно пользуются.
На Гугл Диске, в его корне, создаю папку с прописным английским названием. Изменяю разрешение этой папки на «всем в интернете» и «возможность редактирования» - т. е. самая широкая открытость доступа.
Кстати, сам сайт создается на блогспоте того же аккаунта Гугла, где и используемый Гугл Диск.
4) Беру ссылки на .js файл. Тут тоже есть проблема: я не опечатался – именно ссылки, а не ссылку так, как у Гугл Диска аж целых три варианта ссылок на один и тот же файл. Нашел инфу, что ссылкам .js файлов нужно дословно «обрезать хвосты», но там не уточняли на какую длину обрезать и для чего.
5) Далее я составляю скрипт-модуль подключения. Я не знаю как этот блок называется правильно, уж простите. Это блок кода куда вставляется ссылка на .js файл, а потом это все вставляется на страницу сайта.
Тут тоже большая проблема: разновидностей составления этих блоков много и я не могу понять где правильный вариант.
Я нашел следующие примеры видов блоков:
<script src="путь/ссылка к файлу скрипта.js"></script>
<script src="/path/to/script.js"></script>
<scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
Уважаемые знатоки, объясните что тут куда правильно вставлять. Что такое путь, нужен ли на конце .js, где нужны слэши, в каком порядке все выстраивать и т. д.
Теперь живой пример со скриптом бегущей строки:
Название папки на Гугл диске: sitemaps
Название джус файла: stroka
Ссылки от Гугл Диска на файл stroka.js:
https://drive.google.com/file/d/0B9i...ew?usp=sharing
https://drive.google.com/open?id=0B9...3BpQkxrY0dNRDg
https://drive.google.com/drive/folde...zVvRHBqVXl6bTg
Первая и вторая ссылки открывают сам файл с кодом и отличаются «хвостом «/view?usp=sharing»
Третья ссылка открывает папку файла, она, скорее всего не нужна, но привел на всякий.
6) теперь некоторые из бесчисленных вариантов вставок, что я применял:
<script src="sitemaps/stroka/https://drive.google.com/open?id=0B9iPKBz9wydDa3BpQkxrY0dNRDg.js"></script>
<script src="sitemaps/stroka/https://drive.google.com/file/d/0B9iPKBz9wydDa3BpQkxrY0dNRDg/view?usp=sharing.js"></script>
<script type="text/javascript" src="https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM"></script>
<script language='JavaScript' src='https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM'></script>
<script src="https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM"></script>
И так три дня с нулевым результатом.
Ребята, пожалуйста, разъясните как правильно все это делать. Имеется в виду полностью рабочий вариант на данное время.
С уважением.

krasovsky 15.12.2015 07:57

Цитата:

Сообщение от Evgrif
джус-файлы не работают на сайте

Ну может браузер не поддерживает данный тип файла :) Я вот впервые о таком слышу
Цитата:

Сообщение от Evgrif

Это ссылки не на файл, а на некий интерфейс который предоставляет доступ к файлу. А тебе нужна ссылка напрямую.
Может и можно с помощью гуглодиска девать прямые ссылки - я не в курсе. Но точно не так. Либо заливать туда где есть прямая ссылка на файл либо если пользоваться инструментами этого вашего блогспорта, наверняка он их предоставляет

Sizz Lorr 15.12.2015 19:04

Ни одной строки с правильным результатом у Вас, увы нет ...
Внешний Javascript подключается очень просто - путь к модулю надо указать и усё ))))

Например:

Подключение скрипта ГуглМапсов написан в документации как
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

Ежели надо подключить файл со скриптом, например библиотеку jquery, то удаленно это можно сделать так (м-м-м ... кстати адрес выдуман, не копируйте )))
<script type="text/javascript" src="http://jquery.org/new/jquery-1.10.2.js"></script>

По Вашим примерам выделю, что написано не правильно
Цитата:

<script src="sitemaps/stroka/https://drive.google.com/open?id=0B9iPKBz9wydDa3BpQkxrY0dNRDg.js"></script>
<script src="sitemaps/stroka/https://drive.google.com/file/d/0B9iPKBz9wydDa3BpQkxrY0dNRDg/view?usp=sharing.js"></script>
<script type="text/javascript" src="https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM"></script> <!-- возможно неправильный Хэш -->
<script language='JavaScript' src='https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM'></script> <!-- возможно неправильный Хэш -->
<script src="https://drive.google.com/open?id=0B9iPKBz9wydDUGJObkxwQzFzYXM"></script><!-- возможно неправильный Хэш -->


Часовой пояс GMT +3, время: 03:26.