Volver al Foro de Diseño de páginas Web

Google AJAX API

  • tomrulez
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Jul 30, 2005
  • Mensajes: 571
  • Loc: England!!
  • Status: Offline

Nota Febrero 17th, 2011, 3:53 am

Ha pasado mucho tiempo desde que he publicado aquí...

De todos modos estoy diseñando un sitio web y estoy tratando de poner en práctica el tutorial de la parte inferior de esta página: http://code.google.com/edu/ajax/tutoria ... h-api.html

Tengo todo funcionando, pero necesito los resultados de búsqueda para borrar una vez se corrió otra búsqueda, en el momento en que sólo aparecen a continuación los últimos resultados. No puedo encontrar la manera de conseguir que esto funcione, alguien tiene alguna idea?

También una vez que los resultados se devuelven las urls no son "hacer clic" (no estoy seguro si esa es la palabra correcta), en el momento en que tiene que ser copiado en una barra de direcciones para el trabajo y me gustaría que por lo que un usuario sólo puede hacer clic en el enlace . ¿Alguien sabe cómo puedo hacer esto? He intentado todo para conseguir estos dos elementos de trabajo, sino que parecen estar más allá de mí.

¡Salud
~ http://tomrulez.deviantart.com/ ~
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Febrero 17th, 2011, 3:53 am

  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8922
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Marzo 29th, 2011, 6:08 pm

Parece que nadie ha respondido. Me tomó un vistazo al enlace de Google y por alguna razón uno de sus 404, que incluso trató de encontrar en su página web y estoy pensando que puede ser un error de su parte. Por último se encuentran utilizando Way Back Machine .

De todos modos ¿alguna vez resolver esto? Hay todo tipo de código de ejemplo en la página, la parte inferior está utilizando este código:

HTML Código: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Print Search Results</title>
 
  <!-- google search api -->
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=internal-solution" type="text/javascript"></script>
 
  <!-- std apis -->
  <script src="http://www.google.com/uds/solutions/cscintro/stdlib.js" type="text/javascript"></script>
 
  <link href="http://www.google.com/uds/solutions/cscintro/stdlib.css" rel="stylesheet" type="text/css"/>
 
  <!-- base-styles for my demos -->
  <link href="base-styles.css" rel="stylesheet" type="text/css"/>
 
  <!-- main -->
  <script type="text/javascript">
    var gLog;
    var gSearch;
 
    function main() {
      gLog = new StdLog(document.getElementById("log"), "stdout");
      gSearch = new GwebSearch();
      gSearch.setResultSetSize(GSearch.LARGE_RESULTSET);
      gSearch.setSearchCompleteCallback(null, searchComplete, [null]);
    }
 
    function startSearch() {
      var input = document.getElementById("input");
      if (input.value) {
        gLog.printLine("Search Results for: " + input.value);
        gSearch.execute(input.value);
      } else {
        gLog.printLine("*** Error. Enter a Search Term ***");
      }
    }
 
    function searchComplete() {
      if (gSearch.results && gSearch.results.length) {
       var i;
        for (i=0; i < gSearch.results.length; i++ ) {
         var result = gSearch.results[i];
         gLog.printLine(result.title + " @ " + result.url);
       }
       gLog.printLine("");
     } else {
       gLog.printLine("*** Error. No Search Results ***");
     }
   }
 
 </script>
</head>
<body onload="main()">
  <h1>Print Search Results</h1>
  <div class="input-box">
 
    <input type="text" id="input"/> <input type="button" value="search" onclick="startSearch()"/>
  </div>
  <div id="log">Loading...</div>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  4.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5.   <title>Print Search Results</title>
  6.  
  7.   <!-- google search api -->
  8.   <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=internal-solution" type="text/javascript"></script>
  9.  
  10.   <!-- std apis -->
  11.   <script src="http://www.google.com/uds/solutions/cscintro/stdlib.js" type="text/javascript"></script>
  12.  
  13.   <link href="http://www.google.com/uds/solutions/cscintro/stdlib.css" rel="stylesheet" type="text/css"/>
  14.  
  15.   <!-- base-styles for my demos -->
  16.   <link href="base-styles.css" rel="stylesheet" type="text/css"/>
  17.  
  18.   <!-- main -->
  19.   <script type="text/javascript">
  20.     var gLog;
  21.     var gSearch;
  22.  
  23.     function main() {
  24.       gLog = new StdLog(document.getElementById("log"), "stdout");
  25.       gSearch = new GwebSearch();
  26.       gSearch.setResultSetSize(GSearch.LARGE_RESULTSET);
  27.       gSearch.setSearchCompleteCallback(null, searchComplete, [null]);
  28.     }
  29.  
  30.     function startSearch() {
  31.       var input = document.getElementById("input");
  32.       if (input.value) {
  33.         gLog.printLine("Search Results for: " + input.value);
  34.         gSearch.execute(input.value);
  35.       } else {
  36.         gLog.printLine("*** Error. Enter a Search Term ***");
  37.       }
  38.     }
  39.  
  40.     function searchComplete() {
  41.       if (gSearch.results && gSearch.results.length) {
  42.        var i;
  43.         for (i=0; i < gSearch.results.length; i++ ) {
  44.          var result = gSearch.results[i];
  45.          gLog.printLine(result.title + " @ " + result.url);
  46.        }
  47.        gLog.printLine("");
  48.      } else {
  49.        gLog.printLine("*** Error. No Search Results ***");
  50.      }
  51.    }
  52.  
  53.  </script>
  54. </head>
  55. <body onload="main()">
  56.   <h1>Print Search Results</h1>
  57.   <div class="input-box">
  58.  
  59.     <input type="text" id="input"/> <input type="button" value="search" onclick="startSearch()"/>
  60.   </div>
  61.   <div id="log">Loading...</div>
  62. </body>
  63. </html>


Es que el que trató de usar? Yo voy a probarlo, estoy pensando en el tipo de resultados que está obteniendo es, probablemente, a partir de esta línea:

JAVASCRIPT Código: [ Select ]
gLog.printLine(result.title + " @ " + result.url);


Si por lo que podría, por ejemplo, así:

Quote:
Ozzu Webmaster Foro @ http://www.ozzu.com/


Sondeo ¿verdad? Esto parece bastante fácil de cambiar.

Bueno acabo de hacer una prueba y yo estaba bastante cerca de lo que mencioné anteriormente. Para conseguir que se enlazan en realidad sólo iba a cambiar la línea de Javascript último que se cita a:

JAVASCRIPT Código: [ Select ]
gLog.printLine("<a href='" + result.url + "'>" + result.title + "</a>");


Que en vez unirá los títulos de las direcciones URL devueltas. Después de cada búsqueda si desea borrar los resultados que se edite la función startSearch y añadir la parte destacan a continuación:

JAVASCRIPT Código: [ Select ]
        function startSearch() {
         gLog.clear();
          var input = document.getElementById("input");
          if (input.value) {
            gLog.printLine("Search Results for: " + input.value);
            gSearch.execute(input.value);
          } else {
            gLog.printLine("*** Error. Enter a Search Term ***");
          }
        }
  1.         function startSearch() {
  2.          gLog.clear();
  3.           var input = document.getElementById("input");
  4.           if (input.value) {
  5.             gLog.printLine("Search Results for: " + input.value);
  6.             gSearch.execute(input.value);
  7.           } else {
  8.             gLog.printLine("*** Error. Enter a Search Term ***");
  9.           }
  10.         }


También he añadido un poco de CSS para hacer la salida de mirar un poco más fácil en los ojos:

CSS Código: [ Select ]
    <style type="text/css">
      a {
         color:#aaaaaa;
      }
    </style>
  1.     <style type="text/css">
  2.       a {
  3.          color:#aaaaaa;
  4.       }
  5.     </style>


En general, los resultados de este aspecto:

Attachments:
google-search-results-ss.jpg

The google search results from using the Google AJAX Search API example



Después de cada búsqueda de todo lo que despeja así. Espero que esto ayude, a pesar de que pidió la ayuda hace un mes aproximadamente.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • tomrulez
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Jul 30, 2005
  • Mensajes: 571
  • Loc: England!!
  • Status: Offline

Nota Marzo 30th, 2011, 1:05 pm

Gracias, es justo lo que buscaba. Voy a probarlo mañana y en contacto con usted. Gracias de nuevo :)
~ http://tomrulez.deviantart.com/ ~

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 3 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 153 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC