Consulta de código html de una web con eventos de ratón
Hola, veo que hay expertos en html y creo que me puedes ayudar...
Tengo una página con una caja de texto y un botón de comando, ademas debajo de ellos tengo un marco flotante... Te haz de imaginar el diseño.
Lo que deseo hacer es lo siguiente:
1. Introducir una búsqueda en la caja de texto y que al hacer click en el botón me transmita esa búsqueda (cadena de caracteres) a otra caja de texto.
2. Que en ese mismo evento onclik me oculte ambos objetos caja de textp y botón.
Bueno la verdad eso si lo hago así
boton.style.visibility="hidden"
Ahora que hay con el marco flotante, pues que transmito la búsqueda al buscador de google para que este se habrá en el marco flotante y me de los resultados de la búsqueda en mi página... Y ahí es el problema que no me deja ocultar los dos objetos iniciales de mi página cuando hago click en el botón de comando para que solo me queda las cajas de texto y las demás opciones del google.
Bueno ojala me entiendas y me puedas ayudar... Agradecería inmensamente tu apoyo... Solo eso me falta para arreglar mi página.
Gracias jckey
Tengo una página con una caja de texto y un botón de comando, ademas debajo de ellos tengo un marco flotante... Te haz de imaginar el diseño.
Lo que deseo hacer es lo siguiente:
1. Introducir una búsqueda en la caja de texto y que al hacer click en el botón me transmita esa búsqueda (cadena de caracteres) a otra caja de texto.
2. Que en ese mismo evento onclik me oculte ambos objetos caja de textp y botón.
Bueno la verdad eso si lo hago así
boton.style.visibility="hidden"
Ahora que hay con el marco flotante, pues que transmito la búsqueda al buscador de google para que este se habrá en el marco flotante y me de los resultados de la búsqueda en mi página... Y ahí es el problema que no me deja ocultar los dos objetos iniciales de mi página cuando hago click en el botón de comando para que solo me queda las cajas de texto y las demás opciones del google.
Bueno ojala me entiendas y me puedas ayudar... Agradecería inmensamente tu apoyo... Solo eso me falta para arreglar mi página.
Gracias jckey
Respuesta de scriptman
1
Son varias preguntas, pero ya lo dice el dicho "un código dice más que mil palabras":
<html><HEAD>
<script>
function buscar(){
busqueda.style.visibility='hidden';
frame.location='http://www.google.com/search?q='+document.f.search.value;
document.f.TB2.value=document.f.search.value;
}
</script>
</HEAD>
<body>
<!--<img src="m6v9.gif">-->
<form name=f action="javascript:buscar()">
<div id="busqueda">
<input size=20 id=search>
<input type="submit" value="Enviar">
</div>
<br>
Pagina:<br>
<iframe src="" width="500" heigth="400" id=frame>
</iframe><p>
...<p>
Textbox2:<br>
<input size=20 id="TB2">
<form>
</body>
</HTML>
Puedes haber escondido cada elemente por separado en ves de una div, pero de esta forma tienes la opción de agregar texto, estilo etc en una especie de barra de búsqueda...
Saludos,
scriptman.
<html><HEAD>
<script>
function buscar(){
busqueda.style.visibility='hidden';
frame.location='http://www.google.com/search?q='+document.f.search.value;
document.f.TB2.value=document.f.search.value;
}
</script>
</HEAD>
<body>
<!--<img src="m6v9.gif">-->
<form name=f action="javascript:buscar()">
<div id="busqueda">
<input size=20 id=search>
<input type="submit" value="Enviar">
</div>
<br>
Pagina:<br>
<iframe src="" width="500" heigth="400" id=frame>
</iframe><p>
...<p>
Textbox2:<br>
<input size=20 id="TB2">
<form>
</body>
</HTML>
Puedes haber escondido cada elemente por separado en ves de una div, pero de esta forma tienes la opción de agregar texto, estilo etc en una especie de barra de búsqueda...
Saludos,
scriptman.
