
KaKarotto
Vencedores de desafio-
Total de itens
1.243 -
Registro em
-
Última visita
Tudo que KaKarotto postou
-
Cara, não entendi....Como quer acessar os valores ? Value é uma propriedade do objeto, é da linguagem, não somos nós quem decidimos, "Ah, hj eu cansei do value, quero pegar o valor digitando val, obj.nome.val", não tem essa rsrsrs. Talvez eu não tenha entendido direito o que você quer, tente ser mais claro. POste um exemplo do que quer fazer, mesmo que o código não exista linguagem (em pseudo-código). Kelabrassssssss
-
(Resolvido) width em div não funciona
pergunta respondeu ao RodrigoGomes de KaKarotto em HTML, XHTML, CSS
É engraçado que a gente posta ajudando e os [caras] não retornam pra gente saber se a dica funcionou ou não né....Não me refiro a esse, talvez o cara ainda não tenha tido tempo pra postar, mas é triste...to vendo varios outros posts meu indo pro espaço...to curioso pra saber se funcionou e tal e os [caras] somem. Então, pra acabar com a briga. Cassiano, eu já te elogiei e sabe que eu respeito você muito em matéria de design, mas em Css você peca, falta chão ainda, falo isso com todo o respeito, Css é fácil realmente, mas dependendo do contexto. min-height e min-width, não funcionam no ie6, e fim de papo. Outra coisa, hipnos: Isso não existe né... A validação não inclui NENHUM navegador, são os navegadores que devem seguir os padrões. A validação só serve para você saber que aqueles códigos estão corretos segundo as normas da W3C, isso não tem nada a ver com semântica. O que disse não faz sentido, você pode construir um site validado e que não tenha nenhuma semantica ou pode construir um site validado que não funciona em todos os browsers. A validação é uma coisa, a semântica é outra e ACESSIBILIDADE é outro assunto. você pode usar o min-height e min-width em toda a sua página, isso fará com que seu site siga os padrões, porém não vai ser exibido corretamente no ie6, aí não é questão de semantica ou validação e sim de acessibilidade. -
(Resolvido) width em div não funciona
pergunta respondeu ao RodrigoGomes de KaKarotto em HTML, XHTML, CSS
Ué velho....ele está a 100%. Não há nada de difícil no Css, pra falar a verdade, somos nós quem complicamos. Talvez você esteja usando uma imagem de fundo que não acompanha todo o div, dando a impressão de que o div não está a 100%. Bota uma borda nele pra você ver que ele está a 100%. Kelabrasssssss -
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
Hum....e quando você faz a chamada da função do micox no corpo do iframe ele funciona nesse caso? Se funcionar eu já sei qual é o problema. Editttttteeeeeee: <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"; } setTimeout(function() { func_temp() },100) //ie sucks }else{ var val = quem.contentWindow.document.body.parentNode.offsetHeight + 5 quem.style.height= val + "px"; } } window.onload=function(){ var iframe=document.getElementById('iframe') iframe.attachEvent("onload", iframeAutoHeight) iframeAutoHeight() } </script> Vê se agora funciona. -
Verificar se existe determinado objeto html.
pergunta respondeu ao Silvio Oliveira de KaKarotto em Ajax, JavaScript, XML, DOM
Como assim? Não existir nenhum objeto com valor? Tem duas formas práticas de se pegar um elemento. Uma é pelo id: document.getElementById('id-do-elemento') Outra pela tag: document.getElementsByTagName('tag') Da segunda forma, irá retornar um vetor com os elementos encontrados no documento. Se quer saber se um determinado elemento existe, você pode fazer: if(document.getElementById('elementoX')) alert("O elemento existe") else alert("O elemento não existe") Ou, se quiser saber se existe um determinado tipo de objeto no documento: if(document.getElementsByTagName('iframe').length) alert("Há iframes na página") else alert("Não há iframes na página") Era isso mesmo ? Especifique o que deseja. Quer saber se um certo objeto existe no corpo do html? Quer saber se um certo objeto existe dentro de um outro objeto? Akelabrassssss -
Trava??? Não deveria, se está usando um loop pra retornar os valores dos nodos, ele deveria apenas voltar "em branco", não deveria travar. O javascript dá erro ou apenas não retorna nada ? Talvez tenha algum erro de lógica no seu algoritmo. Poste o código, vai ficar melhor pra ajudar. Kelabrassssss
-
Olha se for só quanto a estilização, fazer aparecer e tal dá pra eu te ajudar. Seria mais ou menos como isso ? <html> <head> <link rel='stylesheet' type='text/css' /> <style> #selectBox{ width:155px; height:180px; border:1px solid silver; overflow-y:scroll; display:none; } body>#selectBox{ width:152px } #selectBox{ scrollbar-face-color:white; scrollbar-highlight-color:#336699; scrollbar-shadow-color:#336699; scrollbar-3dlight-color:white; scrollbar-arrow-color:#336699; scrollbar-track-color:white; scrollbar-darkshadow-color:white } #selectBox a{ color:#336699; display:block; padding:2px; margin:2px 0; border:1px solid #336699; font:8pt tahoma; text-decoration:none; } #selectBox a:hover{ background-color:#55aaee; color:white; } #pesquisa{ width:140px; border:1px solid #336699; font:8pt tahoma; color:red; } #seta{ border:1px solid #336699; background:#336699; color:white; padding:1px; font:8pt tahoma; cursor:pointer; } </style> <script> window.onload=function(){ var valores=document.getElementById('selectBox').getElementsByTagName('a') for(var x=0; x<valores.length; x++) valores[x].onclick=function(){ document.getElementById('pesquisa').value=this.innerHTML return false } document.getElementById('seta').onclick=function(){ if(document.getElementById('selectBox').style.display=="none") document.getElementById('selectBox').style.display="block" else document.getElementById('selectBox').style.display="none" } } </script> </head> <body> <input type="text" id="pesquisa" /><span id="seta">@</span> <div id="selectBox" style="display:none"> <a href="#">Banana</a> <a href="#">Pera</a> <a href="#">Uva</a> <a href="#">Maça</a> <a href="#">Limão</a> <a href="#">Morango</a> <a href="#">Maracujá</a> <a href="#">Pêssego</a> <a href="#">Kiwi</a> <a href="#">Caju</a> <a href="#">Carambola</a> </div> </body> </html> Fiz um exemplo só, pode estilizar como quiser. Aconselho usar links. Kelabrassss
-
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
É no chute não ia dar mesmo... <script type="text/javascript"> function iframeAutoHeight(quem){ 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"; } setTimeout(function() { func_temp() },100) //ie sucks }else{ var val = quem.contentWindow.document.body.parentNode.offsetHeight + 5 quem.style.height= val + "px"; } } window.onload=function(){ iframeAutoHeight(document.getElementById("nome-tal")) } </script> Coloca um id no seu iframe cassiano, não mexi no código do micox, apenas adicionei um código no final. Esse código vai esperar o navegador loadear o documento todo, então vai pegar o id do iframe e executar a função do micox. Um dos problemas que eu acho mais chato é quando temos que pegar um elemento no documento e esse elemento não foi criado, que é o seu caso, fazer o iframe se alto-redimensionar sem botar a chamada na função no html. Então, você pode usar esse truque que fiz e colocar dentro da função do window.onload tudo o que quer que execute quando o documento for carregado. Kelabrassssss -
(Resolvido) ID segundo combo p/ gravar no BD
pergunta respondeu ao supinet de KaKarotto em Ajax, JavaScript, XML, DOM
:huh: Vai entender....O que importa é que funcionou né. -
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
Olha como eu to meio atrasado, vou tentar na base do chutômetro, quando eu voltar eu vejo direitinho como fazer isso. Coloca o código todo que vou passar entre as tags <head></head>. <script type="text/javascript"> function iframeAutoHeight(){ if(navigator.appName.indexOf("Internet Explorer")>-1){ //ie sucks var func_temp = function(){ var val_temp = this.contentWindow.document.body.scrollHeight + 5 this.style.height = val_temp + "px"; } setTimeout(function() { func_temp() },100) //ie sucks }else{ var val = this.contentWindow.document.body.parentNode.offsetHeight + 5 this.style.height= val + "px"; } } window.onload=function(){ var iframe=document.getElementsByTagName("iframe")[0] iframe.onload=iframeAutoHeight() } </script> -
Popup que abre uma vez só
pergunta respondeu ao malinoskyICM de KaKarotto em Ajax, JavaScript, XML, DOM
você quer fazer os cookies com que linguagem? Dá pra fazer em javascript ou alguma linguagem de servidor. você ta usando que linguagem pra servidor ? python, asp, php??? QUal delas ? Dá pra fazer em javascript, mas se usar alguma linguagem de servidor, o código fica menor e roda no servidor, melhor você usar js apenas quando não tiver outra forma, pra não carregar o Pc do usuário. Kelabrasssss -
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
Por que quer colocar no body? Se você coloca o script pra rodar no body, ele não vai conseguir achar o iframe, pois o iframe ainda não foi criado. Se não quiser fazer a chamada no iframe, você pode fazer a chamada lá entre as tags <head></head> usando o comando: <script type="text/javascript"> window.onload=function(){ var iframe=document.getElementsByTagName("iframe")[0] iframeAutoHeight(iframe) } </script> Dessa forma, quando a página for carregada, a função do micox vai ser executada. -
Ow Aline, é mais ou menos isso que quer? <style> body{ margin:0; padding:0; } #bar{ position:absolute; top:0; left:0; background:#77bbee; color:darkblue; font:8pt tahoma; width:100%; text-align:center; border:1px solid #336699; overflow:hidden; padding:10px } </style> <script type="text/javascript"> function barra(n){ var d=document.getElementById('bar') d.style.height=eval(parseInt(d.style.height.split('p')[0]) + n) tempo=setTimeout("barra("+n+")", 100) if(parseInt(d.style.height.split('p')[0])>50) clearTimeout(tempo) } window.onload=function(){barra(1)} </script> <div id="bar" style="height:2px" > Você está vendo essa mensagem porque está deslogado bla bla bla....<br> Você está vendo essa mensagem porque está deslogado bla bla bla.... </div> Se for você me avisa, eu acabei de fazer esse script, vai ser necessário algumas modificações pro seu propósito. Akelabrass
-
Popup que abre uma vez só
pergunta respondeu ao malinoskyICM de KaKarotto em Ajax, JavaScript, XML, DOM
Eu acho que seria melhor usar cookies. Se você quer que o usuário veja apenas uma vez mesmo, então você deveria usar cookies. Dessa forma você poderia criar um algoritmo onde, se o valor do cookie não existir (null) você exibe a mensagem e cria um valor para o cookie. Dessa forma, o usuário só conseguiria ver a mensagem de novo se limpasse os cookies do sistema. Vai depender do que quer fazer também, pode ser que queira que apareça pelo menos uma vez por semana, ou duas....ou nos dias impares.....ou ainda colocar um checkbox para o usuário escolher habilitar ou desabilitar a exbição da mensagem pra sempre ou por um determinado período de tempo. Então....cookies :D -
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
você pode usar depois desse código o seguinte: window.onload=iframeAutoHeight É melhor usar javascrpt assim ao invés de enfiar dentro das tags quando possível. Kelabrassssss -
(Resolvido) Iframe com altura automática...
pergunta respondeu ao cassianooliver de KaKarotto em Ajax, JavaScript, XML, DOM
Não. Ele fez isso em javascript justamente porque não é possível fazer apenas com css. iFrame é como se fosse uma outra janela não é como um div... POsta o código do micox ae, ele deve ter usado algum comando proprietário, vamos ver se não tem como fazer de outra forma. COmo foi o micox quem fez, tenho a impressão de que ele pensou nas outras formas já. -
<script> function imageUP(){ var p=prompt("Digite o endereço completo da imagem") if(p) document.getElementById("imagem").innerHTML="<img src='"+p+"' />" } </script> <div id="imagem"></div> <a href="#" onclick="imageUP(); return false"><img src="lugar/nome.ext" alt="Enviar Imagem"/></a> Um exemplo. Olha, seria interessante você aprender algo sobre Javascript e Css. Com Css você poderia fazer uma janela própria, com efeito de transparência e tudo mais...mais bonita que a janela padrão do Windows.
-
(Resolvido) ID segundo combo p/ gravar no BD
pergunta respondeu ao supinet de KaKarotto em Ajax, JavaScript, XML, DOM
Tens razão...e faz sentido. Vamo tentar resolver essa p***...o problema eu acho não tá no código viu supinet...eu acho é que não estamos falando na mesma lingua mesmo...rsrsrsrs <div id="mostraCombo"> <select name="resultado"> <option value="fatura0">Fatura 0</option> <option value="fatura1">FATURA 1</option> <option value="fatura2">FATURA 2</option> <option value="fatura3" selected>FATURA 3</option> </select> </div> Seguinte, vou dividir o código numa seção menor, porque eu to com a pequena impressão de que a coisa ta no html. $_REQUEST["resultado"]; retorna =>fatura3 document.getElementById('mostraCombo').getElementsByTagName('select')[0].options.value retorna => fatura3 document.getElementById('mostraCombo').id retorna o id do mostraCombo, o que é uma idiotice né.... Olha só...você percebe que os options precisam ter um value??? Perceba que no meu html eu coloco um value em cada option, porque senão a variável "resultado" terá valor nulo, pois o burro do computador não sabe qual das opções foi escolhida.... Meu.....se for esse o problema eu vou até ae te bater!! :angry: Se não for, você vai precisar pensar numa forma de explicar melhor o que você quer, porque eu sou muito lerdo...tenha paciência...demora pra mula aqui desempacar... Kelabrasssssss -
Cara, vai depender do que quer.... Se quer fazer uma função genérica, vai ter que pesquisar sobre os eventos e como pegar os eventos em js. Nossa, eu sabia fazer isso a mil anos atrás... Veja algo nesse site: w3schools.com O que você pode fazer, que é simples é isso : <HTML> <HEAD> <script LANGUAGE="JavaScript"> // método para remover evento function removeEvento(elemID) { document.getElementById(elemID).onclick='' } function alerta() { alert("teste"); } </SCRIPT> </HEAD> <BODY> <div id ='myBODY' onclick="alerta()">Texto qualquer</div> <INPUT TYPE="button" VALUE="Remove evento" onClick="removeEvento('myBODY')" </BODY> </HTML> Lógicamente, não funcionaria pra remover eventos diferentes de onclick...por isso é necessário que pesquise sobre como pegar o evento existente em um elemento. Akelabrasssss
-
Como controlar a distância do rodapé
pergunta respondeu ao Rubiz Gardini de KaKarotto em Ajax, JavaScript, XML, DOM
Com Css você não vai conseguir. É o mesmo problema de outro post seu, onde queria que um div lateral se extendesse até o final do browser. A solução para esse problema é igual a solução que eu não consegui dar naquele post. você só conseguiria fazer o rodapé ir até o final do browser se tirar o !DOCTYPE do seu html e colocar o conteúdo a 100%, empurrando o rodapé até o final. Outra forma que não dá muito certo é, fazer o rodapé com posição absoluta, distanciando 0 da parte de baixo (position:absolute; bottom:0), mas assim que o usuário mudar o tamanho do browser você já começaria a ver falhas nessa solução, além da solução não funcionar nas páginas onde tenha bastante conteúdo. você também pode distanciar apenas nessa página um valor x para o margin-top do rodapé, mas também falhará em resoluções mais altas que a sua. Chora rsrsrs. -
O que a função faz? Realmente a melhor forma de fazer isso é mesmo por Ajax. você pode tentar fazer umas gambiarras com iframes, mas vai depender muito do que quer fazer. Não precisa postar o código, se ele for confidencial, apenas diga o que ele faz, assim dá pra saber se é necessário o Ajax ou não. Akelabraaaaaaaaaaaaas
-
(Resolvido) ID segundo combo p/ gravar no BD
pergunta respondeu ao supinet de KaKarotto em Ajax, JavaScript, XML, DOM
Oi, to perdidinho perdidinho... você não tá querendo o $_REQUEST["resultado"]; ????? Não é o combo do resultado que você quer????? Nossa véi...to viajando.... off-topic: Só eu chamo o select de select ?? Combo pra mim é usar um soco + um chute + um hadouken. -
Nossa eu to ficando demente.... Eu não li direito seu tópico Cristian, não vi que era apenas imagem que você queria carregar na div. Sendo assim, não é preciso Ajax nem nada disso que falei.... Vou te passar um código que fiz agorinha: <html> <head> <style> div#Foto{ position:absolute; top:25%; left:25%; width:50%; height:50%; border:1px solid silver; display:none; padding:100px; } div#Foto a{ float:right; font:8pt tahoma; text-decoration:none; position:absolute; bottom:0; right:5px; color:#336699 } div#Foto a:hover{ text-decoration:underline; } </style> <script> function abreImagem(){ imagemURL=this.src imagemURL=imagemURL.split('/') imagemURL="grande/"+imagemURL[imagemURL.length-1] divFoto=document.getElementById('Foto') divFoto.style.display="block" divFoto.innerHTML="<center><img src="+imagemURL+" /></center>" divFoto.innerHTML+="<a href='#' onclick=\"this.parentNode.style.display='none';this.parentNode.innerHTML=''\">Fechar</a>" divFoto.innerHTML+=imagemURL } window.onload=function(){ thumbs=document.getElementById('tabela').getElementsByTagName('img') for(x=0; x<thumbs.length; x++) thumbs[x].onclick=abreImagem } </script> </head> <body> <div id="Foto"></div> <table id="tabela" border="1"> <tr> <td><img src="thumb/youtube.bmp"></td> <td><img src="thumb/Camiseta.jpg"></td> <td><img src="thumb/Caderno.jpg"></td> <td><img src="thumb/Livro.jpg"></td> </tr> </table> </body> </html> Seguinte, isso não vai resolver seu problema, postei esse código apenas pra ilustrar e te ajudar numa alternativa para a solução. O código não é genérico, precisa rodar sob algumas condições. 1- O código js pega todas as imagens existentes numa tabela de nome "tabela". 2- Coloca o atributo onclick em todas elas, direcionando para a função "abrirImagem". 3 - A função abrirImagem pega o elemento que a chamou e faz aparecer um div oculto e coloca dentro do div oculto a imagem mais um link para fechar (ocultar div novamente). Esse script, funcionaria muito bem com as seguintes condições: - você tem uma tabela chamada "tabela" - você coloca as imagens em miniatura em uma pasta chamada "thumbs" - você coloca as imagens grandes em uma pasta chamada "grande" onde, as imagens grandes tem o mesmo nome que as suas miniaturas, apenas diferenciando a pasta que estão localizadas. Desculpe a minha falha inicial, é a mania de não ler as coisas direito. Pode escolher usar um framework como o amigo de cima mencionou, caso não tenha muita facilidade em mexer com javascript. Pessoalmente não gosto de usar bibliotecas para fazer uma coisa ou outra, porque mesmo tendo poucos kb elas exigem muito do processador, no caso de pessoas com computadores lerdos, demoraria muito pra loadear a página. Kelabrasssss
-
menu horizontal c/ submenu horizontal
pergunta respondeu ao pj.manzano de KaKarotto em HTML, XHTML, CSS
Bom, tem esse aqui para menu horizontal: http://www.tableless.com.br/aprenda/menu-horizontal/ E recomendo severamente esse: http://tableless.com.br/artigos/tutorial/ Kelabrasssss -
Olha, uma maneira que eu pensei de fazer isso é com javascript assim: arquivo:Js function descOP(){ var descricao=document.getElementById('descricao') descricao.value=this.options[this.selectedIndex].title } window.onload=function(){ document.getElementById('selecao').onchange=descOP } arquivo:Html <select id="selecao"> <option value="1" selected title="Descrição da Opção 1">Opção 1</option> <option value="2" title="Descrição da Opção 2">Opção 2</option> <option value="3" title="Descrição da Opção 3">Opção 3</option> </select> <input type="text" id="descricao" value="Descrição da Opção 1"/> É bem genérico esse código em js, você poderia incluir centenas e centenas de options que ele funcionaria sem você precisar mexer no código em javascript. Claro, você vai ter que colocar a descrição em todas as tags options, o que deixa seu HTML mais bem feito. você pode formatar a caixa de texto pra ficar bonitinho e tal. O javascript pode ser salvo em um arquivo .js a parte, assim você só precisa fazer a chamada entre das tags <head></head> assim: <script type="text/javascript" src="meuArquivo.js"></script> Se não souber como fazer includes em js, ou como incluir o js diretamente no html me avisa. Kelabrasssss