Ir para conteúdo
Fórum Script Brasil

Arash

Membros
  • Total de itens

    81
  • Registro em

  • Última visita

Posts postados por Arash

  1. 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);

  2. 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)";
    ?>

  3. 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;

    }

  4. 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>

  5. 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];
            }
        };
    };

  6. 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.

  7. 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>

  8. 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>

  9. 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'));
    }
    }

  10. 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!

  11. 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');"/>

  12. 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;  
            }    
        }

  13. 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;

  14. 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>

  15. é 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...