
KaKarotto
Vencedores de desafio-
Total de itens
1.243 -
Registro em
-
Última visita
Tudo que KaKarotto postou
-
Aline, bem vinda ao pesadelo rsrsrs. A dificuldade de desenvolver para Web é justamente essa, a diferença que um mesmo código faz para duas versões diferentes de navegadores. Vou complementar o comentário do kuroi. Além de alguns browsers não respeitarem os padrões, há também alguns bugs que você vai descobrir durante os seus desenvolvimentos. Existem algumas soluções, como hacks por exemplo. Eu não costumo usar hacks, então sugiro que procure sobre o assunto no google. você pode utilizar de certas coisas que funcionam em alguns navegadores e não tem em outros e vice-versa. Exemplo: body{ background:pink } html>body{ background:blue } O sinal ">" significa que o código funcionará para todo o <body> que é filho de um <html>. Esse tipo de seletor é válido, é permitido, mas o ie6 não enxerga. Dessa forma, o código acima vai ser exibido em rosa nos ie6 e azul no resto dos navegadores modernos. Eu uso muito esse artifício, é bem prático. você pode usar para qualquer tag, não apenas para o <body>. Existe também os comentários condicionais: http://www.maujor.com/tutorial/antigos-ie.php Um pouquinho mais complicado. De qualquer forma, o ie a partir da versão 7 tende a funcionar de forma bem parecida com o FF, já que ele foi feito para estar nos padrões ( ou tentaram). Então o seu problema mesmo vai ser fazer funcionar no ie6. Alguns outros browsers seguem também os padrões, e você vai ter que mudar muito pouco no seu código para fazer funcionar igualmente para todos, não precisando em alguns casos, fazer dois css. você pode fazer alguns arquivos externos e importar, enfim, pode fazer muitas coisas pra tentar solucionar o seu problema. Dá uma olhada no site: http://www.tableless.com.br Lá tem bastante coisa sobre o assunto. É um site bem interessante, eu acho que a leitura de muita coisa lá é obrigatória pra todo desenvolvedor Web. Akelabrasssssss
-
Oi bia. você tem certeza de que o problema é esse mesmo ? Eu posso estar falando uma grande bobagem, mas eu tenho a impressão de que os cookies são criados e apontados para o dominio (www.seusite.com.br). Então, o cookie deveria funcionar independente da janela que está abrindo ou do frame. Se fosse dois navegadores diferentes tudo bem, cada um grava o cookie em um diretório diferente, mas nesse caso, está usando o mesmo navegador.... Eu tenho a impressão de que o problema pode ser outro.
-
(Resolvido) Progresso de Carregamento (Loading)
pergunta respondeu ao diogoleter de KaKarotto em Ajax, JavaScript, XML, DOM
Mostra o código cara. Só o trecho da sua aplicação Ajax. -
(Resolvido) Atualizar iframe
pergunta respondeu ao Rafael Campagnoli Bueno de KaKarotto em Ajax, JavaScript, XML, DOM
Velho...pára. Que complicação.... É mais fácil usar Ajax então. O iframe jamais deveria ser usado para fazer isso. De qualquer forma, dê um nome ao iframe usando o atributo "id" e "name". Use o mesmo nome para os dois atributos. Depois então é só referenciar a janela do iframe que quer. Usando, ex: meuIframe1.location.reload(), para atualizar. Mas amigo....você ainda vai ter muitos problemas, principalmente com o javascript. -
Form gerado dinamicamente
pergunta respondeu ao Silvio Oliveira de KaKarotto em Ajax, JavaScript, XML, DOM
Ichi Silvião... atolado de dúvidas simples....eu te invejo rsrs. Queria eu ter só dúvidas simples. Da forma mais simples: var form="<form method='post' id='formCidadeUf' name='formCidadeUf'>" form+="<input name='nome' type='text' id='nome'" form+="size='50' maxlength='80'></form>" document.getElementById('divID').innerHTML=form Da forma mais complicada: var form=document.createElement("form") with(form){ setAttribute("method", "post") setAttribute("id", "formCidadeUf") setAttribute("name", "formCidadeUf") setAttribute("size", "50") setAttribute("maxlength", "80") appendChild(document.createElement("<input name=nome type='text' id='nome' size='50' maxlength='80' />")) } document.body.appendChild(form) Você deu um id para o seu form, use-o. document.getElementById('formCidadeUf') kelabrasssss -
[resolvido] Fazer com q uma variavel se torne uma propriedade de um ob
pergunta respondeu ao Silvio Oliveira de KaKarotto em Ajax, JavaScript, XML, DOM
Ahh entendi ... Bom, se não estiver interessado no nome da variável, você pode fazer: function addAtt(att, tipo){ return eval("this."+att+"='"+tipo+"'") } var Animal=new addAtt("tipo", "Carnívoro") Animal.tipo vai ser igual a Carnívoro Ou se estiver interessado em alterar o nome do objeto dinamicamente: function addAtt(obj, att, tipo){ eval(obj+"=new Object;"+obj+"."+att+"='"+tipo+"'") } addAtt("Animal", "tipo", "Carnívoro") document.write(Animal.tipo) Animal.tipo vai ser igual a Carnívoro Kelabrasssssssss -
[resolvido] Fazer com q uma variavel se torne uma propriedade de um ob
pergunta respondeu ao Silvio Oliveira de KaKarotto em Ajax, JavaScript, XML, DOM
Silvio, dessa forma que fez mesmo. Porém tem dois problemas no código. O primeiro é que a variável "valor" está com erro de sintaxe na string, faltando uma aspa final. O segundo é que você chama no alert a propriedade errada. Se você colocou em obj.prop o valor da variável valor, então você deve chamar no alert o obj.prop e não obj.nome. obj.nome no seu código não existe, está indefinido. -
XMLHttpRequest e document.write
pergunta respondeu ao johnwww de KaKarotto em Ajax, JavaScript, XML, DOM
Então cara, o que está tentando fazer não deve ser muito facil não rsrsrs. Achou que a rapadura era mole ?!!?! O algoritmo do meu código é esse: http://scriptbrasil.com.br/forum/index.php?showtopic=111765 É o mesmo algoritmo que usei para o php, com algumas pequenas mudanças. Se não conseguir entender me avise que te explico com detalhes. Quanto ao download, vai depender do que você quer. Talvez seja uma alternativa...ainda não pensei sobre isso cara sinceramente, você está interessado em fazer por downloads? Se estiver, eu tentarei pensar num jeito de fazer isso. A forma mais complicada mesmo é solução que eu já propus. Cara, está fazendo isso com microcontrolador? Tipo, você usa alguma linguagem pra funcionar essas leituras ? Tipo, assembler, vhdl??? Isso ae já é coisa pra maluco rsrsrs. Kelabrassss -
Galeria de Imagens (JsGallery)
uma questão postou KaKarotto Repositório de Scripts - Ajax, JS, XML, DOM
Vou postar aqui um código que tem sido muito útil para mim. O código foi 100% feito por mim, então usem a vontade. Embora a função seja para Imagens, ela pode ser usada para outros fins. O algoritmo tem como principal tarefa, fragmentar grandes conteúdos em pequenos trechos de páginas linkadas dinamicamente. /* Licença: Pública. Código: Galeria de Imagens - JsGallery. Arquivo: JsGallery.js Elaborado e Desenvolvido por: Eduardo Ottaviani. Email: edudu_tata@hotmail.com. */ function JsGallery(tamanho, pg, q, dir){ var paginas, ID, i, url url="" url+=url+dir ID=function(id){ return document.getElementById(id)} paginas=Math.floor(tamanho/q)+((tamanho%q)?1:0) if(!ID("pgLinks") && !ID("tabela")){ var divAUX=document.createElement("div") divAUX.setAttribute("id", "pgLinks") document.body.appendChild(divAUX) divAUX=document.createElement("div") divAUX.setAttribute("id", "tabela") document.body.appendChild(divAUX) } ID('pgLinks').innerHTML="" ID('tabela').innerHTML="" for(i=1; i<=paginas; i++) ID('pgLinks').innerHTML+="<a href='#' target='_self' onclick=\"JsGallery("+tamanho+","+i+","+q+",'"+dir+"'); return false\">"+i+"</a>" ID('pgLinks').innerHTML+="<span>("+pg+")</span>" for(i=((pg-1)*q); i<((pg-1)*q)+1+(q-1); i++){ if(i>tamanho-1) break //Espaço das iterações // Aqui haverá todas as iterações. } } O sistema criará dois divs de id´s: "divLinks" e "tabela". Dentro do "divLinks" irão os links para as próximas páginas, e no div "tabela" irá todas as imagens. A variável url, no inicío do código, carregará o lugar de onde o sistema fará o download das imagens. [Parâmetros] tamanho: Número de imagens existentes. tipo: número. q: quantidade de imagens mostradas por página. tipo: número. dir: Diretório das imagens. tipo:string. pg: A página das imagens. tipo:número. [Aplicação: Exemplo] O site animewallpapers usa um diretório onde eles usam o seguinte padrão: - As imagens são armazenadas em um diretório com o seu nome. - As imagens em miniatura são arquivos com o nome da imagem seguida de : "_numero da imagem_t.jpg". Exemplo: "inuyasha_1_t.jpg", "inuyasha_2_t.jpg"... - As imagens em tamanho normal tem seu nome seguido de : "_número da imagem_1024.jpg": Exemplo: "inuyasha_1_1024.jpg", "inuyasha_2_1024.jpg". Dessa forma, temos um algoritmo pronto para mostrar as imagens. Colocamos o valor da url no início do código: url="http://www.animewallpapers.com/wallpapers/" E no espaço das iterações (vide código acima) eu coloco as localizações das imagens grandes, dos thumbnails e insiro as imagens dentro do div "tabela". var thumbnail=url+"/"+dir+"_"+(i+1)+"_t.jpg" var imgGrande=url+"/"+dir+"_"+(i+1)+"_1024.jpg" ID('tabela').innerHTML+="<img src="+thumbnail+" /><a href="+imgGrande+">Tamanho Grande</a>" Agora chamo a função (fora da função JsGallery), com os parâmetros necessários. Ex: window.onload=function(){ JsGallery(30, 1, 5, "inuyasha") } Dá pra notar que o código é bastante extensível, vai depender da imaginação do usuário a sua implementação em diversos sistemas. Com python, php ou asp, você pode definir facilmente o argumento "tamanho" da função, verificando a quantidade de arquivos em um diretório do servidor. Obs: Eu só pediria para que os que forem usar, terem a gentileza de deixar os comentários intocáveis, caso queira alterar o código, acrescente o seu nome ao comentário e coloque um link para essa página que contém o conteúdo original. Abraço -
Transparência Em Css
pergunta respondeu ao KaKarotto de KaKarotto em Tutoriais & Dicas - HTML, XHTML, CSS
Valeu hipnos. Mas eu tinha colocado, depois dos 8 passos, uma observação, dizendo que não poderia ir nada dentro do div usado para o fundo. De qualquer maneira eu alterei lá. Kelabrasssssss -
Transparência Em Css
pergunta respondeu ao KaKarotto de KaKarotto em Tutoriais & Dicas - HTML, XHTML, CSS
Eu acho que entendi por que não entendeu. Porque eu esqueci de colocar no código pro div do fundo ficar pra trás usando z-index.... Finalmente alguém pra olhar e testar o código, se não fosse por você ficaria aqui errado e ninguém entenderia. A intenção do código é justamente essa, fazer o fundo transparente com objetos opacos. Opaco significa não transparente. A intenção do post é justamente o seu dilema, fazer apenas o fundo ficar transparente sem os objetos herdarem sua transparência. Código consertado. Kelabrassssssssss -
Transparência Em Css
pergunta respondeu ao KaKarotto de KaKarotto em Tutoriais & Dicas - HTML, XHTML, CSS
Grato, bem lembrado, adicionado moz-opacity. =] -
XMLHttpRequest e document.write
pergunta respondeu ao johnwww de KaKarotto em Ajax, JavaScript, XML, DOM
Acho que entendi john, mas eu não tenho uma boa notícia. Como não estou em contato com o código o tempo todo, nem com o cgi será muito difícil te ajudar.... Ainda não sei se entendi direito, mas pelo que você diz o arquivo a ser baixado precisa ser baixado todo, não apenas um fragmento. Eu tenho a impressão de que o problema não seja no javascript e sim no Cgi. Da forma que eu entendi, eu solucionaria seu problema do mesmo jeito que alguns sites que disponibilizam arquivos pra download fazem. Como? Exibindo um número X de entradas numa página, e criaria links para outras entradas. Do mesmo jeito que o fórum faz quando um post tem muitas respostas. Ele precisa ser baixado todo do servidor, porém, não pode ser exibido em uma página só, senão o navegador trava mesmo. Então, na programação em php, o cara faz mostrar, sei lá, 10 posts por página, e mostra em cima dos posts os links para baixar os demais. De forma análoga, você poderia exibir, por exemplo, 10 temperaturas numa página, e faria com que o cgi retornasse, além das temperaturas, os links para o restante. Olha só o que eu fiz para um projeto meu e de um amigo meu: http://archives-project-desk.110mb.com/dir/Wallpapers/Walls.php?q=5&pg=1&n=WinVista Eu fiz esse php para abrir x imagens por página. Por que meu amigo postou várias imagens e queriamos mostrar todas, porém, não todas ao mesmo tempo. Se você mudar o valor da variável q do link, vai perceber que o número de links mudará assim como a quantidade de imagens, "q" nesse script é o número de imagens que eu quero exibir por página. Vai testando alguns valores de "q" e você notará que o script é inteligente e criará tantos links quanto precisar. E eu requisito uma vez só a cada click através de Ajax, apenas uma vez. Eu estou viajando? Será que fez algum sentido o que eu disse para a solução do seu problema? Kelabrassssss -
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
Então Cassiano, o problema do script anterior era bem simples, eu estava fazendo o seu código no iE esqueci do FF, a função attachEvent não existe, é apenas do iE, por isso o console retornava o erro de função inexistente ou não é função. Acontece que pra resolver esse problema eu apenas inclui, no if que verifica o navegador usado, o código do FF. O estranho é, por que parou de funcionar no iE se eu não alterei nada do iE.... Eu não uso iE7 nem FF, estou usando uma versão anterior dos dois navegadores, iE6 e K-meleon. O iE7 eu ainda sei como o código fica, não preciso instalar, mas estou sem poder instalar o FF e o k-Meleon na maioria das vezes funciona muito parecido com o FF. Eu não sei, talvez tenha dado o azar do script não funcionar nas versões mais novas, mas, será que está usando o html correto ? Está usando o iframe com id chamado "iframe"? Note que o código só funcionará se definir o iframe com id "iframe" em letras minúsculas..... Vou postar o código todo que utilizei agora pra testar, html, javascript, tudo. <html> <head> <script> function iframeAutoHeight(){ quem=document.getElementById('iframe') if(navigator.appName.indexOf("Internet Explorer")>-1){ //ie sucks var func_temp = function(){ var val_temp = quem.contentWindow.document.body.scrollHeight + 5 quem.style.height = val_temp + "px"; quem.attachEvent("onload", iframeAutoHeight) } setTimeout(function() { func_temp() },100) //ie sucks }else{ var val = quem.contentWindow.document.body.parentNode.offsetHeight + 5 quem.style.height= val + "px"; quem.onload=iframeAutoHeight } } window.onload=function(){ iframeAutoHeight() } </script> </head> <body> <ul id="menu"> <a href="pagina1.htm" target="iframe">Downloads</a> <a href="pagina2.htm" target="iframe">Intro</a> </ul> <iframe src="intro.html" name="iframe" id="iframe"></iframe> </body> </html> Talvez esteja gastando muito tempo pra solucionar problemas com esse iframe que são muito antigos. Se usasse ajax talvez não seria melhor ? De qualquer maneira, estou desenvolvendo uma outra solução pra quem não quer utilizar Ajax, se estiver interessado fica ligado ae que quando eu terminar eu postarei. Akelabrasssssss -
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
Inhaca!!! Tenta usar o seguinte: <script type="text/javascript"> function iframeAutoHeight(){ quem=document.getElementById('iframe') if(navigator.appName.indexOf("Internet Explorer")>-1){ //ie sucks var func_temp = function(){ var val_temp = quem.contentWindow.document.body.scrollHeight + 5 quem.style.height = val_temp + "px"; quem.attachEvent("onload", iframeAutoHeight) } setTimeout(function() { func_temp() },100) //ie sucks }else{ var val = quem.contentWindow.document.body.parentNode.offsetHeight + 5 quem.style.height= val + "px"; quem.onload=iframeAutoHeight } } window.onload=function(){ iframeAutoHeight() } </script> Acho que agora vai . -
[resolvido] Verificar o último caracter de um campo
pergunta respondeu ao BettMann de KaKarotto em Ajax, JavaScript, XML, DOM
Boa.... Uma senhora dica.... -
ajuda com window.open [barra d rolagem]
pergunta respondeu ao m_axx de KaKarotto em Ajax, JavaScript, XML, DOM
Adiciona scrollbars na lista de argumento da função do window.open() Vai ficar assim: <a href="#" onclick="java script:window.open('foto_zoom.php?foto=certificados/autorizacao_de_funcionamento_anvisa.jpg', '', 'width=640, height=480, toolbar=no, scrollbars=yes, status=yes');">Autorização de Funcionamento (ANVISA)</a> Kelabrasssss -
Nossa cara que legal !!! você fez isso sozinho ?? Posso dar uma sugestão ? Tente implementar esse seu código de forma que tenha parâmetros, onde a pessoa escolhe a cor que vai começar e a cor que vai terminar, sem precisar mexer no código, apenas colocando parâmetros. Se puder também implementar de forma que a pessoa não precise colocar no código html seria legal também, você treinaria usar javascript não-obstrutivo e poderia pensar em criar sua mini-biblioteca com outros efeitos que venha a desenvolver. Fazendo dessa forma, seu código ficaria bem genérico e bastaria apenas incluir em outro código que execute outras funções agregando essas novas. AHhh...coloque seus dados, nome, email etc no início do código, ainda que deixe disponível para qualquer um usar, é interessante todos saberem quem o fez. Muito Legal!
-
XMLHttpRequest e document.write
pergunta respondeu ao johnwww de KaKarotto em Ajax, JavaScript, XML, DOM
John eu jamais iria pensar no modo assíncrono, ainda bem que conseguiu solucionar rsrsrs. Me tira uma dúvida cara, eu não vou conseguir te ajudar enquanto eu não conseguir esclarecer ela. Para que tantas iterações ? Por que 10.000, 30.000, 40.000 ? Isso ainda não está claro pra mim. O que é o retorno do seu Ajax? Não se faz tanta requisição assim em Ajax. Pelo menos eu nunca vi... O Ajax é usado em um evento ou num load de algum arquivo de informação, mas isso o que está fazendo está me fugindo da compreensão. Pode esquecer essas iterações tão altas...eu estou com a impressão de que está tentando solucionar um problema simples da maneira mais complicada. Me esclarece por favor. Akelabrasssssss. -
Nossa cara...eu não sei se é fim de ano e estou mais estressado....mas pelo amor de Santo Antônio... Eu realmente desisti de querer que todos escrevam direito, desisti mesmo, mas o camarada que além de não escrever direito ainda não consegue transmitir nada do que quer....tem que ter muita paciência, esse fórum tem me feito exercitar mais a paciência e a decodificação de posts do que as linguagens de programação. Vou admitir que quer usar um atalho para pegar os elementos pelo id, como algumas bibliotecas usam, como o jquery por exemplo. <script type="text/javascript"> function $id(id){ return document.getElementById(id) } </script> Dessa forma não é necessário usar todo o caminho para pegar qualquer elemento pelo id, basta apenas chamar a função usando como parâmetro a string do id. ex: $id('div1').innerHTML="Texto dentro do div1" $id('div1').style.background="black" // Cor de fundo do div1 alterada para preto. roxzin, se não estiver muito interessado em escrever direito, ao menos se preocupe em passar a informação, visitei os dois sites que colocou e não vi nenhuma relação entre os dois, você nos arruma um trabalho a mais além do que temos ao tentar te ajudar, que é o de decifrar o que deseja. Caso não seja essa sua dúvida, POR FAVOR, seja claro.
-
[resolvido] Modificando a tag td com javascript
pergunta respondeu ao Fabricio P Souza de KaKarotto em Ajax, JavaScript, XML, DOM
Fabricio, não se estiliza mais as tags dessa maneira. Estiliza-se usando style. Existe dois erros ae no seu código. O primeiro é , para pegar o seu td, use: document.getElementById('td1') Outra coisa, no seu código, está passando uma string para a função, e no teste condicional da função você está usando número, lembre-se que 1 é diferente de "1". 1+1=2 "1"+"1"="11" Portanto, seu if verifica se o argumento passado é igual a 1, mas no seu código nunca será, sempre será igual a "1", forçando a executar o bloco do else. O que você quer é isso : <script> <!-- function Muda(tipo){ if (tipo == "1") document.getElementById('td1').style.backgroundColor="white" else document.getElementById('td1').style.backgroundColor="blue" } //--> </script> Uma dica, se tiver apenas um comando no if e else, não precisa usar chaves. No javascript também não é necessária a utilização de ponto e vírgulas no final do código. Dessa forma seu código fica mais limpo. -
(Resolvido) width em div não funciona
pergunta respondeu ao RodrigoGomes de KaKarotto em HTML, XHTML, CSS
rsrsrs perdão a falta de educação Moderador.... Eu me matei de rir quando eu vi que o post foi editado, mas não por isso, ri pelo substantivo usado na troca kkkkkk. Pra mim teve graça porque eu sei o que eu tinha digitado antes rsrsrsrsrs. Vou tentar ser mais educado. Malz ae. -
XMLHttpRequest e document.write
pergunta respondeu ao johnwww de KaKarotto em Ajax, JavaScript, XML, DOM
Bom, já que está certo de que o problema está na implementação do document.write, então nem vou dar uma olhada no código, admito que to com uma pequena preguiça rsrsrs. Não use o document.write, senão ele vai apagar o documento todo, e ae perde o sentido do ajax. Coloque tudo numa div: function show_in_browser(temp) { document.getElementById('div1').innerHTML+=temp } Coloca uma div no seu documento com qualquer id, pode colocar igual ao do código que passei (div1) pra te ajudar em primeiro instante. Kelabrassssssss -
javascript -> Retornar um valor de uma página
uma questão respondeu KaKarotto em Ajax, JavaScript, XML, DOM
Depende....nossa eu to começando a ficar cansado de mim mesmo escrevendo a mesma coisa rsrsrs, depende, depende, depende, depende.... Mas nesse caso não é diferente, e depende, você quer pegar o valor que está na barra de endereço ? Quer um script que pegue o valor da variavel id digitado na url? Se for isso você pode fazer o seguinte: function queryString(item) { var qs = window.location.search.substring(1); var keys = qs.split("&"); for (var i=0;i<keys.length;i++) { var val = keys[i].split("="); if (val[0] == item) { return val[1]; } } } A função acima vai pegar o valor das variáveis mandadas por QueryString. E digitando: var ID=queryString("id") você estaria pegando o valor da variável id da barra de endereços. Akelabrasssssssssss -
Passagem de paramentro de Iframe para pagina Principal
pergunta respondeu ao Raphael Boschiero de KaKarotto em Ajax, JavaScript, XML, DOM
Depende do que quer fazer cara. Como quer passar o parâmetro? Através de URL? Através de um link? Através de um evento???? Existem muitas formas de fazer, eu vou dar um exemplo de uma: Arquivo: x.htm <html> <head> <script> function passa(d){ parent.window.document.body.innerHTML+=d return false } </script> </head> <body> <iframe src="x.htm"></iframe> <a href="#" target="conteudo" onclick="passa(this.innerHTML)">Meu Nome</a> </body> </html> O que eu fiz foi usar um html onde contem uma chamada para o próprio html através de um iframe. A função passa() pega o conteúdo do link ao clicar e passa para a janela "mãe" (parent) colocando no corpo (body) da janela mãe o conteúdo do link. Tem outras formas de passar argumentos, além dessa, outra forma é passar por QueryString, ou seja, por parâmetros definidos na barra de url. Kelabrasssssss