
KaKarotto
Vencedores de desafio-
Total de itens
1.243 -
Registro em
-
Última visita
Tudo que KaKarotto postou
-
Efeito marquee com imagem de fundo
pergunta respondeu ao cesconetto de KaKarotto em Ajax, JavaScript, XML, DOM
Perfeito. Mudado o título do tópico. O Allan já deu um link muito interessante, sobre um ótimo trabalho que o Guilherme (hipnos na area) está fazendo. Mas eu vou postar aqui o código do efeito, porque nesse caso é extremamente simples e muito inteligente. Eu nunca pensei nessa forma de scrolling: objTop = document.getElementById("logostrip"); function animateTop() { objTop.style.backgroundPosition = parseInt(objTop.style.backgroundPosition.substring(0,objTop.style.backgroundPosition.indexOf("px")))+1 + "px"; } document.getElementById("logostrip").style.backgroundPosition = "0px"; var at = setInterval("animateTop()",100); O que acontece nesse código é que ele faz o fundo do div chamado "logostrip" ir para a direita. Como o Css permite a repetição de imagens, basta você a cada x segundos, movimentar o fundo do div para uma direção. O div nunca irá ficar com um fundo branco pelo fato da imagem ter acabado, justamente por causa do comportamento repeat do Css. Muito inteligente. Aquele abraço. -
Faz a chamada usando 3 érres, RRR, rrr arrranjo, ARRRANJO. O nome "arrranjo" não foi definido na sua função. Só existe "arranjo". arrranjo != arranjo Sacou? E outra, está chamando a função arranjo passando apenas um argumento. Você definiu a função recebendo 2 argumentos. Não vai funcionar a recursão. Aquele abraço.
-
Na recursão você faz uma chamada de arrranjo que não existe com 3 r´s. Na mesma função você chama a função arranjo com apenas um parâmetro. Só existe a função arranjo com dois parâmetros. No C++ você teria que sobrecarregar o arranjo para receber apenas um parametro. Necessariamente o parametro deve ser int nessa função que criou.... Aquele abraço
-
Não entendi.... Posta o código que faz com que o iframe fique impossibilitado de abrir pra eu ter uma idéia. Aquele abraço.
-
Como utilizar o elemento Marquee dentro do CSS?
pergunta respondeu ao Martinsrj de KaKarotto em HTML, XHTML, CSS
O Css pega as tags. Então você pega a tag marquee, ou então você cria uma classe pro marquee ou um id. Pegando pela tag: marquee{ background:#9AFF9A; height:150px; width:150px; font:bold 8pt tahoma; color:navy; text-align:justify; } <marquee direction="up" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="1"> Escreva sua mensagem aqui! </marquee> Html bem mais limpo, fazendo apenas o que foi destinado a fazer. Aquele abraço. -
waag, no caso de imagens o javascript consegue pegar os atributos do arquivo. Mas outro tipo de arquivo não é possível. O js tem algumas limitações por motivos de segurança. Essa é uma delas. Olha só: http://scriptbrasil.com.br/forum/index.php?showtopic=118420 Aquele abraço
-
Css box muito fácil
pergunta respondeu ao neo_soro de KaKarotto em Tutoriais & Dicas - HTML, XHTML, CSS
Rodrigão, parabéns ficou muito bem feito. Testei no Firefox, Opera, iE, no wWindows e no Linux. Vou mover o seu tópico para a sessão de dicas em Css ok!?! Aquele abraço. -
Eu imagino que esteja fazendo isso para fim pessoal né ? Com Javascript é inviável fazer isso para qualquer usuário. O Js roda enquanto o navegador estiver aberto, então a sua aplicação só iria funcionar se alguém deixasse 24 horas o navegador aberto. No caso de deixar, é só fazer um setInterval("location.href=", 3600 * 24 * 1000) Detalhes: http://w3schools.com/htmldom/met_win_setinterval.asp O Js já tem um cronômetro embutido, não precisa de funções mais complexas... Aquele abraço
-
(Resolvido) Atualizar arquivo
pergunta respondeu ao Houston de KaKarotto em Ajax, JavaScript, XML, DOM
Opa, tem sim. Olha só : Uma vez feita a chamada do coordenada.js, existem duas outras formas de fazê-la de novo. Uma delas é atualizar a página. A outra seria criar dinamicamente uma nova chamada: <script src="coordenada.js"></script> Para isso você criaria uma nova tag script. Usando o código que eu te passei: function atualiza(js){ var script=document.createElement("script") script.src=js var head=document.getElementsByTagName("head")[0] head.appendChild(script) } Na primeira linha eu crio uma tag script. Na segunda linha eu aponto para o endereço passado como argumento da função atualiza. Na terceira linha eu pego o elemento "head" da sua página html, uso o [0] pois o retorno do getElements é um vetor de elementos, e uma página html só deve ter 1 head. Na quarta linha eu incluo a tag script com o o url no src e incluo dentro da tag head. Ao incluir a tag script dentro da tag head, o js faz a nova chamada ao arquivo Js externo. Portanto, para usar é só fazer a chamada: atualiza("coordenada.js") -
Transparência Em Css
pergunta respondeu ao KaKarotto de KaKarotto em Tutoriais & Dicas - HTML, XHTML, CSS
Fala Allan, vamo lá: Foi o que eu pensei a princípio, mas na prática se você botar um div ali não funciona...mas se usar um span ele funciona normalmente...Não sei o que o Jquery faz, mas dá uma zica legal usar um div ali dentro do p. Agora, pensando bem...semanticamente não sei se é válido botar um div dentro de uma tag p...me surgiu essa dúvida. Tenho a leve impressão de que a tag p é "menor" que a div, é como se fizessemos: <i><a href=""></a></i> é errado. De qualquer forma consegui o efeito de transparencia colocando uma span ali dentro: <HTML> <HEAD> <TITLE>Novo Documento</TITLE> <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.js"></script> <style> p.descri{ position:absolute; width:145px; height:auto; background:#FFFFFF; text-align:left; padding:0px; color:#FF6600; border:2px solid #009DE0; margin-left:176px; margin-top:-15px; overflow:hidden; /*O overflow é usado para inibir o aumento não desejado do div.*/ z-index:0; } p.descri IMG{ width:140px; height:100px; margin-top:3px; margin-bottom:5px; margin-left:2px; border:#000000 1px solid; } .f-transp{ position:absolute; top:0; left:0; width:100%; height:300px; width:inherit; background:red; filter:alpha(opacity=30, finishopacity=30, style=1); opacity:.3; -moz-opacity:.3; -khtml-opacity:.3; border:none; z-index:-1 } </style> </HEAD> <BODY> <div id="menu"> <div> <ul> <li> <a href="#">menu1</a> <p> <span class="f-transp"></span> <img src="imagem.jpg" alt="imagem" title="imagem" /> <a href="link1.php" title="link1">Link1</a> <a href="link2.php" title="link2">Link2</a> <span title="Mais info"><a href="maisinfo.php" title="Mais info">Veja mais</a></span> </p> </li> </ul> </div> </div> <script> var ul_s = $('div#menu DIV > UL').children(); divs_li = ul_s.children('p'); divs_li.addClass('descri'); divs_li.hide(); ul_s.hover(function(){ $(this).children('p').show(); },function(){ $(this).children('p').hide(); }); </script> </BODY> </HTML> [/codebox] Uma coisa que esqueci de comentar no meu post inicial, o height 100% funciona sem o doctype, com doctype é desaconselhavel usar porcentagem. Também é desaconselhavel usar quando existe um elemento inicialmente vazio, o div usado para o fundo vai ficar do tamanho do elemento vazio, ao colocar um conteúdo tardiamente, o div usado para transparencia não se redimensionará. Uma solução, que usei no exemplo acima, é botar o height com altura maior que a do elemento pai. Não aparecerá, pois o pai tem atributo overflow:hidden. Você não me entendeu, eu disse que ele era uma ótima ferramenta para quem conhece MUITO javascript. O fato dela só ter te facilitado até agora significa que você conhece muito javascript, diferentemente de mim, que entendo pouco, só me complica. Aquele abraço o/ -
Transparência Em Css
pergunta respondeu ao KaKarotto de KaKarotto em Tutoriais & Dicas - HTML, XHTML, CSS
É Allan....eu acho essa história de Frameworks muito complicada. Pelo simples fato de que a maioria acha que ele é um Js para os que manjam pouco e facilita muito o trabalho. Facilita mesmo, mas a ironia é que precisa entender MUITO de Js para o Jquery se tornar uma boa ferramenta. Bom, eu não manjo muito de Js, então nem me atrevo a usar o Jquery. O que acontece no seu caso é que ele usa as funções de filhos com determinadas tags, ele altera algumas características delas também. Se você colocar uma tag div e usar os comandos que usou vai acontecer algo de estranho mesmo. Uma solução rápida é usar outra tag para o efeito de fundo transparente, como a span, por exemplo. Outra coisa, notei no seu código que você bota um padding na tag que funcionará como a #box. Se usar padding, o elemento que servirá de fundo transparente vai ficar "x" espaçado das laterais do elemento pai, fazendo com que a transparencia funcione inadequadamente, deixando algum ou alguns espaços sem transparencia. Boa sorte aí cara o/ -
Script que faz rolar o scroll do Iframe na horizontal usando botão
pergunta respondeu ao EduardoSys de KaKarotto em Ajax, JavaScript, XML, DOM
Olha xará, eu tentei executar esse script aqui e não fazia nada, embora não tivesse nehum erro. Se puder postar ele funcionando em algum contexto seria bom. A priore, eu poderia te dizer que por sorte se mudados 3 parametros no código poderia funcionar. Mude a linha: temp=(document.all)? document.body.scrollTop : window.pageYOffset Para: temp=(document.all)? document.body.scrollLeft : window.pageXOffset Mude também essa linha: window.scrollBy(0,speed) Para: window.scrollBy(speed, 0) Viu, eu só modifiquei o eixo. O programa foi escrito para funcionar em torno do eixo y, só troquei o eixo y pelo eixo x. Talvez funcione, estou considerando que esse seu código está funcionando perfeitamente para o que foi designado. Aquele abraço -
(Resolvido) Ajudinha para modificar sistema de Visita.
pergunta respondeu ao leleosk8zo de KaKarotto em Ajax, JavaScript, XML, DOM
Vich leleo..seu post já tava indo lá pra baixo....quase foi pro limbo. Dá pra fazer isso sim, para você manipular o texto basta ir na função lastVisit e mudar aquele texto em inglês para o texto que você quiser, respeitando as aspas. Ficaria assim: lastvisit.subsequentvisitmsg="Sua última visita foi: <b>[displaydate]</b>" Já na função showmessage você pode apagar o que está logo abaixo do else e mudar aquele document.write para: document.write( lastvisit.subsequentvisitmsg.replace( "\[displaydate\]", ( new Date().getDay() + "/" + new Date().getMonth() + "/" + new Date().getYear() + " às " + new Date().getHours() + ":" + new Date().getMinutes() ) ) ) Em javascript, como algumas outras linguagens, você pode usar o "\n" no seu texto, isso faz com que ele pule uma linha. Não funcionando, pode usar também o "<br />" que é um comando em html para pular linhas. Só achei estranho esse código porque ele sempre dá a última data...siginifica então que só deseja saber se o visitante já visitou ou não o site né? Beleza, aquele abraço -
Link se move de acordo com a barra vertical
uma questão respondeu KaKarotto em Ajax, JavaScript, XML, DOM
E eu preciso de uma BMW Z3. Amigo, aqui não é o programa da porta das esperanças, se tiver começado algum código te ajudaremos a solucionar o problema, se soubermos. Ninguém vai fazer o código pronto e te entregar na maozinha. Temos a área de códigos prontos e não tendo o script que deseja, ainda há o Google. W3schools.com é um ótimo lugar pra aprender Javascript. Eu de você dava uma olhada no objeto window e no evento onscroll Aquele abraço -
viih_martins O arquivo .exe é um arquivo binário, cheio de 01010101 que só a máquina entende. Quando você pega um texto e salva como .exe você está querendo que o sistema operacional execute um código binário que não está em binário, está em outro formato. Linguagens como C, C++, Java etc, precisam ser compiladas, ou seja, precisam de um programa que leia aquele bando de códigos digitados e os transforme em linguagem de máquina (.exe) . Não confunda com as linguagens interpretadas como o Php, Python, Asp, Javascript, Html, Css e tantas outras... essas não precisam gerar executável porque existe um programa (interpretador) que fará a leitura do código e executará simultaneamente. No caso de Javascript, por exemplo, esse interpretador vem instalado no Browser. Aquele abraço
-
NOssa que dificuldade... :huh: Converte um desconverte outro...credo pessoal... ::::Programa Binario:::: Início Um número binario: 1010 numero <- 1010 x <-0 Enquanto o numero for maior ou igual a 10 resto <- numero mod 10 resultado <- resultado + 2^x * resto x<- x+1 numero <- numero/10 fim Enquanto resultado <- resultado+2^x * numero Fim Programa O número binario é um inteiro grande....divida por 10 para pegar o resto, ou seja, o primeiro dígito: 1010 % 10 = 0 101 % 10 = 1 10 % 10 = 0 No final é só pegar o número final: 10/10 = 1 Oras boletas...
-
Cara, hj eu to meio preguiçoso e não quero ficar abstraindo esse código php. Olha, fazer um checkbox preencher os demais é facil, veja esse código que fiz: function selecionaTodos(form, bool){ var checkboxes=form.getElementsByTagName("input") for(var x in checkboxes) if( checkboxes[x].type && checkboxes[x].type.toLowerCase()=="checkbox" ){ checkboxes[x].checked=bool if(checkboxes[x].className=="Todos") if(bool) checkboxes[x].onclick=function(){selecionaTodos(form, false)} else checkboxes[x].onclick=function(){selecionaTodos(form, true)} } } Considerando esse tipo de html: <form name="form1"> Todos:<input type="checkbox" class="Todos" onclick="selecionaTodos(this.form, true)" /><br /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> </form> Ou seja, o código em javascript vai funcionar pra qualquer estrutura bem feita em html, quando digo bem feita é, quando todos os checkboxes estão dentro de um formulário como deve ser. A diferença do checkbox que seleciona todos para os demais é que ele vai carregar a classe "Todos" e vai ser quem iniciará a função. É só botar aí no seu código. Aquele abraço
-
(Resolvido) Atualizar arquivo
pergunta respondeu ao Houston de KaKarotto em Ajax, JavaScript, XML, DOM
Tem por script tag. É mais ou menos assim: function atualiza(js){ var script=document.createElement("script") script.src=js var head=document.getElementsByTagName("head")[0] head.appendChild(script) } Assim você incluiria outra tag script, chamando de novo o arquivo.js. Bem vindo ao fórum Houston o/ Aquele abraço -
Pelo atributo parent você pega a janela pai. parent.window.location.reload()
-
(Resolvido) Retorno de função "Ajax"
pergunta respondeu ao diogoleter de KaKarotto em Ajax, JavaScript, XML, DOM
Nooope... Não tem nada a haver com o sincronismo das funções. O negócio é que você está retornando um valor para a função onreadystatechange, não está retornando um valor para a função add_novoidioma. Perceba, você está usando uma função dentro da outra, quando a função mais interior retorna algo, ela vai retornar para a variável que a chamou e não para a váriavel que chamou a função mais externa. Cuidado com isso. -
Gerador de GIFs de carregamento
pergunta respondeu ao Beraldo de KaKarotto em Repositório de Scripts - Ajax, JS, XML, DOM
Legaaaaaaaaalll Addido =P -
Falta um & no primeiro scanf na função adicionaAlimento.
-
definir tamanho máximo
pergunta respondeu ao Diogo Freitas de KaKarotto em Ajax, JavaScript, XML, DOM
Então Diogo, como eu disse, vai necessitar fazer a verificação com PHP, logo não faz sentido você fazer parte em javascript para verificar a imagem e outra parte em php para verificar o vídeo. Faça em Php a verificação dos dois. Pra saber como fazer isso vai precisar ir para a área de PHP. De qualquer forma, a validação em javascript poderia ser feita da seguinte forma: <HTML> <HEAD> <TITLE>Novo Documento</TITLE> <script> function $(id){return document.getElementById(id)} window.onload=function(){ $("imagem").onchange=function(){ var img=document.createElement("img") img.src=this.value if( img.height > 200 || img.width > 200 ){ alert("Imagem muito grande!!!") $("formulario").onsubmit=function(){ alert("Imagem muito grande, imagem deve ser etc....") return false } } else $("formulario").onsubmit=function(){return true} } } </script> </HEAD> <BODY> <form id="formulario" name="formulario" action="http://minhapagina.com.br"> <input type="file" id="imagem" name="imagem"> <input type="submit" /> </form> </BODY> </HTML> Bem simples...eu coloquei como tamanho máximo 200x200, você poderia alterar assim como o texto do alert. Beleza ? Aquele abraço -
(Resolvido) Passando valor de variavel via Hidden
uma questão respondeu KaKarotto em Ajax, JavaScript, XML, DOM
Provavelmente pode estar acontecendo o seguinte: lat1 = document.form1.coord1.value;//passando o valor do hidden coord1 para o lat1 long1 = document.form1.coord2.value;//passando o valor do hidden coord2 para o long1 lat1 e long1 são strings. Ao passar string para uma função que recebe números e faça cálculos pode dar problema. Tente transformar esses valores em números inteiros, ou números de ponto flutuante que é o mais recomendado: lat1 = parseFloat(document.form1.coord1.value) long1 = parseFloat(document.form1.coord2.value) Pelo trecho de código que passou, imagino que seja isso. Dessa forma, o erro acontece lá na linha 688 do js que faz o cálculo dos valores numéricos. Aquele abraço -
Olha, pra não dizer que eu filosofo muito e pouco ajudo, aproveitei minha vadiagem malemolente para refazer o seu site como um exemplo: Css (Tags <style></style> dentro das <head></head> de preferência): <style> *{ margin:0; padding:0; } p{ margin:2.0em; line-height:1.5em; font-family:tahoma; font-size:9pt; } #site{ display:inline; float:left; width:80%; height:auto; border:1px solid blue; margin-left:10%; } #atualizacoes{ width:18%; height:600px; border:1px solid blue; float:left; display:inline; } marquee{ text-align:center; } #conteudo{ display:inline; float:left; width:58%; margin-left:1.5% } #informacoes{ width:18%; height:600px; border:1px solid blue; float:right; } </style> Html: <div id="site"> <div id="atualizacoes"> <marquee id="scroller" scrollamount="2" direction="up" onMouseOver="scroller.scrollAmount='1';scroller.style.cursor='default'" onMouseOut="scroller.scrollAmount='3'"> <p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p> <p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p> <p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p> </marquee> </div> <div id="conteudo"> <h1>Bem-vindo ao web site do cantor e compositor Claudio Teixeira</h1> <p> Há uma expectativa no coração de Deus para as gerações de Adoradores que estão aparecendo. A palavra em João 4 nos lembra que Jesus Cristo enquanto esteve conosco, ensinou através de uma mulher Samaritana, o verdadeiro sentido e forma de adoração. Ele demonstrou o prazer que senti quando, mesmo ela sendo uma mulher samaritana e ainda que vivesse desprezada por muitos, passa a viver uma vida de adoração verdadeira. O desejo incessante da presença de Deus e menos das nossas formas de pensar e agir, colocando o estilo de vida que Ele deseja em nós, produz uma mudança total, e é isso que Ele deseja. Esta geração já chegou e está aí. Tudo que Deus tem falado em nosso coração é que é possível trazer a sua essência para o nosso meio. Basta mudarmos nossas atitudes e também o sistema que hoje predomina e nos apresentemos para Ele como “Os Adoradores que Ele espera que sejamos”. Todas as canções e palavras serão voltadas para a glória de Deus. Então faça como Davi, ame a presença do seu Rei, deseje-a e ela será real e grandiosa. Tanto pastoreando, servindo, guerreando, talvez na caverna, mas também ame essa presença como Davi no “palácio”. O lugar da promessa que Deus separa para cada um dos seus filhinhos. Deixe o teu coração clamar e desejar isto. Deus te abençoe. <p>Cláudio Guimarães Teixeira</p> </p> </div> <div id="informacoes"> <marquee id="scroller" scrollamount="2" direction="up" onMouseOver="scroller.scrollAmount='1';scroller.style.cursor='default'" onMouseOut="scroller.scrollAmount='3'"> <p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p> <p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p> <p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p><p>Texto</p> </marquee> </div> </div> Sem dúvida mais bonito e mais fácil de arrumar.... Aquele abraço