Ir para conteúdo
Fórum Script Brasil

KaKarotto

Vencedores de desafio
  • Total de itens

    1.243
  • Registro em

  • Última visita

Tudo que KaKarotto postou

  1. Ahh eu não....obrigado :rolleyes:
  2. Ao tirar o mouse? Não acho que seja possível, quando for abrir a próxima janela ele vai perder o foco da janela atual. É capaz até de acontecer um loop estranho... Não há qualquer aplicação prática pra isso, esses efeitos geralmente são usados para facilitar a vida do usuário, neste caso, você estaria dificultando. O que é perfeitamente possível e recomendado de se fazer é usar um div para mostrar a imagem, na mesma janela. Procure por lightbox no Google. Aquele abraço.
  3. Verifique o que o Js retorna. alert(parent.document.getElementById("iframe").height) alert(document.getElementById("tamanho").scrollHeight + 0) Use style para modificar o tamanho do iframe, aposto minhas fichinhas que é isso o problema. parent.document.getElementById("iframe") .height = document.getElementById("tamanho").scrollHeight + 0;
  4. Fala Pedrão. Seguinte, cuidado com acentos em nome de arquivos, na net isso não é bom. Use barras contrárias "/" pra referenciar o caminho dos seus arquivos também. Deixa o nome sem espaços em branco. Para fazer a função mais genérica, use: <img src="images\catalogo verao 08\Catalogo Verão 2008 1_001.jpg" onmousedown="open_pic(this.src)"> function open_pic(url){ window.open( url , "_blank", "width=200, height=300, menubar=no, status=no" ) }
  5. Abreu, acho que tem bastante exemplos pelo fórum se procurar, mas como é rápido esse tipo de coisa, vou montar um exemplo aqui pra você, rapidinho: Css: <style> #formulario { border:1px solid red; width:auto; float:left; padding:20px } #formulario input{ display:block; margin:10px } #formulario button#increase{ width:170px } </style> Html: <form id="formulario"> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" /> <button id="increase" name="increase"> + </button> </form> Agora a lógica do Js. Quando eu clicar no botão de id "increase", quero criar um input, de tipo "text" e coloco ele antes do último elemento do formulário, que neste caso é o botão. window.onload = function(){ var button = document.getElementById("increase") button["onclick"] = function (){ var input = document.createElement("input") input.setAttribute("type", "text") this.parentNode.insertBefore( input , this.parentNode.lastChild.previousSibling ) } } this.parentNode é o pai do botão (form), insertBefore é o método do pai que insere um elemento antes de algum outro. Este algum outro é o lastChild.previousSibling, lastChild é o último filho, previousSibling é o filho anterior ao último. Portanto, depois do penúltimo filho eu adiciono o novo filho, o input. Beleza? Aquele abraço.
  6. Outline não funciona no iE6. Resolvido então.
  7. Ixi...que estranho... Esquece o Dom para iE neste caso: if(document.all) document.getElementById("campo").innerHTML = "<input type='text' name='label[]' id='label[]' maxlength='2' size='10' />" else{ var text1 = document.createElement('INPUT') text1.setAttribute('type','text') text1.setAttribute('name','label[]') text1.setAttribute('id','label[]') text1.setAttribute('size','10') text1.setAttribute('maxlength','2') document.getElementById("campo").appendChild(text1) }
  8. Não vai para a Verifica?? Estranho hein cara. Liga o depurador do iE, ele fala onde está dando erro no script. Aquele abraço.
  9. A maioria esmagadora deve estar usando a partir de 1024px, eu de você faria esse layout em 1024px, centralizado. O que a maioria dos sites estão fazendo agora. Na dúvida, faça uma pesquisa do percentual de pessoas que usam resolução menor e pesa, se vale ou não apena fazer um layout de 800px. http://scriptbrasil.com.br/forum/index.php?showtopic=120183 Abraço.
  10. Ninty, isso é javascript ok? Movendo Html >> Js
  11. O que deveria acontecer em todo html é, a posição do footer ser definida pelo conteúdo da página. Isto significa que se não houver muito conteúdo na página, em algumas resoluções mais baixas o footer fique mais acima do que deveria. ISTO NÃO É DEFEITO. É totalmente normal e assim que deveria ser. Portanto, basta colocar o seu relógio no footer (rodapé) da página. Usar posição absoluta e posição fixa não são alternativas boas. Para layout, sempre use posicionamento relativo, salvo de raras exceções. De qualquer maneira Rafael, poste seu código, vai facilitar a ajuda. Aquele abraço.
  12. Cara, não sei se existe uma forma melhor do que eu pensei agora. Talvez seja o caso de procurar na net sobre isso. Mas eu penso em fazer um "ready" assim: function ready(fn, args){ try{ eval( fn+"(args)"); return} catch(e){ setTimeout(function(){ready(fn, args)},1) } } ready("edu", [0, 1, 2][0]) A função ready testaria a função "edu" passando como argumento o primeiro elemento do array, enquanto a função edu não existisse a ready testaria novamente, até achar. Achando, ela chama a função passando aqueles argumentos.
  13. Está usando posições absolutas ..Jamais use-as para montar o seu layout. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <style type="text/css"> #header{ border:1px solid blue; width:800px; height:100px; margin:0 auto; } #content{ border:1px solid red; width:800px; height:300px; margin:0 auto; display:table; } #side-bar{ width:200px; margin:10px; border:1px solid black; height:700px; float:left; } #principal{ width:400px; height:300px; border:1px solid black; float:left; } #footer{ border:1px solid orange; height:50px; width:800px; margin:0 auto; } </style> </head> <body> <div id="header"></div> <div id="content"> <div id="side-bar"></div> <div id="principal"></div> </div> <div id="footer"></div> </body> </html> [/codebox] Seus elementos devem estar em posição relativa pra empurrar os demais para outros espaços.
  14. Esses dias apareceu uma dúvida no fórum de como verificar as dimensões da imagem antes de mandar para o servidor. Eu achei interessante a dúvida e resolvi postar aqui um código que fiz para terem uma idéia de como fazer. function //{ verifyImage (url, fn, target) { // É imagem? if( !url.match(/.*\.(jpg|png|bmp|gif)/) ) return alert("Não é imagem") var img = document.createElement("img") img.src = url + "?" + Math.random() // Objeto usado para mostrar o texto de carregar // var loading = document.getElementById("loading") loading.innerHTML = "Recebendo dados..." target.innerHTML = "" // Refresh no conteúdo // Ao ser carregada a imagem chamará a função passada como argumento e // após isso removerá o texto carregando da tela. img.onload = function(){ fn.call(this, this); loading.innerHTML = "" } } //} Este é o código que fará a mágica. E a implementação: <span id="loading"></span> <input type="text" id="url" name="url" /> <button id="go">Verificar imagem</button> <div id="preview"></div> window.onload=function(){ var url = document.getElementById("url") var but = document.getElementById("go") but.onclick = function(){ verifyImage(url.value, function(img){ document.getElementById("preview").innerHTML = ( "<p>Url: <span>"+ img.src.replace(/(\?.*\d)/,"") +"</span></p>" + "<p>Altura: <span>"+ img.width +" <small>px</small></span></p>" + "<p>Largura: <span>"+ img.height +" <small>px</small></span></p>" ) }, document.getElementById("preview") ) } } A verifyImage geralmente não muda, então caso queira alterar o código para alguns fins mais específicos, altere os códigos da implementação. Qualquer dúvida ou sugestão, poste aqui. Deixei um exemplo pronto para quem quiser testar. Abraço teste.htm
  15. Ichii..na barra de endereços????? Agora oficialmente já pode desistir. Isto não é possível.
  16. 101 //subindo a rolagem 102 //location.href = '#topo' 103 softScroll('topo'); Instala o firebug no seu firefox, é mais fácil de debugar. Ele executa esse softScroll("topo") no arquivo thumbs_and_images.js Provavelmente é o Jquery que usa esse softScroll. E muito provavelmente ele colocou uma ancora no topo da página. Aquele abraço.
  17. Pra variar, ele usa Jquery. <script type='text/javascript' src='jquery-1.2.3.js'></script> <script type='text/javascript' src='thumbs_and_images.js'></script> Dê uma procurada no plugin "thumbs_and_images", no site do Jquery. Abraço.
  18. Há muito pouco código pra debugar qualquer erro. Está usando código de onde? De algum editor?
  19. Este efeito é um tanto quanto antigo, não é muito usado porque é um efeito muito conhecido e já manjado. Procure pela tag marquee. Um membro do fórum já postou uma forma de fazê-lo com javascript também, lá na sessão de repositório de scripts na área de Javascript. Abraços
  20. http://scriptbrasil.com.br/forum/index.php?showtopic=113878
  21. Eu de você desistia. Eu não tenho certeza, mas eu acho que os navegadores mais novos vem com essa api desabilitada. Para tentar diminuir os phishing´s, por medidas de segurança. O sujeito podendo alterar o texto do status, poderia redirecionar o usuário para outro lugar, isso não é legal rsrs. O código é window.status = "Sua mensagem", mas duvido que isso funcione em navegadores e nos iE 7 +.
  22. Não é simples. http://elmicox.blogspot.com/2008/07/drag-a...tar-divs-e.html http://juliogreff.blog.br/drag-and-drop-parte-1/
  23. Verifique no endereço do browser: alert(document.location.href.match(/https/)) Vai retornar true, caso tiver https na url.
  24. Não sei se entendi direito, mas vamos lá. Tente salvar este arquivo em um arquivo a parte e link ele exatamente onde deseja: <span id="data"> <script type="text/javascript" src="js/data.js"></script> </span> Ou então poderia verificar se na página existe um elemento do tipo data, então colocaria a data dentro deste elemento: <span id="data"></span> if(document.getElementById("data")) document.getElementById("data") .innerHTML = day + ", " + date + " de " + month + " de " + year
×
×
  • Criar Novo...