Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 5
Sexo: Masculino

m2brdialog x blogger

25-03-2014 11:37

to travando uma luta pra implementar esse plugin no meu blogger..

exemplo do plugin funcionando
http://www.nahgash.com.br/lib/m2brdialog/

vamos la vou tentar resumir o q eu fiz ate agora..

1o passo

chamei os 2 arquivos .js com os devidos links

<script src='jquery.js' type='text/javascript'></script> <script src='m2br.dialog.pack.js' type='text/javascript'></script>

2o passo

colei o conteudo dos 2 arquivos .css
entre os codigos <b:skin>

3o passo

coloquei esse javascript antes da tag </head>

<script type="text/javascript"> $(document).ready(function(){                         $('.m2brdialog-pergunta').m2brDialog({                 tipo:           'pergunta',                 titulo:         'ATENÇÃO',                 texto:          'Você tem mais de 18 anos?',                 draggable: true,                 botoes: {                         1: {                                 label: 'Sim',                                 tipo: 'link',                                 endereco: 'http://google.com'                         },                         2: {                                 label: 'Não',                                 tipo: 'link',                                 endereco: 'http://www.google.com.br'                         }                 }         });                             });   // alerta padrão // função que cria um <a> on the fly para exibir um alerta // m2brDialog var alertaPadrao = function(titulo, msg, tipo, altura, largura) {                 $('body').append('<a href="#" id="alerta-padrao"></a>');                 $('#alerta-padrao').m2brDialog({                                 draggable: true,                                 texto: msg,                                 tipo: tipo,                                 titulo: titulo,                                 altura: altura,                                 largura: largura,                                 botoes: {                                         1: {                                                 label: 'Fechar',                                                 tipo: 'fechar'                                         }                                 }                                                                                           });                 $('#alerta-padrao')                         .click()                         .remove(); }; // fim alertaPadrao   </script>

4o e ultimo passo

chamei o script em alguma postagem ou link

  <a href="#" class="m2brdialog-pergunta">Teste</a>

Apos seguir esses passos, simplesmente nada acontece.

Ja fiz o teste do jquery q tem aqui no forum e ele esta funcionando.

Se alguem puder me dar uma luz seria como um anjo
pois estou quebrando a cabeca com isso.


Valeu
obrigado pela atencao
Abs
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

m2brdialog x blogger

25-03-2014 11:53

O que pode estar acontecendo, é que o caminho até o script "js" não esteja correto dentro da estrutura do plugin.

Você pode passar o link de alguma página do seu site onde o script está instalado?
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 5
Sexo: Masculino

m2brdialog x blogger

25-03-2014 11:59

Aqui http://futbets.blogspot.com.br/

ta na frente msm.. no menu a direita abaixo do mapa... o link "teste" conforme esta na pagina do exemplo
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

m2brdialog x blogger

25-03-2014 12:48

Eu fiz um teste aqui localmente, e realmente está funcionando. O que pode estar acontecendo no seu site, é que você usa 2 chamadas jQuery.
Uma no topo

<script src='http://sites.google.com/site/futbetstv/jquery.js' type='text/javascript'></script>

E outra um pouco abaixo, acima do scrip de acender e apagar a luz

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

Um script deve estar dando conflito com outro. Tenta tirar uma deles, e ver qual fica padrão, que funciona todos seus scripts ao mesmo tempo.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 5
Sexo: Masculino

m2brdialog x blogger

25-03-2014 13:37

deu certo
retirei esse ->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

muito obrigado meu pelas atencao ai
e tenha um bom dia
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

m2brdialog x blogger

25-03-2014 13:42

;)
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 5
Sexo: Masculino

m2brdialog x blogger

25-03-2014 15:07

Voltei aqui pq pintou mais uma duvida...

<script type='text/javascript'> //<![CDATA[   $(document).ready(function(){                         $('.m2brdialog-tv1').m2brDialog({                 tipo:           'pergunta',                 titulo:         'ATENÇÃO',                 texto:          'Você tem mais de 18 anos?',                 draggable: true,                 botoes: {                         1: {                                 label: 'Sim',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com.br/hot.html'                         },                         2: {                                 label: 'Não',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com/2014/03/cartoon-network.html'                         }                 }         });                             });       // alerta padrão // função que cria um <a> on the fly para exibir um alerta // m2brDialog var alertaPadrao = function(titulo, msg, tipo, altura, largura) {                 $('body').append('<a href="#" id="alerta-padrao"></a>');                 $('#alerta-padrao').m2brDialog({                                 draggable: true,                                 texto: msg,                                 tipo: tipo,                                 titulo: titulo,                                 altura: altura,                                 largura: largura,                                 botoes: {                                         1: {                                                 label: 'Fechar',                                                 tipo: 'fechar'                                         }                                 }                                                                                           });                 $('#alerta-padrao')                         .click()                         .remove(); }; // fim alertaPadrao //]]> </script>


nesse codigo ai em cima, como q eu faco pra fazer mais de uma regra... por exemplo,

Sim no 1o vai para A e Nao vai para B
Sim no 2o vai para C e Nao vai para B e assim sucessivamente, tem como fazer varias regras mudando o nome

so alterando o nome do class="m2brdialog-tv2"
entendeu ?

        $('.m2brdialog-tv2').m2brDialog({                 tipo:           'pergunta',                 titulo:         'ATENÇÃO',                 texto:          'Você tem mais de 18 anos?',                 draggable: true,                 botoes: {                         1: {                                 label: 'Sim',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com.br/canal212.html'                         },                         2: {                                 label: 'Não',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com/2014/03/cartoon-network.html'                         }                 }         });                             });

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

m2brdialog x blogger

25-03-2014 15:36

Cada bloco inicia pelo número e o abrir da chave, e termina no fechamento da chave

Obs.: Note que cada bloco é separado por uma vírgula no final do bloco, menos no último bloco.

1: { label: 'Sim', tipo: 'link', endereco: 'http://futbets.blogspot.com.br/hot.html' }, 2: {  label: 'Não', tipo: 'link', endereco: 'http://futbets.blogspot.com/2014/03/cartoon-network.html' }, 3: {  label: 'Não', tipo: 'link', endereco: 'http://futbets.blogspot.com/2014/03/cartoon-network.html' }, 4: {  label: 'Não', tipo: 'link', endereco: 'http://futbets.blogspot.com/2014/03/cartoon-network.html' }

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 5
Sexo: Masculino

m2brdialog x blogger

25-03-2014 16:07

era pra ter 2 sim ou 2 nao..
varios class

$('.m2brdialog-record').m2brDialog({                 tipo:           'pergunta',                 titulo:         'ATENÇÃO',                 texto:          'Você tem mais de 18 anos?',                 draggable: true,                 botoes: {                         1: {                                 label: 'Sim',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com.br/42324.html'                         },                         2: {                                 label: 'Não',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com/2014/03/cartoon-network.html'                         }                 }         });                             });


 $('.m2brdialog-globo').m2brDialog({                 tipo:           'pergunta',                 titulo:         'ATENÇÃO',                 texto:          'Você tem mais de 18 anos?',                 draggable: true,                 botoes: {                         1: {                                 label: 'Sim',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com.br/fsefw.html'                         },                         2: {                                 label: 'Não',                                 tipo: 'link',                                 endereco: 'http://futbets.blogspot.com/2014/03/cartoon-network.html'                         }                 }         });                             });

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

m2brdialog x blogger

25-03-2014 16:15

Não entendi o que quis dizer.

Mas o que postei foi só um exemplo, você pode mudar o sim ou não e os links também. Os textos são no label.

Mas se você quer adicionar mais um botão com outra pergunta, basta mudar a class do mesmo, por exemplo adicionando o 2

<a href="#" class="m2brdialog-pergunta2">Teste2</a>

E adicionar mais um bloco

$(document).ready(function(){   // BLOCO1  $('.m2brdialog-pergunta').m2brDialog({  tipo: 'pergunta',  titulo: 'ATENÇÃO',  texto: 'Você tem mais de 18 anos?',  draggable: true,  botoes: {  1: {  label: 'Sim',  tipo: 'link',  endereco: 'http://google.com'  },  2: {  label: 'Não',  tipo: 'link',  endereco: 'http://www.google.com.br'  }  }  });   // BLOCO2  $('.m2brdialog-pergunta2').m2brDialog({  tipo: 'pergunta',  titulo: 'ATENÇÃO',  texto: 'Você tem mais de 18 anos?',  draggable: true,  botoes: {  1: {  label: 'Sim',  tipo: 'link',  endereco: 'http://google.com'  },  2: {  label: 'Não',  tipo: 'link',  endereco: 'http://www.google.com.br'  }  }  });    });  // alerta padrão  // função que cria um <a> on the fly para exibir um alerta  // m2brDialog  var alertaPadrao = function(titulo, msg, tipo, altura, largura) {  $('body').append('<a href="#" id="alerta-padrao"></a>');  $('#alerta-padrao').m2brDialog({  draggable: true,  texto: msg,  tipo: tipo,  titulo: titulo,  altura: altura,  largura: largura,  botoes: {  1: {  label: 'Fechar',  tipo: 'fechar'  }  }  });  $('#alerta-padrao')  .click()  .remove();  }; // fim alertaPadrao

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado