Menú Principal

duda en php

Iniciado por sarawlf, 4 Diciembre 2011, 14:49 PM

0 Miembros y 1 Visitante están viendo este tema.

sarawlf

hola a todos, soy nueva en este foro.
vereis yo no estudio nada de programación pero de forma autonóma y porque me gusta decidí hace unos meses aprender programación web. empecé por html y ahora me he pasado a php. Estoy haciendo un web tienda pero aun le estoy dando forma.
La web tiene identificación de sesiones y un div a la izquierda con un menú de productos   y un div  al lado que me muestra los productos pertenecientes al producto que he seleccionado en el menú. Por ejemplo pincho en el menú la opción bolsos y en el div de la derecha me aparecen los bolsos.
El problema es que no se como hacerlo, seria hacer como una especie de target para que el div de la derecha sea el único en cambiar cada vez que selecciono el producto del menú. He leido por google algo de javascript pero no tengo ni idea de como hacerlo ni que buscar en google algun ejemplo.

satu

Hola

No estoy muy puesto en programación web pero creo que lo que quieres hacer se puede hacer con frames en html. Aquí tienes un videotutorial.

Espero que te sirva

Saludos
Breakbeat como forma de vida

sarawlf

la funcion es esa pero no lo quiero hacer con frames que lo veo un poco feo sino con javascript

klaine

#3
javascript tiene una funcion que se llama getElementById, puedes "tomar" un elemento de tu documento html, especificando el id de dicho elemento de la siguiente forma:

Código (javascript) [Seleccionar]


variable = document.getElementById("Id de tu elemento");



Los elementos tienen atributos y metodos, los "elementos" tienen el atributo innerHTML, que representa el tecxto que tienen dentro de sí, te dejo un ejemplo
un boton que mostrara hola mundo despues de clickear sobre el:

Código (html4strict) [Seleccionar]


<html><head><title>Ejemplo js</title></head><body>

<script type="text/javascript">

function mostrarHolaMundo(){

variable=document.getElementById("IdDelDiv");

variable.innerHTML="Hola mundo ;D";

}

</script>

<div align=\"center\" id="IdDelDiv"><input type="BUTTON" value="Clickeame!" onClick=mostrarHolaMundo()></div>

</body></html>



Saludos!, aunque yo recien empiezo con la programacion web y no se si sera la forma correcta de hacerlo, de todas formas funka ;D