como se hace esto???(MSN)

[Arturo menda]

hola buenas mirad es que necesito hacer algo como en:
http://es.msn.com/

En su cabecera,que al pulsar en Internet te pone la busqueda de internet etc...

Necesito hacer algo como eso para una busqueda...pero no se como...alguien seria tan amable de guiarme?gracias!

[franciscodab]

Arturo;

A continuación algunas ideas que puedo aportarte.
Los links serían estos ...

<a href="" onclick=cambiar("Internet");>Internet</a>
<a href="" onclick=cambiar("Escritorio");>Escritorio</a>
etc.

La etiqueta que cambia seria esta ...

<div id="texto">Buscar en</div>

La función javascript que gestionario todo sería ...

<script>
function cambiar(cadena) {

document.getElementById("texto").innerHTML = cadena;
return;

}
</script>

El tema es que todo eso va asociado a un formulario y a una forma de buscar dependiendo de la solapa seleccionada, eso tambien lo debes gestionar.

Saludos,

[Arturo menda]

hola gracias mmm no se podria poner que al devolver el resultado cambiara tambien el form?estoy bastante perdido..

Gracias por tu tiempo.

[ZMaster]

Eso se hace con AJAX ocultando layers y desplegando/ocultando al dar click

[franciscodab]

ZMaster;

Con todo respeto, yo utilizaría AJAX solo para acceder al servidor y refrescar la página en la que estoy posicionado sin cambiar la url de la misma.

Arturo;

En el caso que planteas, modificar el formulario al mismo tiempo que se modifica la etiqueta es tambien "sencillo", en ese caso haría una función javascript para cada link, ejemplo:

<a href="" onclick=cdInternet();>Internet</a>
<a href="" onclick=cdEscritorio();>Escritorio</a>
etc.

Al formulario lo encerraria entre tags div:

<div id="formulario">
<form> ... </form>
</div>

La etiqueta que cambia seria esta ...

<div id="texto">Buscar en</div>

Las funciones javascript que gestionarian todo sería ...

<script>
function cdInternet() {
document.getElementById("texto").innerHTML = "Internet";
// acá reconstruyo el formulario apropiado
document.getElementById("formulario").innerHTML = "<form>...</form>";
return;
}

function cdEscritorio() {
document.getElementById("texto").innerHTML = "Escritorio";
// acá reconstruyo el formulario apropiado
document.getElementById("formulario").innerHTML = "<form>...</form>";
return;
}
</script>

Espero haber colmado las espectativas

Saludos,

[Arturo menda]

muchas gracias por responder lo voy a probar ^^

Un Saludo!