Ciao a tutti.
Sto crecando un TAB MENU funzionante con i DIV.
Ne ho trovato uno qui su HTML.IT ma è un pò povero.
Qualcuno di voi ha qualche riferimento o qualcosa di più completo, mi farebbe un grandissimo favore!
Grazie
Ciao a tutti.
Sto crecando un TAB MENU funzionante con i DIV.
Ne ho trovato uno qui su HTML.IT ma è un pò povero.
Qualcuno di voi ha qualche riferimento o qualcosa di più completo, mi farebbe un grandissimo favore!
Grazie
Una cosa tipo www.webstandardsawards.com ?
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
Non proprio...
un click sul link non deve produrre un cambiamento di pagina ma un cambio di layer in modo che se passo da un tab all'altro non perdo i dati inseriti nei form.
Potresti creare un gioco di mostra-nascondi con javascript: a ogni clic del mouse si nasconde (display: none) un div e ne appare un altro.
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
L'ho fatto.
Il mio problema è formattare in modo corretto la pagina, creare i TAB tramite delle immagini, cambiare i colori sul link... insomma tutto il lavoro di rifinitura che probabilmente è già stato fatto da altri.
Tra l'altro i DIV non riesco mai a gestirli benissimo!
Per questo chiedevo se qualcuno ha già qualcosa di fatto.
Cmq vi posto il codice della pagina:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript"> //Define global variables
var totalLayersInLoop=3;
var layerNumShowing=1;
function init(){
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
} }
function showLayerNumber(number){
var layerNumToShow=number;
hideLayer(eval('"layer' + layerNumShowing+'"'));
showLayer(eval('"layer' + layerNumToShow+'"'));
layerNumShowing=layerNumToShow; }
function showPreviousLayer(){
var layerNumToShow=layerNumShowing-1;
if (layerNumToShow < 1){layerNumToShow=totalLayersInLoop;}
hideLayer(eval('"layer' + layerNumShowing+'"'));
showLayer(eval('"layer' + layerNumToShow+'"'));
layerNumShowing=layerNumToShow; }
function showNextLayer(){
var layerNumToShow=layerNumShowing+1;
if (layerNumToShow > totalLayersInLoop){layerNumToShow=1;}
hideLayer(eval('"layer' + layerNumShowing+'"'));
showLayer(eval('"layer' + layerNumToShow+'"'));
layerNumShowing=layerNumToShow; }
function showLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'); }
function hideLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"'); }
</SCRIPT>
<STYLE TYPE="text/css">
#layer1 {POSITION: absolute; Z-INDEX: 10; VISIBILITY: visible; LEFT: 10px; TOP: 35px;}
#layer2 {POSITION: absolute; Z-INDEX: 20; VISIBILITY: hidden; LEFT: 10px; TOP: 35px;}
#layer3 {POSITION: absolute; Z-INDEX: 30; VISIBILITY: hidden; LEFT: 10px; TOP: 35px;}
#loopControls {POSITION: absolute; Z-INDEX: 40; VISIBILITY: visible; LEFT: 1px; TOP: 50px;}
</STYLE>
<link href="../css/cssTagSelector.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY bgcolor="white" onLoad="init()">
<DIV ID="loopControls" align="center">
<table border="1">
<tr><!--td>
Precedente</td>
<td>
Successivo </td-->
<td>
Layer numero 1</td>
<td>
Layer numero 2 </td>
<td>
Layer numero 3 </td>
</table>
<DIV ID="layer1" align="center">
Roberto
</DIV>
<DIV ID="layer2" align="center">
text1<input type="text" name="2">
</DIV>
<DIV ID="layer3" align="center">
text2<input type="text" name="3">
</DIV>
</DIV>
</body>
</html>
Permessi di invio
Rispondi quotando