Jump to content
  • 0
marcio.sx

Ocultar botão depois do evento “subscribe”

Question

Neste script do google tem um comenterio escrito "Add code to handle subscribe event." traduzindo "Adicionar código para lidar com evento de assinatura.".

Eu quero saber se tem como eu colocar um codigo nesse lugar para que quando ocorre a ação "subcribe" o botão suma. 

<script src="https://apis.google.com/js/platform.js"></script>

<script>
  function onYtEvent(payload) {
    if (payload.eventType == 'subscribe') {
      // Add code to handle subscribe event.
    } else if (payload.eventType == 'unsubscribe') {
      // Add code to handle unsubscribe event.
    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>

 

Share this post


Link to post
Share on other sites

7 answers to this question

Recommended Posts

  • 0

Marcio,

Boa tarde!

 

Tenta dessa forma:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://apis.google.com/js/platform.js"></script>

<script>
  function onYtEvent(payload) {
    if (payload.eventType == 'subscribe') {
      // Add code to handle subscribe event.
      $( '.g-ytsubscribe' ).hide();
    } else if (payload.eventType == 'unsubscribe') {
      // Add code to handle unsubscribe event.
    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>

 

Share this post


Link to post
Share on other sites
  • 0
1 hora atrás, vinaspsy disse:

Marcio,

Boa tarde!

 

Tenta dessa forma:


<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://apis.google.com/js/platform.js"></script>

<script>
  function onYtEvent(payload) {
    if (payload.eventType == 'subscribe') {
      // Add code to handle subscribe event.
      $( '.g-ytsubscribe' ).hide();
    } else if (payload.eventType == 'unsubscribe') {
      // Add code to handle unsubscribe event.
    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>

 

Infelizmente não deu certo :(

Share this post


Link to post
Share on other sites
  • 0

Oq não deu certo?

Deu algum erro no console?

 

Monitorou os parâmetros da função?

function onYtEvent(payload){
    console.log(payload)

 

 

Share this post


Link to post
Share on other sites
  • 0
17 horas atrás, gabrieldarezzo disse:

Oq não deu certo?

Deu algum erro no console?

 

Monitorou os parâmetros da função?


function onYtEvent(payload){
    console.log(payload)

 

 

O botão não some 

Share this post


Link to post
Share on other sites
  • 0

Nem precisa mais... eu descobrir que os erros estão ocorrendo por conta da API do Google Developers que teve sua ultima atualização em 2011, mas mesmo assim vlw

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By carlosmassam
      Bom noite a todos.

      Eu tenho o seguinte código
       
      <input type="radio" id="radio01" name="radio01" value="radio01"> <input type="radio" id="radio02" name="radio02" value="radio02"> <input type="radio" id="radio03" name="radio03" value="radio03"> <input type="radio" id="radio04" name="radio04" value="radio04"> <input type="radio" id="radio05" name="radio05" value="radio05"> Este código me apresenta 5 radiobuttons distintos, um ao lado do outro. Eu gostaria que, ao clicar em um deles, desse check no radiobutton que eu cliquei e também em todos os radiosbuttons anteriores, e os radionbutton posteriores fossem "deschecado".
      Por exemplo: ao clicar no radio04, ele deve fichar com check, e os radio03, radio02 e radio01 também devem ficar com check, como o radio05 vem depois do radio04, ele não deve ser checado, então permanecerá como está.
      Mas se eu então clicar no radio02, os radio03 e radio04 devem mudar para "deschecado" e os radio02 e radio01 devem permanecerem checados.
    • By fideles
      Fala pessoal, tudo tranquilo?
       
      Venho recorrer a vós pois já não consigo mais.... 
       
      Tenho um campo select com algumas opções de nome.
      <select class="seleciona_nome"> <option value="Joao">Joao</option> <option value="Julio">Julio</option> <option value="Pedro">Pedro</option> </select>  
      E um campo input do tipo "text"
      <input type="text" class="opcaoSelect" autocomplete="off" disabled="disabled">  
      Preciso que ao selecionar uma opção do "Select" seja auto preenchido no input. Tenho um codigo que funcionava e não sei mais porque não funciona, veja abaixo;
       
      <script> $(document).ready(function(){ $('.seleciona_nome').on('change', addOption); }); function addOption(){ $('.opcaoSelect').val(this.value); } </script>  
      Peço ajuda ai caso alguém consiga me ajudar a entender porque este não funciona mais.
       
      Obrigado.
       
    • By juliosertori
      Olá tudo bem?
       
      Estou criando um Repeater para adicionar produtos, o problema é que não consigo gerar um ID para cada linha, como um FOR ou WHILE no PHP, colocando $i = 0 e depois $i++
       
      Crio cada linha do repeater com bootstrap e utilizo assim:
       
      <tr data-repeater-item=""></tr>
       
      Mas como adicionar um id ou nome em sequência para cada repeater? Não encontrei nada na internet referente!
    • By Good
      Boa tarde,
       
      tenho uma aplicação em PHP e outra em Nodejs. Tenho necessidade de enviar um comando para processar requisições em tempo real. 
      Tenho 2 opções e gostaria de saber qual a mais viável?
       
      1. Criar uma tabela no banco de dados que o servidor nodejs irá sempre consultar e ver se tem pendências.
      2. Enviar um comando via curl para o nodejs executar naquele momento a pendência (sem necessidade do cliente ficar aguardando o node executar)
       
      Qual das duas opções é a mais eficiente??
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.