Ir para conteúdo
Fórum Script Brasil

babaloricha

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    355

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por babaloricha

  2. (resolvido) Recarregar O Javascript De Uma Página

    em Ajax, JavaScript, XML, DOM

    Postado

    cara pelo que ta acontecendo , acho que o erro esta na funcao que constroi o menu!

    eu estou lendo o livro ajax em ação! no livro o autor sempre comeca a função zerando e testando as variaveis!

    tipo

    var x="";

    pode ser que da maneira que você esta fazendo apos ter clicado em uma parte ele constroi 1 objeto , dai quando você clica em outra parte ele constroi outro , mas sempre referencia o primeiro!

    você poderia mandar seu codigo pra min da uma olhada?

    joaojok@hotmail.com

  7. Tentando Mvc!

    em Ajax, JavaScript, XML, DOM

    Postado

    ola tenho seguinte codigo separado por html , css, js

    musical.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Keyboard!</title>
<link rel="stylesheet" type="text/css" href="musical.css" />
<script type="text/javascript" src="musical.js"></script>
<script type="text/jscript">
window.onload=assignKeys;
</script>
</head>

<body>
<div id="keyboard" class="musicalKeys">
    <div class="do musicalButton"></div>
    <div class="re musicalButton"></div>
    <div class="mi musicalButton"></div>
    <div class="fa musicalButton"></div>
    <div class="so musicalButton"></div>
    <div class="la musicalButton"></div>
    <div class="si musicalButton"></div>
    <div class="do musicalButton"></div>
</div>
<div id="console" class="console"></div>
</body>
</html>
    musical.js 
    // JavaScript Document
function assignKeys(){
    var keyboard=document.getElementById("keyboard");
    var keys = document.getElementsByTagName("div");
    if(keys){
        for( var i=0;i<keys.length;i++){
            var key=keys[i];
            var classes = (key.className).split(" ");
            if( classes && classes.length>=2 && classes[1] == "musicalButton"){
                var note = classes[0];
                key.note = note;
                key.onmouseover = playNote;
            }
        }
    }
}

function playNote(event){
    var note = this.note;
    var console = document.getElementById("console");
    if(note && console){
        console.innerHTML+= note+" . ";
    }
}
    musical.css 
    /* CSS Document */
.body{
    background-color:#FFFFFF;
}

.musicalKeys{
    background-color:#ffe0d0;
    border: solid maroon 2px;
    width: 536px;
    height: 68px;
    top: 24px;
    left: 24px;
    margin:4 px;
    position: absolute;
    overflow:auto;
}

.musicalButton{
    border: solid nacy 1px;
    width: 60px;
    height: 60px;
    position:relative;
    margin: 2px;
    float: left;
}

.do{ background-color:#FF0000;}
.re{ background-color:#FFCC00;}
.mi{ background-color:#FFFF00;}
.fa{ background-color:#00FF00;}
.so{ background-color:#0000FF;}
.la{ background-color: indigo;}
.si{ background-color:#9900FF;}

div.console{
    font-family:Arial, Helvetica;
    font-size:16px;
    color:navy;
    background-color:white;
    border: solid navy 2px;
    width: 536px;
    height: 320px;
    top: 106px;
    left: 24px;
    margin: 4px;
    position: absolute;
    overflow:auto;
}

    revisei todo o codigo html e js mas não consegui achar o erro.

    quando o mouse passar por cima das cores no tela embaixo deveria aparecer uma nota , mas não esta funcionado.

    se alguém conseguir fazer funcionar, agradeco

    obs: codigo tirado do livro ajax em ação

  8. Abrir Txt Com Home Page

    em Ajax, JavaScript, XML, DOM

    Postado

    Opa tambem so novato no ajax, mas olha esse exemplo quem sabe te da uma luz:

    pra testar abre um arquivo .txt e salva na mesma pasta que a pagina!

    detalhe so funciona no fire fox <_< 

    <html>
<head>
<script type="text/javascript">
var req=null;
var console=null;
var READY_STATE_UNINITIALIZED=0;
var READY_STATE_LOADING=1;
var READY_STATE_LOADED=2;
var READY_STATE_INTERACTIVE=3;
var READY_STATE_COMPLETE=4;
function sendRequest(url,params,HttpMethod){
    if(!HttpMethod){
        HttpMethod="GET";
    }
    req=initXMLHTTPRequest();
    if (req){
        req.onreadystatechange=onReadyState;
        req.open(HttpMethod,url,true);
        req.setRequestHeader("Content-Type", "application/x-www-form-url encoded");
        req.send(params);
    }
}

function initXMLHTTPRequest(){
    var xRequest = null;
    if(window.XMLHttpRequest){
        xRequest = new XMLHttpRequest();
    }else if(window.ActiveXObject){
        xRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xRequest;
}

function onReadyState(){
    var ready=req.readyState;
    var data=null;
    if (ready==READY_STATE_COMPLETE){
        data=req.responseText;
    }else{
        data = "loading ...["+ready+"]";
    }
    toConsole(data);
}

function toConsole(data){
    if(console!=null){
        var newline = document.createElement("div");
        console.appendChild(newline);
        var txt = document.createTextNode(data);
        newline.appendChild(txt);
    }
}

window.onload = function(){
    console=document.getElementById('console');
    sendRequest("data.txt");
}
</script>
</head>
<body>
<div id="console"></div>
</body>
</html>

  12. Conteudo Da Celula

    em Ajax, JavaScript, XML, DOM

    Postado

    da uma estudada em addEventListener.

    so que no seu caso vai ser

    addEventListener("click", suaFuncao, true);

    <body>
<div id="minha">
<form name="form">
<input type="text" />
<input type="text" />
</form>
</div>
<script language="javascript">
var minhaDiv=document.getElementById("minha");
minhaDiv=addEventListener("keypress", opa,true);
function opa(){
    alert("opa");
}
</script>
</body>

  13. Link Campo Select

    em Ajax, JavaScript, XML, DOM

    Postado

    da uma olhada nisso pega os valores "branco preto etc"

    sem atribuir o value pega o que ta escrito

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function pegaValor(){
    var exme="";
    selec=document.getElementById("selec");
    for(var i=0;i<selec.childNodes.length;i++){
        if(selec.childNodes[i].nodeType != 3){
            document.writeln(selec.childNodes[i]+":"+selec.childNodes[i].textContent+"<br>");
        }
    }
}
</script>
</head>

<body>
<select name="sel" onchange="location.href = this.value;" id="selec">
<option value=1>Branco</option>
<option value=2>Preto</option>
<option value=insere_cor.php>Adicionar cor</option>
</select>
<input type="button" onclick="pegaValor();" value="pega" />
</body>
</html>

    não sei se isso ajuda pra que você vai usar o valor?

  20. [resolvido] Visualizar Propriedade Do Element.style

    em Ajax, JavaScript, XML, DOM

    Postado

    ae galera!

    eu tenho o a seguinte div

    <style type="text/css">
<!--
#Layer1 {
    position:absolute;
    width:50px;
    height:50px;
    z-index:1;
    top:195px;
    left:181px;
    background-color:#0000FF;
}
-->
</style>
    eu queria coseguir so um alertzinho de uma das propriedades de estilo tentei assim: 
    function mostraCSS(elemento){
    var marcador = document.getElementById("Layer1");
    alert(marcador.style.top);
}

    mas o alert aparece em branco!

    e ai vai a pergunta da para ver o valor das pripriedades do estilo sem fazer atribuiçao tipo!

    marcador.style.top="200px"

    ???

  22. Animatecss.js

    em Ajax, JavaScript, XML, DOM

    Postado

    ola galera estou tentando utilizar um codigo que vi no livro "java script o guia definitivo" aparentemente não vejo nenhum erro mas ao rodar o codigo aparece que esta falatando um } , mas eu não vejo onde esta faltando. algume poderia dar um help ae!

    o animaCSS.js

    function animateCSS(element, numFrames,timePerFrame, animation,whendone){
 var frame = 0;
 var time = 0;
 var intervalId=setInterval(displayNextFrame, timePerFrame);

 function displyNextFrame(){
 if(frame>=numFrames){
 clearInterval(intervaId);
 if(whendone) whendone(element);
 return;
 }
 for(var cssprp in animation){
 try{
 element.style[cssprop] = animation[cssprop](frame,time);
 } catch(e){}
 }
 frame++;
 time+=timePerFrame;
 }
}
    a pagina 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="animaCSS.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

</head>

<body>
<script>
animateCSS(document.getElementById("title"),40,50,
    {
        top: function(f,t){ return 300-f*5 + "px";}
        clip: function(f,t){ return "rect(auto "+f*10+"px auto auto)";}
    });
</script>
<div id="title">
1<br />
2<br />
3<br />
4<br />
5<br>
</div>
</body>
</html>

    des dee já grato

  24. Somar Valores Dinamicamente

    em Ajax, JavaScript, XML, DOM

    Postado · Editado por fercosmig
    Utilize a tag code. 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
&lt;script language="javascript">
function soma(){
    a=parseInt(document.getElementById("a").value);
    b=parseInt(document.getElementById("b").value);
    resultado=a+b;
    tabela=document.getElementById("oi");
    tabela.rows[0].cells[0].innerHTML=resultado;
}
</script>
<select name="num1" id="a" onchange="soma()">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<select name="num2" id="b" onchange="soma()"> 
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<table id="oi">
    <tr>
        <td>
        </td>
    </tr>
</table>
</body>
</html>

    cara num sei nada de php mas acho que isso vai ser melhor pra você visualizar!

  25. Atribuicao

    em Ajax, JavaScript, XML, DOM

    Postado

    num e o valor coletado por um document.getElementById("x").value

    eu estava tenstando com o valor 105

    function tiraza(num){
    var numm=num;
    for(var i=0;i<numm.length;i++)
        if(numm[i]==0){
            numm[i]="9";
            alert(numm[i]);
        }
}

    ae galera olhem esse codigo! simples, pelas tecnicas que eu usava até agora isso devia dar um alert com o numero 9, mas por incrivel que pareça o resultado do alert no fire fox é 0 e no ie nem alert aparece!!

    alguém pode me dirzer oque acontece?????

×
×
  • Criar Novo...