|
Este exemplo ilustra como mostrar a páginas em pequenos blocos.
Neste exemplo tem um menu pop-up em que o usuário seleciona o
item que deseja ler. A versão utilizando layer está na seguinte link: Exemplo de navegação com Layer Dessa forma é possivel utilizar a seguinte função para descrever o exemplo utilizando form <ILAYER ID="formlayer" LEFT=50> <P>Please select a flower:</P> <FORM NAME=form1v <SELECT name=menu1 onChange="changeFlower(this.selectedIndex); return false;"> <OPTION >Tulipa <OPTION >Tulipa de cores mistas <OPTION >Violeta <OPTION >Crisântemo Cor-de-Rosa </SELECT> </FORM> </LAYER> Quando a opção do menu é selecionado a função changeFlower() é chamada. Essa função chama a função hideAllFlowers() para esconder as outras camadas. <SCRIPT> function hideAllflowerLayers() { document.flower0.visibility="hide"; document.flower1.visibility="hide"; document.flower2.visibility="hide"; document.flower3.visibility="hide"; } function changeFlower(n) { hideAllflowerLayers(); document.layers["flower" + n].visibility="show"; } </SCRIPT> Cada parte do texto referenciado no menu pop-up é apresentado como uma camada, nesse exemplo o ID= flower0, flower1, flower2 e flower3. <LAYER ID="flower0" LEFT=50 width=400 BGCOLOR="#FFFFDD"> <HR> <H3>Tulipa</H3> <HR> <IMG src="images/redtul.jpg" align="LEFT" hspace=5> <P> Texto explicativo de cada flor</P> <BR CLEAR="ALL"> <P>Preço ....</P> </LAYER> É dessa forma que é possivel navegar através do menu em uma página sem necessitar apresentar todo o conteúdo de uma página. |
