Ir para conteúdo
Fórum Script Brasil

PHS

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    9

  • Registro em

  • Última visita

Sobre PHS

PHS's Achievements

0

Reputação

  1. PHS
    Olá, amigo! Como eu havia dito, faltava pouco para o javascript funcionar. A Polldaddy é uma empresa que presta um amplo servições de widgets gratuitos e pagos (principalmente para WordPress). O widget Rating, avaliação, fornecido por ela funciona dinamicamente em páginas estáticas. Contudo, exibe apenas uma caixa de avaliação. Para exibir mais de uma caixa é necessário atribuir uma tag item diferenciada. É nesta parte que surgem os problemas. O Blogger, empresa que presta servições de hospedagem gratuita de blogs via plataforma padrão, gera widgets das postagens em uma única página. Esta página pode ser a principal (home), de marcadores (labels), de pesquisa (search). Por isso, faz-se necessário uma estrutura interna de repetição. Acontece que para exibir o Rating de cada postagem em cada postagem em uma mesma página, cada widget deve possuir uma tag item diferente. Depois de 2 dias quebrando a cabeça para enquadrar no meu blog, finalmente consegui!!! <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'> #(...)# <div class='post-body entry-content'> <div style='width:145px;height:50px;float:left;'> <div expr:id='&quot;pd_rating_holder_#ID-RATING-POLLDADDY#_stars&quot;+data:post.id'/> &lt;script type='text/javascript'> //<![CDATA[ function ratingStars(sId, sPost, sUrl, sTitle){ var stars1 = "PDRTJS_settings_"; var stars2 = "_"; var stars3 = " = {'id': '"; var stars4 = "', 'unique_id' : '"; var stars5 = "', 'title' : '"; var stars6 = "', 'permalink' : '"; var stars7 = "', 'item_id' : '_"; var stars8 = "'};"; var scr1 = "&lt;script language='javascript'>"; var scr2 = "<\/script>"; var stars = scr1 + stars1 + sId + stars2 + sPost + stars3 + sId + stars4 + sId + stars2 + sPost + stars5 + sTitle + stars6 + sUrl + stars7 + sPost + stars8 + scr2; return stars; } //]]> </script> &lt;script language='JavaScript'> document.write(ratingStars(&quot;#ID-RATING-POLLDADDY#&quot;,&quot;stars<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;)); </script> </div> </div> #(...)# </b:widget> Esse é o código que uso em meu design (http://bb-blog-teste.blogspot.com.br) em desenvolvimento. Se alguém estiver interessado em instalar esse plugin, saiba que a conta FREE permite apenas 200 rating por mês. Mais que isso, pagando somente. No código acima: #ID-RATING-POLLDADDY# - Código ID da conta gratuita ou paga no PollDaddy. #(...)# - Trechos de códigos do Blogger. Se mexer mais nesse código, é possível elevar o número de ratings mantendo duas ou mais contas no PollDaddy. Quanto a dados técnicos, com uma estrutura de repetição em javascript é possível diminuir o número de variáveis (não sei como deixar isso melhor). Espero que isso seja útil para mais alguém! Postarei em meu Blog Oficial (http://redecerebral.blogspot.com.br) um tutorial de como configurar este e muitos outros plugins. Obrigado!
  2. PHS

    Como usar?

    pergunta respondeu ao OlaMundo de PHS em Ajax, JavaScript, XML, DOM

    HTML, CSS e JavaScript são linguagens de programação web. O HTML foi criado para estruturar webpages. Por ser limitado quanto à estilização, o CSS foi desenvolvido, fornecendo estilos em cascata e complementando o HTML. Paralelamente, o JavaScript se desenvolvia dando suporte a eventos através de funções chamadas de acordo com a necessidade em aplicações web. Assim, pode-se dizer que o HTML programa a estrutura, o CSS cuida do estilo e o JavaScript fica com os efeitos de transmissão da página. Em termos básicos, uma página que contenha as três linguagens apresenta-se assim: <html> <head> <title> Título da Página </title> <style> Estilos da Página (CSS) </style> <script> Scripts da Página (JavaScript) </script> </head> <body> Corpo ou Conteúdo da Página </body> </html> Para implementar um algoritmo que possua botões contadores é bem fácil. <html> <head> <title> Título da Página </title> <style type="text/css"> input { background-color: #0000FF; font: 12px verdana, arial, helvetica, sans-serif; color: #FFFFFF; border: 2px solid #000080; } </style> <script type="text/javascript"> var contador; contador = 0; function funcao() { contador ++; document.getElementById('contador').innerHTML = contador; } </script> </head> <body> <input type="button" value="Contar" onclick="funcao()" /> <br /> <span id="contador">0</span> </body> </html> Para criar mais botões basta criar mais funções em JavaScript e estruturas em HTML, podendo alterar o estilo de cada botão. <html> <head> <title> Título da Página </title> <style type="text/css"> input.botao1 { background-color: #FFFF00; font: 10px verdana, arial, helvetica, sans-serif; color: #000000; border: 1px solid #FF0000; } input.botao2 { background-color: #0000FF; font: 12px verdana, arial, helvetica, sans-serif; color: #FFFFFF; border: 2px solid #000080; } </style> <script type="text/javascript"> var contador1; contador1 = 0; var contador2; contador2 = 0; function funcao1() { contador1 ++; document.getElementById("contador1").innerHTML = contador1; } function funcao2() { contador2 ++; document.getElementById("contador2").innerHTML = contador2; } </script> </head> <body> <input type="button" value="Contar" onclick="funcao1()" class="botao1" /> <br /> <span id="contador1">0</span> <br /><br /> <input type="button" value="Contar" onclick="funcao2()" class="botao2" /> <br /> <span id="contador2">0</span> </body> </html> Claro que o código acima pode ser otimizado, mas da forma como está serve para seus fins. Espero tê-lo ajudado!
  3. PHS
    Há um script para menu aqui no site que à medida que você arrasta o mouse sobre as imagens, elas aumentam de tamanho e movem-se no sentido do mouse. Talvez com o script em mãos você possa estudá-lo, entendê-lo e modificá-lo de modo a satisfazer suas vontades. Eu não sei nada de javascript, mas tenho uma boa base em C/C++ e Java. Então de certa forma eu consegui mexer em alguns código para montar meu blog (http://rc-jogos-flash.blogspot.com.br/). Mas há 3 problemas nos script para eu resolver. Aconselho você a importar os script do site junto ao html construtor do menu e trabalhar em um ajax semelhante que faça o que você deseja. Abraço!
  4. PHS
    Olá, pessoal! Implementei um programa em javascript para adicionar jogos aos favoritos online via cookies. Blog (Plataforma Blogger) = http://rc-jogos-flash.blogspot.com.br/ Mas o cookies não funciona em todas as páginas. Por exemplo, na página inicial a função que gera a lista de jogos adicionados não é executada. E para diretórios diferentes são criados cookies diferentes. Para a url http://rc-jogos-flash.blogspot.com.br/2012/07/001.html é gerado o cookie 07, enquanto que para a url http://rc-jogos-flash.blogspot.com.br/2012/06/sub.html é gerado o cookie 06. Sendo que o 07 abre somente no diretório /07 e o 06 somente no /06. Por favor, como faço para o cookie funcionar em todas as páginas do meu blog? Código JavaScript para criar o Cookie e funções para criar a Lista var expDays = 365; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); var ShowCount = 0; function ListToDoItems() { var NumToDoItems = GetCookie('PT_NumToDoList'); var i; var ToDoItem; if (NumToDoItems == null) { NumToDoItems = 0; document.write("<br />Você ainda não possui nenhum jogo adicionado aos Favoritos! :-(<br /><br />"); } ShowCount = 0; for (i=1; i <= NumToDoItems; i++) { ToDoItem = GetCookie('PT_ToDoItem'+i); if (ToDoItem != null) { PrintItem(ToDoItem, i); } } } function DeleteItem(Count) { DeleteCookie('PT_ToDoItem'+Count); alert("Jogo excluído com Sucesso!"); window.location = window.location; } function PrintItem (ToDoItem, Count) { ShowCount++; var NumToDoItems = GetCookie('PT_NumToDoList'); var FavToDoItems = GetCookie('PT_FavToDoItem'+NumToDoItems); document.write("<a href='"+ToDoItem+"' title='Jogar' target='_self'><img style='border:0;margin:2px;padding:0;' border='0' height='100' width='150' src='"+FavToDoItems+"' /></a>"); document.write("<a onclick='DeleteItem(" + Count + ");' title='Excluir Jogo' style='cursor:pointer;'>"); document.write("<img alt='Excluir Jogo' align='absbottom' style='margin-left:-152px;border:0;padding:0;' border='0' height='25px' width='150px' src='http://3.bp.blogspot.com/-Gi9t0PBb0s4/UAT9czH1__I/AAAAAAAAAIE/JtBYgT21cLQ/s1600/exc.png' /></a>"); } function AddItem() { var NumToDoItems = GetCookie('PT_NumToDoList'); if (NumToDoItems == null) { NumToDoItems = 0; } var ToDoItem = top.location.href; var i; var Teste = true; for (i=1; i <= NumToDoItems; i++) { if(ToDoItem =! GetCookie('PT_ToDoItem'+i)){ Teste = true; } else { Teste = false; break; } } if (Teste == true) { var FavToDoItems = document.getElementById("imgfav").src; NumToDoItems++; SetCookie('PT_ToDoItem'+NumToDoItems, ToDoItem, exp); SetCookie('PT_NumToDoList',NumToDoItems, exp); SetCookie('PT_FavToDoItem'+NumToDoItems, FavToDoItems, exp); alert("Jogo adicionado com Sucesso!"); window.location = window.location; } else { alert("Este jogo já foi adicionado!"); } } function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) { endstr = document.cookie.length; } return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) { return getCookieVal (j); } i = document.cookie.indexOf(" ", i) + 1; if (i == 0) { break; } } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } Código HTML e JavaScript para chamar a função que cria a Lista <div align="center"> <div style="font-weight:bold;">Para adicionar jogos aos Meus Favoritos clique no botão <a onclick="AddItem();" title="Adicionar aos Meus Favoritos" style="cursor:pointer;"><img align="absbottom" style="border:0;margin:0;padding:0;" border="0" height="20" width="20" src="http://1.bp.blogspot.com/-GTeU1Nz2cy8/UAQKOQbVw0I/AAAAAAAAAG8/z7Q11oH61ws/s320/bookmarks_plus.png" /> Adicionar</a>.<br /><br /></div> <script language="JavaScript"> <!-- ListToDoItems(); // --> </script> </div> </div>
  5. PHS
    Boa Tarde a todos! Estou com um problema na manipulação de um código em javascript que gera uma lista de favoritos pessoal temporária. Código JavaSacript var expDays = 365; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); var ShowCount = 0; function ListToDoItems() { var NumToDoItems = GetCookie('PT_NumToDoList'); var i; var ToDoItem; if (NumToDoItems == null) {NumToDoItems = 0;} ShowCount = 0; for (i=1; i <= NumToDoItems; i++) {ToDoItem = GetCookie('PT_ToDoItem'+i); if (ToDoItem != null) {PrintItem(ToDoItem, i);}} } function DeleteItem(Count) { DeleteCookie('PT_ToDoItem'+Count); alert("Excluído com Sucesso!"); window.location = window.location; } function PrintItem (ToDoItem, Count) { ShowCount++; var NumToDoItems = GetCookie('PT_NumToDoList'); var FavToDoItems = GetCookie('PT_FavToDoItem'+NumToDoItems); document.write("<a href='"+ToDoItem+"' title='Jogar' target='_self'><img style='border:0;margin:2px;padding:0;' border='0' height='100' width='150' src='"+FavToDoItems+"' /></a>"+"<a onclick='DeleteItem(" + count + ");' title='Excluir Jogo' style='cursor:pointer;margin-left:-152px; margin-top:0px;'><img align='absbottom' style='border:0;margin:0;padding:0;' border='0' height='25px' width='150px' src='http://3.bp.blogspot.com/-Gi9t0PBb0s4/UAT9czH1__I/AAAAAAAAAIE/JtBYgT21cLQ/s1600/exc.png' alt='Excluir' /></a>"); } function AddItem() { var NumToDoItems = GetCookie('PT_NumToDoList'); var i; if (NumToDoItems == null) {NumToDoItems = 0;} var ToDoItem = top.location.href; var FavToDoItems = document.getElementById("imgfav").src; NumToDoItems++; SetCookie('PT_ToDoItem'+NumToDoItems, ToDoItem, exp); SetCookie('PT_NumToDoList',NumToDoItems, exp); SetCookie('PT_FavToDoItem'+NumToDoItems, FavToDoItems, exp); alert("Adicionado com Sucesso!"); window.location = window.location; } function set() { VisitorName = prompt("Olá"); SetCookie ('VisitorName', VisitorName, exp); SetCookie ('WWHCount', 0, exp); SetCookie ('WWhenH', 0, exp); } function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } Código Página (widget) &lt;script language="JavaScript"> <!-- ListToDoItems(); // --> </script> A linha em destaque é indicada como presente erro pela depuração do código. O intuito desse script é exibir uma miniatura referente à uma postagem de blog que foi adicionada aos Meus Favoritos (existente apenas no meu blog). Essa miniatura é lincada com a URL da página. Sobreposta a ela, uma imagens (150px por 25px), também lincada, com a função de excluir a postagem da lista. Código da Postagem (post) //... Início - Código HTML> <br /> <a href="URL_POSTAGEM">Título</a> <br /> <img src="URL_IMAGEM" id="imgfav" /> <br /> Conteúdo... <br /> //... Fim - Código HTML> Sei que deve ter muita coisa errada nele, pois eu removi algumas partes. Mesmo assim ele estava funcionando. No entanto, tentem alterá-lo para exibir miniaturas em vez de links. E agora o código não funciona mais. Por favor, alguém sabe como me ajudar? Blog: http://rc-jogos-flash.blogspot.com.br/2012/07/001.html :blink:
  6. PHS
    Obrigado, Arash. Mas não é isso que eu procuro. Estou implementando um ambiente para jogos em flash na plataforma blogger. Com eu tenho um outro blog bem mais visitado, pensei em não penas apontar um link para o blog de jogos, mas inseri-lo no noutro blog por meio de condicionais da estrutura própria do blogger. Eu consegui implementar esse sistema de redirecionamento, mas não consegui abrir o link dentro do iframe presente no meu blog principal. Contudo, eu construi o iframe com a URL importada pelo redirecionamento através de scripts. Mas gostaria que fazer isso em DIV, não com iframe. É possível um javascript abrir uma URL dentro de uma DIV? Obrigado! O blog de jogos que estou desenvolvendo: http://rc-jogos-flash.blogspot.com.br/ (Ele ainda apresenta muito erros de incompatibilidade, principalmente com o IE5-9) Teste de redirecionamento: (Página Secundária) http://e-comput.blogspot.com/2012/07/004.html (Página Principal) http://gg-testes.blogspot.com.br/2012/07/003.html Onde resgato a página importada pelo código após o sharp (#201207004) - URL_Blog_Secundário/2012/07/004.html
  7. PHS
    Bom dia, Depois que resolvi meu problema inicial (http://scriptbrasil.com.br/forum/index.php?showtopic=170375), encontrei um novo. Construí um redirecionador que carrega uma página dentro de um iframe em outra página. JavaScript da página secundária (a ser redirecionada) <script type="text/javascript"> var hostUrl = top.location.href; var hostUrlParte = hostUrl.split("/"); if( hostUrlParte[2] != "site_principal.com.br" && hostUrlParte[2] != "www.site_principal.com.br" ){ var url = location.href; var cod = url.split("/"); var cod_a = cod[5].split(".html"); var s = '#'; var c = cod[3]+cod[4]+cod_a[0]; top.parent.location="http://site_principal/2012/07/003.html"+s+c; } </script> JavaScript da página primária (com o iframe) <script type="text/javascript"> var url = top.location.href; var parteUrl = url.substr(url.indexOf('#')+1); url = parteUrl; var url_p = url.split(''); if(url_p[0]>0){ document.write("<iframe id='pag' name='pag' width='610' height='350' frameborder='0' src='http://site_secundario/"+ url_p[0] + url_p[1] + url_p[2] + url_p[3] + "/" + url_p[4] + url_p[5] + "/" + url_p[6] + url_p[7] + url_p[8] + ".html"+"'></iframe>"); } else { document.write("<iframe id='pag' name='pag' width='610' height='350' frameborder='0' src='http://site_secundario/pag/inicial.html'></iframe>"); } </script> Até então, tudo funciona perfeitamente. Contudo, gostaria que document.write escrevesse um programa em javascript que escrevesse uma div e dentro desta abrisse a página secundária, com um tamanho diferente para cada conteúdo, como se o conteúdo pertencesse à página primária, já que o iframe não permite ser redimensionado dinamicamente, principalmente sua altura (height). Isso é possível, de alguma forma? Obrigado.
  8. PHS
    Desculpem-me, mas consegui resolver meu problema!!! JavaScript das Páginas Secundárias: <script type="text/javascript"> var hostUrl = top.window.location.host; if(hostUrl != "host_site_principal"){ var url = location.href; var s = '#'; var c = url; top.parent.location="http://siteprincipal.com/pagina_com_iframe.html"+s+c; } </script> JavaScript da Página Principal: <script type="text/javascript"> var url = top.location.href; var parteUrl = url.substr(url.indexOf('#')+1); url = parteUrl; document.write("<iframe id='pag' name='pag' width='610' height='350' frameborder='0' src='"+ url +"'></iframe>"); </script> Obrigado!!! E, veja só, eu não sei nada de javascript. Espero que esse código seja útil há outras pessoas também. E para o problema mesmo, a outra solução foi criar um link que chamava a função pelo onclick. Mas com o document.write isso é dispensado!
  9. PHS
    Boa noite, Já pesquisei em vário site e fóruns sobre isso e encontrei muitos códigos incríveis, mas que não resolveram meu problema. Gostaria que quando um usuário visitasse uma página (info_001.html), esta abrisse dentro de um iframe em outra página (principal.html) por meio de redirecionamento, ou seja, que tudo ocorresse na mesma janela. Alguém sabe como redirecionar uma página para um iframe em outra página? Obigado!
×
×
  • Criar Novo...