Ir para conteúdo
Fórum Script Brasil

Arash

Membros
  • Total de itens

    81
  • Registro em

  • Última visita

Tudo que Arash postou

  1. Não usar alert()! Cria uma div, e use <p><span>..... para fazer seu texto lindo e tal ^^ o item 2 eu não entendi o motivo, se puder postar o código, para que eu veja, se for muito longo ou com javascript, css, html... usa o jsFiddle, é mais facil.
  2. você esta usando Jquery? Se sim, olha o exemplo: var itens, array; itens = []; array = ["a", "b", "c"]; itens = jQuery.each (array, function (n , i) { return n + ", "; }); Se não, se for Js puro Ex: var itens, array, i; array = ["a", "b", "c"]; itens = ""; for (i = 0; i < (array.length - 1); i ++) { itens += array[i] + ", "; } itens += array[array.length - 1] + "."; alert(itens);
  3. Se o problema é só aquele no firefox que mostra o o caminho no link, use AJAX! Ele serve para isso mesmo, esconder as informações que estão transitando a cada min. E eu acho que você nem precisa atualizar a página toda para receber, basta atualizar a página com o AJAX (abrir de novo o php, sem ter que atualizar a página inteira). Olha um exemplo de AJAX, é um relógio, mostra as horas do servidor: java script: function getHTTPObject(){ if (window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP"); // IE } else if (window.XMLHttpRequest) { return new XMLHttpRequest(); // Outros Navegadores } else{ alert("Seu Navegador não suporta AJAX."); // Navegadores antigos return null; } } function setOutput(){ if (httpObject.readyState == 4) { document.getElementById('hora').innerHTML = httpObject.responseText; } } function horas(){ httpObject = getHTTPObject(); if (httpObject != null) { httpObject.open("GET", "Hora.php", true); httpObject.send(null); httpObject.onreadystatechange = setOutput; } setTimeout("horas();",(1)); } var httpObject = null; window.onload = function () { horas(); } PHP, Hora.php: <?php date_default_timezone_set('America/Sao_Paulo'); echo "Data: "; echo date("d/m/y"); echo " Hora: "; echo date("H:i:s"); echo " (Brasília)"; ?>
  4. Com javascript sozinho.... Não Javascript não pode abrir outro navegador por que ele não tem acesso, ele tem acesso somente a manipular itens dentro da página que ele esta sendo chamado, nem é navegador... Agora com essas linguagens server-side, é bem provavel que ALGUMA delas ofereça esse tipo de suporte, acho que JAVA suporta...
  5. Não adiantou muito seu código, pois eu não tenho as imagens e o seu html. Sugiro usar JsFiddle, ai agente pode ver seu html, javascript, css e o que der e vier ^^. Assim de cabeça eu acho que é por 1 motivo só: A imagem do cenario é mais pesado, logo ele vai carregar depois, como voce colocou para desenhar ele somente quando a pessoa iniciar a função e ainda esperar carregar a imagem. Eu acho que ela vai carregar depois do seu canhão, logo seu canhão vai ser desenhado antes do cenario, sendo então sobreposto. Se for esse o probrema eu sugiro 2 coisas switch(sugestoes) { case 0: Carregar a imagem antes mesmo do window.onload; Ai ele vai estar sendo pré-carregado e "talvez" pronto para usar (dependendo da conexão). var img, img2; img2.src = "scenario.png"; img.src = "cannon.png"; window.onload = function () {.....}; break; case 1: Usar uma div como plano de fundo, usando o background da div como cenario, use NO CANVAS position:absolute e z-index: "maior que a div (se voce não mexeu no da div, é 1 o valor que voce vai colocar)", e ajuste onde o canvas deve ficar, e pronto para usar, se precisar mexer no background da div tmb é facil, pois é javascript básico. E se souber Jquery, ai que é mamão com açúcar. break; }
  6. HUM... Eu pensei que voce queria que o usuario visse o valor da taxa... Mas tudo bem, se voce sabe o que é AJAX, é só colocar metodo post e mandar a variavel taxa_1 ou taxa_2 e o tipo, para o seu php, e la voce resolveria tranquilo... Agora se voce não quer nem saber de AJAX, eu posso te ajudar, mesmo não sendo uma maneira la muito confiavel, por que se a pessoa souber um pouquinho de javascript já ferra, pois ele pode mudar a taxa que voce vai receber.... SUGIRO FAZER UMA OUTRA VERIFICAÇÃO NO PHP, para ficar de boa. E nesse caso voce pega o valor da taxa no input, com name="pagar" <!DOCTYPE HTML> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <title></title> <style> #pagar { color:red; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> var taxa_1, taxa_2, visa; visa = true; taxa_1 = ["4.2","3.7","4.5"]; taxa_2 = ["4.6","6.9","2.1"]; $(document).ready(function($) { $('select[name=bandeira]').on('change', function() { verfValor(); }); $('select[name=pagamento]').on('change', function() { verfValor(); }); }); function verfValor() { var tipo, typ; if ($('select[name=bandeira] option:selected').val() === 'Visa') { visa = true; } else { visa = false; } switch ($('select[name=pagamento] option:selected').val()) { case 'Debito': tipo = 0; break; case 'Vista': tipo = 1; break; case 'Parcelado': tipo = 2; break; } if (visa) { typ = taxa_1[tipo]; } else { typ = taxa_2[tipo]; } $('input[name=pagar]').attr('value',typ); } </script> </head> <body> <h1>Formulário</h1><br><br> <form action="application/controler/Calculo.php" method="post" name="f1"> <p>Bandeira:</p> <select name="bandeira" id=""> <option value="Visa">Visa</option> <option value="Master">Master Card</option> </select> <select name="pagamento" id=""> <option value="Debito">Débito</option> <option value="Vista">Crédito a Vista</option> <option value="Parcelado">Crédito Parcelado</option> </select> <p> Taxa = <input type="text" name="pagar" value="4.2" disabled/></p> <input type="submit" name="Submit" valur="Enviar"/> </form> </body> </html>
  7. Como voce é leigo em Javascript, só mude o valor do ID, mas deixe as ASPAS! E pronto! /*globals window:true, document:true*/ var vA, vN; vA = []; vN = []; window.onload = function () { 'use strict'; var id, c; id = "c"; c = document.getElementById(id); c.onblur = function () { if (!isNaN(c.value)) { while (vA.length !== 0) { vA.pop(); vN.pop(); } vA.push(c.value); if (vA[0].charAt(4)) { vN.push(Number(vA[0]).toFixed(2)); c.value = vN[0]; } } }; c.onfocus = function () { if (c.value !== "" && !isNaN(c.value)) { c.value = vA[0]; } }; };
  8. Mano da uma olhada nesse site, ele ensina praticamente tudo sobre o canvas para jogos... Canvas - Gráfico - Jogo E na boa vei! se voce vai programar em uma linguagem saiba o nome dela!!! não é Java!! Java é diferente de Javascript, só muda o nome, nem mesmo a forma de escrever é igual. só tem esse nome por causa da empresa que o criou! Só pra saber... Java é server-side, se for para internet, como PHP, Perl, Python..... Javascript é client-side. JScript é javascript da MicroSoft.
  9. Acho que agora pode funcionar corretamente em todos os navegadores ^^, talvez aquele "EVAL" tenha causado esse erro. Se usa "eval();" quando voce esta recebendo uma string, como o computador não sabe ler strings, então ele transforma em código... Mas o que voce escreveu já era código, não havia tal necessidade. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Event Handler! && CodeKeys</title> <script> window.onload = function () { var caixa; caixa = document.getElementById("caixa_valor_pago"); // Para não misturar HTML com Javascript, eu usei addEventListener, o primeiro parametro, é o evento, o segundo a função, e o terceiro (true ou false) é para saber se pega o event. caixa.addEventListener('keydown', troca, true); } function troca (e) { var code; code = e.which || e.keyCode; // Voce pode usar dessa forma, o navegador vai pegar aquele que ele entender. if (code === 13) { alert("Voce digitou Enter"); document.getElementById("caixa_valor_pago").focus(); return false; } } </script> </head> <body> <input name="caixa_valor_pago" type="text" class="textonumerogrande" id="caixa_valor_pago" size="10" /> </body> </html>
  10. é... bem eu acredito que seja um erro no seu script... Se puder informar-lo acredito que alguém possa te ajudar
  11. Olhando o seu problema vi que não era necessario o array que disse la encima, Eu fiz esse código, usando Jquery e JAVASCRIPT (Que não tem nada, a não ser o nome, a ver com JAVA) <!DOCTYPE HTML> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <title></title> <style> #pagar { color:red; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> var taxa_1, taxa_2, visa; visa = true; taxa_1 = ["4.2","3.7","4.5"]; taxa_2 = ["4.6","6.9","2.1"]; $(document).ready(function($) { $('select[name=bandeira]').on('change', function() { verfValor(); }); $('select[name=pagamento]').on('change', function() { verfValor(); }); }); function verfValor() { var tipo; if ($('select[name=bandeira] option:selected').val() === 'Visa') { visa = true; } else { visa = false; } switch ($('select[name=pagamento] option:selected').val()) { case 'Debito': tipo = 0; break; case 'Vista': tipo = 1; break; case 'Parcelado': tipo = 2; break; } if (visa) { $('#pagar').text(taxa_1[tipo]); } else { $('#pagar').text(taxa_2[tipo]); } } </script> </head> <body> <h1>Formulário</h1><br><br> <form action="application/controler/Calculo.php" method="post" name="f1"> <p>Bandeira:</p> <select name="bandeira" id=""> <option value="Visa">Visa</option> <option value="Master">Master Card</option> </select> <select name="pagamento" id=""> <option value="Debito">Débito</option> <option value="Vista">Crédito a Vista</option> <option value="Parcelado">Crédito Parcelado</option> </select> <p>Taxa = <span id="pagar">4.2</span></p> <input type="submit" name="Submit" valur="Enviar"/> </form> </body> </html>
  12. Voce já pensou em usar CSS? Eu acho que pode resolver! Ex: #rodape { position:absolute; top:100%; }
  13. Voce pode usar array em 2d: ex: window.onload = function () { var array2D, primeiro, segundo; array2D = [['Primeiro', 'Papai'], ['Segundo', 'Noel']]; document.getElementsByTagName('body').item(0).appendChild(document.createTextNode(array2D[0][1] + ' ' + array2D[1][1])); }
  14. Chamar o onChange, significa voce criar uma função no javascript, e dps fazer assim ó onChange = "minha_funcao();" Ai sempre que mudar algo no seu campo, vai mandar para essa função executar alguma coisa... (seu javascript)
  15. Dado seu exemplo: imagem = significa que ele é um Array, um conjunto de coisas dentro de uma mesma variavel. por exemplo: nome = ["Bruno","Pedro","Paulo","João","Manoel"]; para selecionar o Bruno, voce escreve: nome[0] E se voce quer sei la escrever todos os nomes, voce usa um for, que eu acredito que é o que voce procura: /*globals document:true, window:true */ window.onload = function () { var i, nome; nome = ["Bruno","Pedro","Paulo","João","Manoel"]; for (i = 0; i < nome.length; i += 1) { document.body.appendChild(document.createTextNode(nome[i]+'\n')); } }
  16. Apos analisar esse código pelo Jslint /*global document:true, alert:true*/ function ValidateWebAddress() { 'use strict'; var url = "google.com"; if (url.match( /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/)) { alert("O site existe"); return true; } else { alert("O site não existe"); return false; } } Mostrou que os erros que tinham eram mesmo do seu regex: Error: Problem at line 5 character 106: Unescaped '-'. if (url.match( /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a... Problem at line 5 character 152: Unescaped '-'. if (url.match( /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a... Problem at line 5 character 191: Unescaped '-'. if (url.match( /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a... Problem at line 5 character 229: Unescaped '-'. if (url.match( /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a... Eu uso o Larsolavtorvik, para edição de regex, testa la!
  17. Mas sua função não tem nada!! Com o que voce quer comparar?? Ta mas a resposta é simples, se voce quer apresentar a data, é só mandar para a função como string! Quando voce coloca as mesmas aspas duplas que voce iniciou o onclick para a data, ele vai ler o número dividindo 20/08/2012, por que voce cancelou as aspas duplas... Então voce pode usar as aspas simples! que tem a mesma função, mas não "terminam" as aspas duplas. Se voce entedeu alguma coisa, se não coloca la no HTML: <input ..... onclick="comparar('20/08/2012');"/>
  18. Eu não testei o seu código e não lembro muito bem da função test, Por que eu sempre uso a função match, tenta usar ela no lugar de test. Fica isso: function ValidateWebAddress() { var url = "google.com"; if(url.match( /^(([\w]+:)?\/\/)?(([\d\w]|%[a-fA-f\d]{2,2})+(:([\d\w]|%[a-fA-f\d]{2,2})+)?@)?([\d\w][-\d\w]{0,253}[\d\w]\.)+[\w]{2,4}(:[\d]+)?(\/([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)*(\?(&?([-+_~.\d\w]|%[a-fA-f\d]{2,2})=?)*)?(#([-+_~.\d\w]|%[a-fA-f\d]{2,2})*)?$/)) { document.write("O site existe"); return true; } else { document.write("O site não existe"); return false; } }
  19. Olha ai o resultado: http://jsfiddle.net/hdSh8/embedded/result/ E aqui o código da página: http://jsfiddle.net/hdSh8/
  20. Tenta assim, no meu funcionou legal... $(document).ready(function(e) { $('.foto').mouseenter(function(e) { $(this).children('.box').fadeIn("slow"); }); $('.foto').mouseleave(function(e) { $(this).children('.box').fadeOut('slow'); }); });
  21. Qual é o efeito? Pelo que eu vi no código, faz assim: crie uma div com classe "foto" e dentro outra com classe "box".
  22. <script> $(document).ready(function(){ $("a").click(function(){ var paginas= $(this).attr("title"); $("[title="+paginas+"]").show("slow").hide("slow"); }); }); </script>
  23. Simples, deixe ele desabilitado, ou crie ele com javascript, no lugar (HTML) deixe uma frase como: "Habilite o javascript para continuar..." Ai no window.onload coloque uma função para apagar essa frase, e colocar um botão. Por exemplo com node. Voce pode tambem fazer com css, deixar ele com display:none;, e no window.onload display:block;
  24. Então... eu pesquisei tambem e não achei nada explicando... Aqui um exemplo bem explicado (eu acho). <!doctype html> <html> <head> <meta charset="utf-8"> <title>Como Funciona o SCROLL</title> <style> #ondeEstaOScroll { position:fixed; width:150px; right:0px; } .linha { color:gray; } </style> <script> function onScroll() { var scrollEsta, scrollMax, clientMax, per; //Retorna os pixels do documento actual foi rolado (vertical) a partir do canto superior esquerdo da janela. scrollEsta = document.documentElement.scrollTop || window.pageYOffset; //Retorna a altura visível do conteúdo em uma página (não incluindo as fronteiras, margens, ou barras de rolagem) scrollMax = document.documentElement.scrollHeight; //Retorna a altura total de um elemento (incluindo áreas escondidas com barras de rolagem) clientMax = document.documentElement.clientHeight || document.body.clientHeight; per = scrollEsta / (scrollMax - clientMax); if (per === 1 || clientMax === scrollMax) { alert("Fim Da Página"); } document.getElementById("ondeEstaOScroll").value = scrollEsta; } window.onscroll = onScroll; window.onload = function () { for (i = 0; i <= 100; i += 1) { document.getElementById("p").innerHTML += '<span class="linha">Linha </span>' + i.toString()+'<br/>'; } } </script> </head> <body> <input type="text" id="ondeEstaOScroll"> <p id="p"></p> </body> </html>
  25. é simples, olha um exemplo usando o CSS e JS: <title>Efeitos</title> </head> <style> /* # é para definir o id */ #Aba1, #Aba2 { width:200px; height:200px; position:absolute; } #Aba1 { background:black; margin-left:40px; margin-right:40px; } #Aba2 { background:yellow; } #Aba1:active { display:block; } </style> <script> function mostra (elemento,Aba) { elemento.style.zIndex = 1; document.getElementById(Aba).style.zIndex = 0; } </script> <body> <div id="Aba1" onclick="mostra(this,'Aba2')"></div> <div id="Aba2" onclick="mostra(this,'Aba1')"></div> </body>
×
×
  • Criar Novo...