Javascript para mostar resultado

Requenaeo · #1 (**permalink**) 16/12/2011, 17:57

hola todos del foros, tengo una gran duda sobre los codigo de fuentes de facebook y twitter cuando inicia sesion siempre cuando revisas los codigos nunca te aparce los comentarios nada sino puro javascript y me encantaria que me ayudaran con estos codigo yo tengo una pagina home.php y quisiera no mostrar los comentarios como lo tengo sino javascript que muestren los contenido y que sea mas rapida su navegacion.!se lo agradezco

jorgelpadronb · #2 (**permalink**) 16/12/2011, 22:38

Hola. Creo que te refieres a utilizar Ajax, que te permite cargar contenido dinámico desde javascript, consultando un script de php o asp, para mostrar sus resultados dentro de cualquier elemento de tu código HTML local, sin tener que recargar la página completa con cada carga de contenido. Es eso lo que buscas?

Si es eso lo que buscas aquí te dejo un ejemplo que encontré y que no he tenido tiempo de probar. Si lo pruebas te pido que postees el resultado que tuviste:

Código Javascript:

Ver original<script language="javascript" type="text/javascript">
<!--//Quick Javascript Ajax 
//Browser Support Code
 
function Ajax(App,Params,Container,Method){
    var ajaxRequest;  // The variable that makes Ajax possible!
    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Your browser broke!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(Container){
        if(ajaxRequest.readyState == 4){
            var ajaxDisplay = document.getElementById(Container);
            ajaxDisplay.innerHTML = ajaxRequest.responseText;
        }
    }
    if(Method!='POST' && Method!='GET')Method='POST';
  if(Params!='')Params='?'+Params;
  ajaxRequest.open(Method, App + Params, true);
    ajaxRequest.send(null); 
}
//-->
</script>

Los parámetros son:

App: La ruta del script PHP o ASP que se va a consultar.
Params: Lista de parámetros que se van a pasar al script con el conocido formato.
Nombre=Valor&Nombre=Valor&Nombre=Valor etc...
Container: El Id del objeto HTML que va a contener los contenidos resultantes de la consulta al script. Sirve cualquier objeto HTML que pueda contener más código HTML, como un DIV o un TD, por ejemplo.
Method: Define el método usado para la llamada al script. Puede ser 'GET' o 'POST'. Notese que no sirven 'get' o 'post'. En caso de método nulo o inválido se asume 'POST' por defecto.

Según dice el ejemplo, funciona igual que Ajax. No lo he probado, espero que te sirva.

Requenaeo · #3 (**permalink**) 19/12/2011, 17:46

ok, amigo gracias por tu respuesta pero creo haber utilizando esos codigo y perdona por no explicarme bie, vea yo busco es que en homa.php que es vamos a suponer estos codigo

Código PHP:

Ver original</head>
 
<body>
  <h1>Lorem ipsum dolor sit amet</h1>
  <div id="estilos">
  <a id="style" href="user.php?thm=lila">hola como estan toso</a> 
  <a id="style1" href="user.php?thm=jose">hola niña, como esta tpodo?</a>
  <a id="style2" href="user.php?thm=smari2">holaaaaaaa! se olvidan de mi</a>
  </div>
</body>
</html>

se da cuenta que aparece los comentario con un nombre de usuario yo quiero que no aparesca y que solo un javascrpt o ajax que busque otro archi que contenga estos comentario y que si hay nuevos registro se actualiza no qeu se actualize en todo momento y que el ajax reaccione rapido para que que el uysuario se fastidie esperando!te agradezco tu respuesta y espero que me ayudes!T_T

waldragon · #4 (**permalink**) 19/12/2011, 21:48

Aqui tienes un script que toma datos desde un archivo ejemplo archivo.php y lo muestra en un div de tu codigo html, por ejemplo <div id="div1"></div> y tiene la posibilidad de hacer que este unico div se actualice solo, sin refrescar toda la pagina, tendras que hacerle algunas modificaciones pero funciona muy bien, yo lo use para mostrr las conversaciones en un chat.
http://vcomputadoras.com/refrescar-d...script-y-ajax/

Requenaeo · #5 (**permalink**) 27/12/2011, 16:40

hola ahora neceto su ayuda aqui esta un codigo que revise y probe y reacciona perfctamente pero solo fncia con un archov de texteo y quiero que reaccione con uno de php aqui estanm los codigo:

Código Javascript:

Ver original<script type="text/javascript">
var Comet = Class.create();
Comet.prototype = {
 
  timestamp: 0,
  url: 'backend.php',
  noerror: true,
 
  initialize: function() { },
 
  connect: function()
  {
    this.ajax = new Ajax.Request(this.url, {
      method: 'get',
      parameters: { 'timestamp' : this.timestamp },
      onSuccess: function(transport) {
        // handle the server response
        var response = transport.responseText.evalJSON();
        this.comet.timestamp = response['timestamp'];
        this.comet.handleResponse(response);
        this.comet.noerror = true;
      },
      onComplete: function(transport) {
        // send a new ajax request when this request is finished
        if (!this.comet.noerror)
          // if a connection problem occurs, try to reconnect each 5 seconds
          setTimeout(function(){ comet.connect() }, 5000); 
        else
          this.comet.connect();
        this.comet.noerror = false;
      }
    });
    this.ajax.comet = this;
  },
 
  disconnect: function()
  {
  },
 
  handleResponse: function(response)
  {
    $('content').innerHTML += '<div>' + response['msg'] + '</div>';
  },
 
  doRequest: function(request)
  {
    new Ajax.Request(this.url, {
      method: 'get',
      parameters: { 'msg' : request }
    });
  }
}
var comet = new Comet();
comet.connect();
</script>

aqui esta el php llamada backend.php

Código PHP:

Ver original<?php
 
$filename  = dirname(__FILE__).'/data.txt';
 
// store new message in the file
$msg = isset($_GET['msg']) ? $_GET['msg'] : '';
if ($msg != '')
{
  file_put_contents($filename,$msg);
  die();
}
 
// infinite loop until the data file is not modified
$lastmodif    = isset($_GET['timestamp']) ? $_GET['timestamp'] : 0;
$currentmodif = filemtime($filename);
while ($currentmodif <= $lastmodif) // check if the data file has been modified
{
  usleep(10000); // sleep 10ms to unload the CPU
  clearstatcache();
  $currentmodif = filemtime($filename);
}
 
// return a json array
$response = array();
$response['msg']       = file_get_contents($filename);
$response['timestamp'] = $currentmodif;
echo json_encode($response);
flush();
 
?>

ahora no se y e intentado pero no da resultado por favor ayudenme!!