Создание кнопки для гугл сайта

@Alexeyka1 · Регистрация: 26.04.2015

Студворк — интернет-сервис помощи студентам

Добрый день уважаемые гуру киберфорума. Очень нужна ваша помощь для создания небольшой кнопки для сайта. Проблема в том, что совсем не знаком с JavaScript, но нужна кнопка для сайта со следующим содержанием:

У меня на созданном сайте sites.google есть встроенное окно с гугл формой, там есть текстовое окно для ввода некоторого почтового ящика. Хотелось бы чтобы для удобства пользователя ниже этой формы сделать кнопку типа "Перейти в свой почтовый ящик".
Как я понимаю, скрипт должен взять текст из того самого окна и отсечь лишние символы например exampleuser в exampleuser@ домен.кг и выполнить переход в новом окне на тот самый почтовый домен.

Некоторые подводные камни

Сайты в гугл очень сильно блокируется любые JavaScript, но есть расширения для вставки кода скрипта JavaScript - Embeded Gadjet, возможно он сможет помочь.

Буду благодарен за любую информацию по моей проблеме. Если нужна структура той самой странички я добавлю скриншотами.

@Armi · 26.04.2015, 23:02

Дело в том что домен почтового адреса не совпадает c адресом почты обычно, поэтому придется иметь вот такой массив для соответствия mailArr. #mypolemail - id поля #myknopke - id кнопки

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var mailArr = {
            "mail.ru" : "e.mail.ru",
            "inbox.ru": "e.mail.ru",
            "bk.ru":"e.mail.ru",
            "list.ru":"e.mail.ru",
            "yandex.com":"mail.yandex.com",
            "yandex.ru":"mail.yandex.ru",
            "ya.ru":"mail.yandex.ru",
            "gmail.com":"mail.google.com",
            "googlemail.com":"mail.google.com",
        };
 
  
 $("#myknopke").on("click", function(){
 
        var adress;
    var em = $("#mypolemail").val();
    em=em.split("@");
    em=em[1];
    if(typeof mailArr[em]!=="undefined"){
    adress="http://"+mailArr[em];
 
        }else{adress="http://"+em}
        
        document.location.href = adress;
 
        return false;
    });

Добавлено через 44 минуты
https://jsfiddle.net/m60280b4/3/ залил в песочницу но там строка document.location.href = adress; работать не будет заменил на

JavaScript
1
$(this).attr("href",adress);

, просто для наглядности на какой адрес будет в реальности переходить.

HTML5
1
<a id="myknopke" href="сюда будет устанавливаться ссылка в песочнице">Ваша почта</a>

@Alexeyka1 · 27.04.2015, 04:38 **[ТС]**

Спасибо большое за отзыв, но как разместить данный скрипт для sites.google.com.

Данный скрипт нужно вставлять полностью в гугл сайт? или только HTML

HTML5
1
2
3
4
5
<div> Ваш Е-MAIL </div>
 
<input id="mypolemail" type="text" placeholder="" class="textinput">
   
 <div ><a id="myknopke" href="http://mail.ru">Ваша почта</a></div>

Но он не обращается к массиву) а на мейл переходит

@Armi · 27.04.2015, 08:38

html код необязательно но желательно если это возможно а так можно и скриптом вставить. Скрипт нужно вставлять полностью.

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

Но он не обращается к массиву) а на мейл переходит

Это фигня значение по умолчанию, вы смотрите в браузере просмотр кода элемента какой адрес стоит при нажатии на кнопку в зависимости от введеного адреса ящика.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@Alexeyka1 0 / 0 / 0 Регистрация: 26.04.2015 Сообщений: 2

	Создание кнопки для гугл сайта 26.04.2015, 19:39. Показов 2295. Ответов 3 Метки нет (Все метки) Добрый день уважаемые гуру киберфорума. Очень нужна ваша помощь для создания небольшой кнопки для сайта. Проблема в том, что совсем не знаком с JavaScript, но нужна кнопка для сайта со следующим содержанием: У меня на созданном сайте sites.google есть встроенное окно с гугл формой, там есть текстовое окно для ввода некоторого почтового ящика. Хотелось бы чтобы для удобства пользователя ниже этой формы сделать кнопку типа "Перейти в свой почтовый ящик". Как я понимаю, скрипт должен взять текст из того самого окна и отсечь лишние символы например exampleuser в exampleuser@ домен.кг и выполнить переход в новом окне на тот самый почтовый домен. Некоторые подводные камни Сайты в гугл очень сильно блокируется любые JavaScript, но есть расширения для вставки кода скрипта JavaScript - Embeded Gadjet, возможно он сможет помочь. Буду благодарен за любую информацию по моей проблеме. Если нужна структура той самой странички я добавлю скриншотами. 0