Painel de noticias com ajax e php

[thiago.treviso 0]

Recentemente iniciei meus estudos em Php e Ajax. Estou tentando construir um sistema de trocas de textos, sendo que os textos serão trocados ao passar o mouse sobre um link, semelhante ao utilizado no site do MSN, onde tem os campos de Esportes, Notícias, Entretenimento, etc. Funcionou perfeitamente, porém, eu teria que digitar os texto na função do ajax. Ai tive a ideia de tentar inserir um código Php para poder puxar os textos de um arquivo txt, porém estou com dificuldades em faze-lo funcionar. Abaixo segue o script:

 

<script>
    function trocar(meulink)
    {
        texto=document.getElementById("caixa")
            if(meulink=="L1")
                     <?
                     $fp=fopen('txt/box1.txt','r');
                     $tama=filesize('txt/box1.txt');
                     $texto=fread($fp,$tama);
                     echo "\n";
                     echo 'var frase="$texto"';
                        echo ";\n";
                     ?>          

            if(meulink=="L2")
             <?
                     $fp=fopen('txt/box2.txt','r');
                     $tama=filesize('txt/box2.txt');
                     $texto=fread($fp,$tama);
                       echo "\n";
                     echo 'var frase="$texto"';
                       echo ";\n";;
                     ?>

            if(meulink=="L3")            
             <?
                     $fp=fopen('txt/box3.txt','r');
                     $tama=filesize('txt/box3.txt');
                     $texto=fread($fp,$tama);
                     echo "\n";
                     echo 'var frase="$texto"';
                      echo ";\n";
                     ?>

        texto.innerHTML='$texto'

    }

</script>

E abaixo segue o local que esses textos irao aparecer

 

<table width="500" border="1">
    <tr>
        <td><a href="#" onmouseover="trocar('L1')">Noticias</a></td>
        <td><a href="#" onmouseover="trocar('L2')">Tecnologia</a></td>
        <td><a href="#" onmouseover="trocar('L3')">Videos</a></td>
    </tr>
    <tr>
        <td colspan="3" height="150" id="caixa">
                   <?
                     $fp=fopen('txt/box1.txt','r');
                     $tama=filesize("txt/box1.txt");
                     $texto=fread($fp,$tama);
                     fclose($fp);
                     echo $texto;
                   ?></td>
    </tr>
</table>

Alguém pode me ajudar??

Agradesço desde já pela atenção

[Henrique Barcelos 290]

Qual é exatamente o problema?

 

O que deveria estar acontecendo e não acontece?

[thiago.treviso 0]

Qual é exatamente o problema?

 

O que deveria estar acontecendo e não acontece?

 

Bom esse código era para funcionar assim:

Ao passar o mouse sobre os links Noticias, Tecnologia e Videos ele irá acionar a função ajax e trocar o texto da celula da tabela que tem a id "caixa". Só que eu queria incluir uma função php dentro do ajax, para inportar o texto da noticia de um arquivo txt, tipo monta um painel administrativo. Só que quando eu passo o mouse sobre o link, no local que deveria aparecer o texto txt aparece a variavel $texto. Não sei se o código php está errado ou se tem algo mais a acresentar.

 

vlw

[William Bruno 1501]

Faltou 'usar' AJAX ai ne?!

 

você tem que fazer uma requisição ao servidor.. usando o xmlHttpRequest, e o arquivo php solicitado, dá 'echo', assim o Javascript processa, e recebe oque você precisa.

 

Mas considero desnecessário tudo isso.

você pode simplesmente criar um vetor, e mudar a posição dele ao trocar.

 

Para entender o motivo do teu código não funcionar, entenda que php roda no servidor, e javascript no cliente.

todo código Javascript (sem AJAX), só vai conseguir agir no que você ver em: Exibir > Código Fonte