Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje11-04-2011, 15:30 (UTC)    
Título del mensaje: Ayuda: Cambiar width a resultados de buscador

Hola bueno para ir al punto altiro, me explico

Tengo una buscador interno de google (busca solo en mi web)

Al crear el buscador me tira 2 codigos. El primer codigo es el que se pone donde uno quiere que aparesca el buscador y el otro se pega donde uno quiere que aparescan los resultados.

Bueno asta eso voy bien, pero lo que quiero es cambiar el tamaño width (ancho) de los resultados, ya que quedan muy anchos y me distorciona la pagina de resultados.

Bueno en un comentarios me dieron una repsuesta que desia, que en el segundo codigo, le cambiara la parte que dise por defecto "width", pero al cambiarla no sucede nada de nada.

POreso pregunto, para ver si me dan una solucion.


estew es el segundo codigo de los resultados, esa parte que dise
"var googleSearchFrameWidth = 600;" edite, pero no paso nada.


Código:
<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 600;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script>




PD: POrfavor no me den respuestas, que ponga el codigo en una div y que le edite la width a la div, por que ya lo intente :D.






Edito

Para el que no entendio, tengo dos codigos del buscador. El del buscador en si, y el que se pone en una nueva pagina (que serian los resultados del buscador)

Primero codigo (codigo del buscador):
Código:
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load('search', '1');
  google.setOnLoadCallback(function() {
    google.search.CustomSearchControl.attachAutoCompletion(
      '013977325045966333731:u47nzi0chki',
      document.getElementById('q'),
      'cse-search-box');
  });
</script>
<form action="" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="013977325045966333731:u47nzi0chki" />
    <input type="hidden" name="cof" value="FORID:10" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" id="q" autocomplete="off" size="31" />
    <input type="submit" name="sa" value="Buscar" />
  </div>
</form>
<script type="text/javascript" src="//www.google.com/cse/brand?form=cse-search-box&lang=es"></script>




Segundo codigo (codigo de los resultados del buscador)
"Este codigo se pega donde uno quiere que aprescan los resultados (una nueva pagina)

Código:

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 600;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script>





Este es el codigo que quiero editar, me dijeron que editara esa parte que dise var googleSearchFrameWidth = 600; para cambiar el ancho de los resultados, pero al cambiarlos no sucedio nada.

ese es mi problema quiero cambiarle el ancho a los resultados para que se me acomoden bien e mi web.


Ultima edición por redvicio el Lun Abr 11, 2011 5:09 pm; editado 3 veces
Mensaje11-04-2011, 18:08 (UTC)    
Título del mensaje: saludos

lo primero que pdrias hacer es poner el buscador en uma tabla transparente8 o sea sin fondo ni borde)luego poner el buscador dentro de ella. de tal forma que consigues modificar el tamaño de los resultados. ahhhh me olvidaba la medida vertical de la tabla lo dejas sin ningun valor para que este pueda modificarse de acuerdo a los resultados que lanze el buscador, saludos..............


___________________________________
www.monografias.es.tl
Mensaje11-04-2011, 18:19 (UTC)    
Título del mensaje:

Cita:

lo primero que pdrias hacer es poner el buscador en uma tabla transparente8 o sea sin fondo ni borde)luego poner el buscador dentro de ella. de tal forma que consigues modificar el tamaño de los resultados. ahhhh me olvidaba la medida vertical de la tabla lo dejas sin ningun valor para que este pueda modificarse de acuerdo a los resultados que lanze el buscador, saludos..............




Gracias por repsonder :D, pero como dije en la PD, puse que ya habia echo eso, habia creado una nueva div y puse el codigo de resultados del buscador dentro de tal div, pero no pude editar la div ya que los resultados quedaban igual
Mensaje11-04-2011, 23:18 (UTC)    
Título del mensaje:

Hola,
Intenta poniendo este codigo dentro y entre el código del buscador.

Cita:
<INPUT TYPE=text name=q size=31 maxlength=255 value="">


Saludos.
______________
Mensaje12-04-2011, 00:03 (UTC)    
Título del mensaje:

Cita:
Hola,
Intenta poniendo este codigo dentro y entre el código del buscador.

Cita:
<INPUT TYPE=text name=q size=31 maxlength=255 value="">


Saludos.



No entendi bien, donde lo pongo?

En el codigo del buscador o en el codigo de los resultados
Mensaje12-04-2011, 00:39 (UTC)    
Título del mensaje:

redvicio escribió:
Cita:
Hola,
Intenta poniendo este codigo dentro y entre el código del buscador.

Cita:
<INPUT TYPE=text name=q size=31 maxlength=255 value="">

Saludos.


No entendi bien, donde lo pongo?
En el codigo del buscador o en el codigo de los resultados


Lo puedes hacer mediante intercambiando el codigo de tu buscador,
otra forma de disminuir el ancho de una simple forma es ajustandolo en estos codigos.

Cita:
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('search', '1');
google.setOnLoadCallback(function() {
google.search.CustomSearchControl.attachAutoCompletion(
'013977325045966333731:u47nzi0chki',
document.getElementById('q'),
'cse-search-box');
});
</script>
<form action="" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="013977325045966333731:u47nzi0chki" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" id="q" autocomplete="off" size="31" />
<input type="submit" name="sa" value="Buscar" />
</div>
</form>
<script type="text/javascript" src="//www.google.com/cse/brand?form=cse-search-box&lang=es"></script>


31 Lo cambias a un numero inferio para que sea mas chico.

Saludos.
______________
Mensaje12-04-2011, 00:56 (UTC)    
Título del mensaje:

Amigo nemesis parese que no me entendio porque al p camniar el numero 31 por uno mas bajo, se achica el cuadrito del buscador, pero no se achica el ancho de los resultados del buscador, para que me entienda mejor, pongo esta foto:

Mensaje12-04-2011, 02:15 (UTC)    
Título del mensaje:

Hola!,

Tiene que salirte y revise tu código de fuente y tienes las medidas en "600", inténtala poner de nuevo en "1000" y me avisas, yo hice un
intento con esos códigos y sin plantilla como esta tu web y salio todo perfecto ati te tendría que salir igual.


Ultima edición por ipwg el Lun Abr 11, 2011 10:16 pm; editado 2 veces
Mensaje12-04-2011, 02:24 (UTC)    
Título del mensaje:

Hola!

Antes que nada, lee las normas del foro:

http://equipopwg.es.tl/Normas.htm

Eso te va ayudar a colocar tus nuevos temas en la sección adecuada, ahora con lo que respecta a tu problema, ese ancho no se puede controlar porque es un iframe que pone google para los resultados y no es posible editarlo.

Saludos,
Moderador Luupa

PD. Muevo tu tema a "Otros Temas"
______________


Ultima edición por luupa el Lun Abr 11, 2011 10:26 pm; editado 1 vez
Mensaje14-04-2011, 08:32 (UTC)    
Título del mensaje:

Creo que no se puede separar esa distancia, es la "defaut" de google.
______________


Mensaje14-04-2011, 21:35 (UTC)    
Título del mensaje:

Gracias si me di cuenta que el tamaño de los resultados son de 600. Se puede agranadar el ancho, pero no dismunir de los 600. Gracias :D
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group