GuuH.zin
-
Total de itens
26 -
Registro em
-
Última visita
Posts postados por GuuH.zin
-
-
Pelo que eu percebi você está tentando usar Prototype (que é um framework, assim como o jQuery) junto com o jQuery. Desse jeito que você está tentando vai dar erro mesmo, pois os dois frameworks vão tentar executar o código e entrarão em conflito. Dê uma olhada nesse artigo (em inglês) do site do jQuery e veja se ajuda.
-
Tenho uma dúvida quanto ao "for" do Javascript. No código abaixo, temos
... for(var num_images = 0; num_images < document.images.length; num_images++) { if(document.images[num_images].rel!="image_src") { var elem=document.images[num_images]; var alt=$(elem).attr("lightbox:title"); var src=$(elem).attr("src"); var original_elem=new Image(); original_elem.src=elem.src; if(original_elem.width > 580){ $(elem).wrap('<div class="img-resized-warning-container"><a href="'+src+'" rel="lightbox" title="'+alt+'" target="_blank"/></div>'); } else{ if(elem.rel=="lightbox"){ $(elem).wrap('<a href="'+src+'" rel="lightbox" title="'+alt+'" target="_blank"/>'); } } } } ...essas linhas do códigovar original_elem=new Image(); original_elem.src=elem.src;
criam uma nova imagem para cada elemento retornado pelo document.images[num_images] ou apenas para a primeira imagem?
-
tente com jQuery e ajax:
... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"> </script> <script type="text/javascript"> function atualizaUsuarios(elem){ $.ajax({ type: "GET", //Método que a página usa para receber formulários url: "ajax.php", //Página usada para receber o formulário com o metodo GET data: "act=atualizaUsuarios", //Ação a ser tomada success: function(contador){ $("#"+elem).html(contador); } }); } </script> </head> <body> ... Users Online <div id="quantos_online"><!-- O contador é atualizado por ajax aqui --></div> <button onclick="atualizaUsuarios('quantos_online');">Atualizar</button> ...Já no arquivo "ajax.php", você tem que ter o código para pegar numero de usuários online no seu site, através de conexão via BD, por exemplo, e escrever esse número nessa página, se a querystring "act" for igual a usuários, tipo ajax.php... codigo para descobrir quantidade de usuários online ... if($_GET('act')=='atualizaUsuarios'){ echo $contagem_usuarios; // contagem_usuarios é a variavel que contém o número de usuários, retornado via BD. } ...você pode baixar a biblioteca jQuery e inserir no seu site, ou pode usá-la a partir de outro servidor, como o do Google APIS, por exemplo.
você pode modificar o código de acordo com a sua necessidade. eu tinha uma página atualizada por ajax mais ou menos assim, mas não estou achando aqui agora. o codigo dessa página funcionava, mas esse eu não testei, porém deve fuincionar.
-
faça assim:
<script type="text/javascript"> var imagem = new Array(); var now = new Date(); var agora = now.getDate(); imagem[1] = 'img_cd_do_dia/01.jpg'; imagem[2] = 'img_cd_do_dia/02.jpg'; imagem[3] = 'img_cd_do_dia/03.jpg'; imagem[4] = 'img_cd_do_dia/04.jpg'; imagem[5] = 'img_cd_do_dia/05.jpg'; imagem[6] = 'img_cd_do_dia/06.jpg'; imagem[7] = 'img_cd_do_dia/07.jpg'; imagem[8] = 'img_cd_do_dia/08.jpg'; imagem[9] = 'img_cd_do_dia/09.jpg'; imagem[10] = 'img_cd_do_dia/10.jpg'; imagem[11] = 'img_cd_do_dia/11.jpg'; imagem[12] = 'img_cd_do_dia/12.jpg'; imagem[13] = 'img_cd_do_dia/13.jpg'; imagem[14] = 'img_cd_do_dia/14.jpg'; imagem[15] = 'img_cd_do_dia/15.jpg'; imagem[16] = 'img_cd_do_dia/16.jpg'; imagem[17] = 'img_cd_do_dia/17.jpg'; imagem[18] = 'img_cd_do_dia/18.jpg'; imagem[19] = 'img_cd_do_dia/19.jpg'; imagem[20] = 'img_cd_do_dia/20.jpg'; imagem[21] = 'img_cd_do_dia/21.jpg'; imagem[22] = 'img_cd_do_dia/22.jpg'; imagem[23] = 'img_cd_do_dia/23.jpg'; imagem[24] = 'img_cd_do_dia/24.jpg'; imagem[25] = 'img_cd_do_dia/25.jpg'; imagem[26] = 'img_cd_do_dia/26.jpg'; imagem[27] = 'img_cd_do_dia/27.jpg'; imagem[28] = 'img_cd_do_dia/28.jpg'; imagem[29] = 'img_cd_do_dia/29.jpg'; imagem[30] = 'img_cd_do_dia/30.jpg'; imagem[31] = 'img_cd_do_dia/31.jpg'; function mostraImagem(){ document.write('<img src="'+imagem[agora]+'">'); } </script> -
Consegui achar a função em jQuery depois de pesquisar muito na internet acabei esbarrando com a função .wrap()
Nem desconfiava que ela existia.
o código deve ficar assim para obter o resultado que eu esperava:
... <head> <script type="text/javascript"> $(document).ready(function(){ $("img[rel='reduzida']").wrap('<div class="container" />'); }); </script> </head> <body> <img src="imagem" rel="reduzida" /> ...Tópico resolvido.
-
tente adicionar um "return" anted do "aee();"
assim:
... <form name="produtos" id="produtos" method="post" enctype="multipart/form-data" onsubmit="return aee();" action="ProdutosScript.php?acao=I" > ...
Com o codigo que você postou aqui, eu testei e deu certo.
-
Oi de novo.
Preciso de um codigo (de preferência jQuery, porque é mais limpo), que crie um elemento "envolvendo" outro.
Mais precisamente seria criar uma DIV em volta de uma imagem que tenha o rel="reduzida", por exemplo.
Tipo, no código eu terei
... <head> <script type="text/javascript"> $(document).ready(function(){ $("img[rel='reduzida']"). // Depois do "." deve ir o codigo para adicionar a div em volta da imagem, se eu não me engano, mas não sei como fazer. }); </script> </head> <body> <img src="imagem" rel="reduzida" /> ...E preciso de um código que crie a div e retorne o equivalente a:<head> <script type="text/javascript"> $(document).ready(function(){ $("img[rel='reduzida']"). // Depois do "." deve ir o codigo para adicionar a div em volta da imagem, se eu não me engano, mas não sei como fazer. }); </script> </head> <body> <DIV CLASS="container"> <img src="imagem" rel="reduzida" /> </DIV> ...É possível?
Agradeço desde já.
-
Olá
Tenho esse codigo em jQuery para simular um placeholder nos campos "input" do tipo text:
Nome: jquery.placeholder.js
$(document).ready(function(){ $("input[placeholder]").each(function(el){ if($(this).val()==""){ $(this).val($(this).attr("placeholder")).addClass("placeholder"); } $(this).focus(function(){ if($(this).val()==$(this).attr("placeholder")){ $(this).removeClass("placeholder").val(""); } }); $(this).blur(function(){ if($(this).val()==""){ $(this).addClass("placeholder").val($(this).attr("placeholder")); } }); }); $("form").submit(function(){ $("input[placeholder]").each(function(n,element){ if($(element).val()==$(element).attr("placeholder")){ return false; } }); }); });Como vocês podem ver no codigo acima, se o valor do campo for igual ao valor do atributo placeholder ao enviar o formulário, o placeholder do campo some, isso para ter um controle e garantir form não irá enviar o valor do placeholder se o usuário não escrever nada no campo. Supondo que eu tenha dois formulários na página, exemplo:<html> <head> <script src="jquery.placeholder.js" type=""> </script> </head> <body> <form action="destino1.htm" method="get"> <input type="text" name="1" placeholder="Digite o o valor campo do formulário 1 aqui." value="" /> <input type="submit" value="Enviar" /> </form> <form action="destino2.htm" method="post"> <input type="text" name="2" placeholder="Digite o o valor campo do formulário 2 aqui." value="" /> <input type="submit" value="Enviar" /> </form> </body> </html>
Se eu clicar no Submit do formulário 1 ou do 2, sem escrever nadas nos campos, os placeholders dos dois formulários vão sair, quando deveria sair apenas o do formulário que foi enviado.
Isso tsmbém acontece se eu escrever no formulário 1, enviá-lo e deixar o 2 em branco - o placeholder do 2 irá sair, quando ele deveria ficar, já que eu enviei o form 1.
Já tentei de tudo para resolver, olhei na internet sobre a função each do jQuery e achei algo parecido com o que eu estou tentando fazer, mas não deu certo, continua igual.
Agradeço desde já.
-
Desculpa pela demora na resposta... Eu vou testar o código, mas pelo o pouco que eu entendo, essa função substitui á por a, certo?
Se eu estiver errado, me corrijam.
Se eu estiver certo, não é bem isso o que eu quero, porque, se na hora da busca a pessoa digitar página e na hora de enviar a busca trocar por pagina, e só houver resultados para página, a busca não irá retornar resultados.
Tipo, eu quero que se a pessoa digitar pagina, retorne resultados para página e pagina, por exemplo, não importando se ela digitou com acento ou não.
isso se for possível, claro.
-
Andei procurando aqui no fórum por um sistema de busca interna no servidor e achei este código php:
http://scriptbrasil.com.br/forum/index.php?showtopic=91199
O código atende quase perfeitamente à minha necessidade, só tem uma coisa: na hora de buscar um termo ("enviar" o formulário), eu quero que ele interprete á como a, ou vice-versa, tipo como o Google faz, porque na hora de buscar, o script interpreta pagina (digamos que este seja o termo pesquisado) diferente de página (digamos que este seja o termo que ele deveria achar) e acaba não mostrando todos os resultados possíveis, eu preciso disso porque não é todo mundo que escreve com acento na internet.
Reumindo:
Se possível, eu quero que na hora de mostrar os resultados, eu quero que ele interprete
á, ã, â, ä como a e vice-versa;
é, è, ë como e e vice-versa;
ç como c e vice-versa e assim por diante.
Não querendo pedir muito, mas já pedindo, por favor me expliquem ao máximo porque eu sou novato em PHP.
Obrigado
-
era isso mesmo o que eu queria. eu procurei alguns scripts, mas nenhum era com data e hora estática. valeu.
-
nesse caso, você pode salvar a apresentação do PowerPoint no formato .pps (Apresentação de Slides do PowerPoint 97-2003) ou .ppsx (Apresentação de Slides do PowerPoint 2007).
isso não é javascript, nem html, nem desenvolvimento web. você salva o documento assim com o Salvar como e disponibiliza o arquivo EXEMPLO.pps (ou EXEMPLO.ppsx) para download, assim será possível visualizar a apresentação apenas e não será possível editá-la.
-
Preciso de um script que capture a data e hora atual (do computador do usuário) e imprima isso na página.
tem que ser data e hora estática, ou seja, que não se atualizem automaticamente.
Exemplo: eu quero que apareça:
"Você acessou o site em: Sexta-feira, 2 de outubro de 2009 às 20:53:00"
e se atualizar a página manualmente (atraves do botão atualizar, ou do F5) apareça:
"Você acessou o site em: Sexta-feira, 2 de outubro de 2009 às 20:53:10"
Alguém pode me ajudar?
Valeu
-
Mas o this refere-se ao elemento atual (no caso, o botão)
<select size="1" id="aaa"> <option selected value="#">Escolher um...</option> <option value="http://www.orkut.com.br/">Orkut</option> <option value="http://www.google.com">Google</option> <option value="http://br.MSN.com/">MSN</option> </select> <input type="button" value="Ir" onclick="location=document.getElementById('aaa').value">ah, entendi. agora deu certo. obrigado :)
-
Ao invés do evento onchange do select utilize o evento onclick do botão.
não deu muito certo. olha o codigo como ficou:
<select size="1"> <option selected value="#">Escolher um...</option> <option value="http://www.orkut.com.br/">Orkut</option> <option value="http://www.google.com">Google</option> <option value="http://br.MSN.com/">MSN</option> </select> <input type="button" value="Ir" onclick="location=this.value">
Não da certo. Acho que da pra fazer com o getElementById , mas eu não sei como fazer.
-
Então você já tem um código para isso certo ?
Poste aí como está e o ajudaremos a modificar.
Provavelmente foi feito em JS. Se for isso mesmo, moverei o tópico à área adequada.
sim, já tenho o código com os links. vou colar só o código do select.
<select size="1" onchange="location=this.value"> <option selected value="#">Escolher um...</option> <option value="http://www.orkut.com.br/">Orkut</option> <option value="http://www.google.com">Google</option> <option value="http://br.MSN.com/">MSN</option> </select>
Isso funciona, só que ao escolher (clicar) nome do site, o site abre automaticamente (por causa do "onchange"). eu quero que o nome do site no select fique selecionado e apenas se o botão "ir" (que não tem ainda) for clicado o site que está selecionado é aberto.
-
quase isso. vou ver se eu consigo me expressar melhor
eu quero um select que tenha vários nomes de sites, por exemplo:
Orkut
Google
MSN
...
Quando eu selecionar algum desses no select, o orkut, por exemplo, o site do orkut abre apenas se o botão "IR" (que fica ao lado do select) for clicado, e não se for clicado no proprio select.
-
Olá, eu estou com a seguinte dúvida:
como eu crio um campo <select> com botão tipo de enviar?
por exemplo:
eu quero listar alguns sites nas options do select que quando alguém selecionar um desses sites, tem que clicar no botão "Ir" para ir até aquele site, abrindo a página do site na mesma janela.
alguém pode me arrumar um código que faça isso?
Agradeço desde já.
Obs.: não sabia se postava aqui ou na área de javascript :S
-
Olá.
Eu quero saber se tem algum código que permita-me fazer isso:
Ao carregar a página, um LINK muda da sua cor normal (#4F81BD) para o vermelho (#FF0000) gradativamente, e depois volta a cor normal gradativamente, (como os botões do Wndows Vista, que ficam "acendendo" e "apagando"), para chamar a atenção do visitante da página por um instante.
por exemplo, o link começa assim:
Link
V
vai ficando vermelho até chegar nisso:
Link
V
e por último volta a cor inicial:
Link
è tipo um fade in/out no link, só que acontece apenas uma vez, ao carregar a página.
Agradeço desde já.
-
Consegui fazer o código...
Segue o código se alguém quiser
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//PT" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd"> <html xmls="http://ww.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"> <head> <title>Detectar o navegador do usuário e, dependendo de qual for, mostrar uma mensagem</title> <meta http-equiv="Content-Type" content="text/html; charset=isso-8859-1" /> <style> #sec1 { position:absolute; display:block; margin-top:0px; margin-left:0px; color:black; background-color:#FFFF99; border:1px solid #000000; font-family:Segoe UI; font-size:x-small; text-align:justify; padding-top:2px; padding-bottom:2px; padding-right:2px; padding-left:2px; visibility:hidden; } </style> <script language="JavaScript"> function addFavorite(){ var url = "http://minhapagina.com/"; var title = "Minha Página"; if (window.sidebar) window.sidebar.addPanel(title, url,""); else if(window.opera && window.print){ var mbm = document.createElement('a'); mbm.setAttribute('rel','sidebar'); mbm.setAttribute('href',url); mbm.setAttribute('title',title); mbm.click(); } else if(document.all){window.external.AddFavorite(url, title);} } </script> <script type="text/javascript"> //criando a variável resultado var resultado; //testando se encontrou Firefox/x.x ou Firefox x.x; if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ // capture a parcela de x.x e armazene-a como um número var ffversao=new Number(RegExp.$1) //atribua o resultado a variável resultado resultado=("Adicione aos seus Favoritos com o Mozilla Firefox."); } //testando se encontrou MSIE x.x else if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ // capture a parcela de x.x e armazene-a como um número var ieversao=new Number(RegExp.$1) //atribua o resultado a variável resultado resultado=("Adicione aos seus Favoritos com o Internet Explorer."); } //caso não seja nem destes então atribua o seguinte valor a variável resultado else{ resultado=("O comando Adicionar aos Favoritos funciona apenas com o Internet Explorer ou com o Mozilla Firefox.<br>Por favor, adicione aos Favoritos manualmente em outros navegadores."); } //Exibindo resultado function getInfo(){ //pegue no documento o id mensagem e atribua o valor da variável resultado ao mesmo document.getElementById("sec1").innerHTML+=resultado; } </script> <script> //the next 3 lines are browser detection for user-agent DOMS ns4 = (document.layers) ? true:false //required for Functions to work ie4 = (document.all) ? true:false //required for Functions to work ng5 = (document.getElementById) ? true:false //required for Functions to work function hideSec() { if (ng5) document.getElementById('sec1').style.visibility = "hidden" else if (ns4) document.sec1.visibility = "hide" else if (ie4) sec1.style.visibility ="hidden" } function showSec(n) { hideSec(); if (ng5) document.getElementById('sec' + n).style.visibility = "visible"; else if (ns4) document.layers["sec" + n].visibility = "show"; else if (ie4) document.all["sec" + n].style.visibility = "visible"; } </script> </head> <!--ao carregar a página html chame a função getInfo()--> <body onLoad="getInfo()"> <!--crie uma div de id=mensagem, para atribuir o valor da variável resultado--> <a href="java script:addFavorite()" onMouseOver="showSec(1)"> <img align="Absmiddle" src="http://img15.imageshack.us/img15/5098/addtofavorites16.png" alt="Adicione aos seus Favoritos" border="0"> Favoritos</a><br> <div id="sec1" onMouseOut="hideSec(1)"></div> </body> </html>Obrigado pela atenção, Jonathan
Podem maracar o tópico como resolvido
-
Bom, cheguei nisso com umas buscas aqui pelo forum. Mas eu fiz uma cagada na parte dos scripts (a de colocar a função de um script no código de outro script)... eu deixei desse jeito mesmo para facilitar o entendimento do que eu quero fazer...
<html> <head> <style> #sec1 { position: absolute; margin-top:0px; margin-left:0px; color:black; background-color:#FFFF99; border:1px solid #000000; font-family:Segoe UI; font-size:x-small; text-align:justify; Padding-top:2px; Padding-bottom:2px; Padding-right:2px; Padding-left:2px; visibility:hidden; } </style> <script language="JavaScript"> function addFavorite(){ var url = "http://minhapagina.com/"; var title = "Minha Página"; if (window.sidebar) window.sidebar.addPanel(title, url,""); else if(window.opera && window.print){ var mbm = document.createElement('a'); mbm.setAttribute('rel','sidebar'); mbm.setAttribute('href',url); mbm.setAttribute('title',title); mbm.click(); } else if(document.all){window.external.AddFavorite(url, title);} } </script> <script language="JavaScript"> <!-- function hideSec(n) { document.getElementById('sec' + n).style.visibility = "hidden" } function showSec(n) { document.getElementById('sec' + n).style.visibility = "visible"; } </script> <script language="JavaScript"> navegador = navigator.appName; if (navegador == "Microsoft Internet Explorer"){ showSec(1); } else if( navigator.userAgent.indexOf("Firefox") != -1){ hideSec(1); } else{ hideSec(1); } // --> </script> </head> <body> <a title="Adicionar aos Favoritos" href="java script:addFavorite()"> <img align="Absmiddle" src="http://img15.imageshack.us/img15/5098/addtofavorites16.png" alt="Adicione aos seus Favoritos" border="0"> Favoritos</a><br> <div id="sec1"> O comando 'Adicionar aos Favoritos' funciona somente com o <a href="http://www.microsoft.com/brasil/windows/internet-explorer/default.aspx" title="Faça o download do Internet Explorer mais recente (opcional)." target="_blank">Internet Explorer</a> e com o <a href="http://pt-br.www.mozilla.com/pt-BR/firefox/" title="Faça o download do Mozilla Firefox mais recente (opicional)." target="_blank">Mozilla Firefox</a>.<br> Adicione manualmente aos Favoritos em outros navegadores. </div> </body> </html> -
voce pode me dizer qual é o código que você usou para eu tentar adaptar a minha necessidade?
leia o meu tópico... http://scriptbrasil.com.br/forum/index.php?showtopic=140699
obrigado
-
Tente deixar o código dentro da função addFavorite
Tentei isso, mas não deu certo ou eu fiz errado. quando eu clico no link para adicionar aos favoritos a janela abre. se eu clico em cancelar abre a janela novamente, se eu clico em adicionar abre de novo... eu tive que finalizar o ie no gerenciador de tarefas.
-
Olá, Jonathan. Eu tentei usar o try...catch, mas parece que não deu certo. tentei usar no safari e não consegui. segue o código:Não recomendo que tente adcionar o site como favoritos via javascript. Isso não faz muito sentido e, por isso, não é suportado com todos os browsers.Afinal, se o usuário quiser adcionar o navegador como favorito, ele poderá fazê-lo manualmente.
De qualquer forma, tente um try..catch
try{ //adciona favoritos }catch(e){ //se não conseguir, erro ! }<script language="javascript"> <!-- try{ // se der erro nesta função... addFavorite(); } catch(e){ // ...esta mensagem de erro será aberta window.alert("O link 'Adicionar aos Favoritos' funciona apenas no\nInternet Explorer ou no Mozilla Firefox.\n\nPor favor, adicione aos Favoritos manualmente."); } //--> </script>O código parece não estar errado... eu testei ele antes com uma função inexistente e a janela de aviso foi aberta. segue o script de adicionar aos favoritos:<hmtl> <head> <script language="JavaScript"> function addFavorite(){ var url = "http://minhapagina.com/"; var title = "Minha página"; if (window.sidebar) window.sidebar.addPanel(title, url,""); else if(window.opera && window.print){ var mbm = document.createElement('a'); mbm.setAttribute('rel','sidebar'); mbm.setAttribute('href',url); mbm.setAttribute('title',title); mbm.click(); } else if(document.all){window.external.AddFavorite(url, title);} } </script> </head> <body> <script language="javascript"> <!-- try{ // se der erro nesta função... addFavorite(); } catch(e){ // ...esta mensagem de erro será aberta window.alert("O link 'Adicionar aos Favoritos' funciona apenas no\nInternet Explorer ou no Mozilla Firefox.\n\nPor favor, adicione aos Favoritos manualmente."); } //--> </script> <a title="Adicionar aos Favoritos" href="java script:addFavorite()"> <img align="Absmiddle" src="http://img15.imageshack.us/img15/5098/addtofavorites16.png" alt="Adicione a Minha Página aos seus Favoritos" border="0"> Favoritos</a> </body> </html>
Dúvida sobre o "for" do JS
em Ajax, JavaScript, XML, DOM
Postado · Editado por GuuH.zin
Ok, depois de algum tempo, percebi que dava pra fazer tudo com jQuery, com a função each().
Pois bem, atualizei o código e ele ficou assim:
$(document).ready(funciton(){ ... $("img").not("[rel='image_src']").each(function(n,element){ var elem_src = $(element).attr("src"); var elem_title; if($(element).attr("lightbox:title")==null || $(element).attr("lightbox:title")==""){elem_title="";}else{elem_title=$(element).attr("lightbox:title");} var original_elem = new Image(); original_elem.src = elem_src; if(original_elem.width > 580){ $(element).wrap('<div class="img-resized-warning-container"><a href="'+elem_src+'" rel="lightbox" target="_blank" title="'+elem_title+'"/></div>'); } else{ if($(element).attr("rel")=="lightbox"){ $(element).wrap('<a href="'+elem_src+'" rel="lightbox" target="_blank" title="'+elem_title+'"/>'); } } }); $("div.img-resized-warning-container").each(function(n,element){ $(element).append('<div class="alert-box">Essa imagem foi reduzida. Clique nela para visualizar o tamanho original.</div>'); }); ... });Tudo funciona, exceto essa parte do código... $("div.img-resized-warning-container").each(function(n,element){ $(element).append('<div class="alert-box">Essa imagem foi reduzida. Clique nela para visualizar o tamanho original.</div>'); }); ...O que acontece é que o script acima não adiciona o elemento informado todas as vezes que carrega a página.
Tem vezes que ele mostra em todas as imagens maiores que 580px de largura (que seria o correto), tem vezes que ele mostra apenas em algumas imagens mariores que 580px e tem vezes que ele não mostra. O que tem de errado? (O script não tem erros, pois o Internet Explorer mostra apenas "Concluído").
Agradeço pela ajuda