Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.04.2015, 13:34
Аватар для autumn
Интересующийся
Отправить личное сообщение для autumn Посмотреть профиль Найти все сообщения от autumn
 
Регистрация: 14.10.2014
Сообщений: 15

Персонализированная кнопка входа google+
Здравствуйте
Для создания персонализированной кнопки входа в google+ просто копирую их код отсюда https://developers.google.com/+/web/...ustomize?hl=ru
На данном сайте на кнопку входа назначается событие click, поэтому при нажатии открывается фрейм, а у меня событие не назначается, соответственно, вход в гугл не работает
Пожалуйста, помогите найти причину этого

Приведу на всякий случай скопированный с вышеуказанного сайта код
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
  <script src="https://apis.google.com/js/client:platform.js?onload=render" async defer></script>
  <script>
  function render() {
    gapi.signin.render('customBtn', {
      //'callback': 'signinCallback',
      'clientid': '841077041629.apps.googleusercontent.com',
      'cookiepolicy': 'single_host_origin',
      'requestvisibleactions': 'http://schema.org/AddAction',
      'scope': 'https://www.googleapis.com/auth/plus.login'
    });
  }
  </script>
  <style type="text/css">
    #customBtn {
      display: inline-block;
      background: #dd4b39;
      color: white;
      width: 165px;
      border-radius: 5px;
      white-space: nowrap;
    }
    #customBtn:hover {
      background: #e74b37;
      cursor: hand;
    }
    span.label {
      font-weight: bold;
    }
    span.icon {
      background: url('/+/images/branding/btn_red_32.png') transparent 5px 50% no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 35px;
      height: 35px;
      border-right: #bb3f30 1px solid;
    }
    span.buttonText {
      display: inline-block;
      vertical-align: middle;
      padding-left: 35px;
      padding-right: 35px;
      font-size: 14px;
      font-weight: bold;
      /* Use the Roboto font that is loaded in the <head> */
      font-family: 'Roboto',arial,sans-serif;
    }
  </style>

  <div id="gSignInWrapper">
    <span class="label">Sign in with:</span>
    <div id="customBtn" class="customGPlusSignIn">
      <span class="icon"></span>
      <span class="buttonText">Google</span>
    </div>
  </div>
Ответить с цитированием
  #2 (permalink)  
Старый 23.04.2015, 16:42
Аватар для autumn
Интересующийся
Отправить личное сообщение для autumn Посмотреть профиль Найти все сообщения от autumn
 
Регистрация: 14.10.2014
Сообщений: 15

Все оказалось просто: назначала событие элементу, которого еще не было в DOM-дереве. Теперь все работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Google Maps - ищется алгоритм обхода ремонтных участков дорог stankhat Оффтопик 0 06.02.2015 17:12
Вопрос к знатокам google apps script gtr-kaz Общие вопросы Javascript 3 22.10.2014 08:31
Не работает кнопка "Наверх" dle 9.3 dunek_ Opera, Safari и др. 1 25.05.2013 18:26
Не срабатывает кнопка в Chrome XaXeR Элементы интерфейса 3 06.02.2013 18:24
Кнопка "назад" в google chrome maxilo Javascript под браузер 3 23.02.2011 17:22