Vai al contenuto

Please aiuto con javascript/css

alfoz

Da alfoz
in Web design e sistemisti

Messaggi raccomandati

alfoz

alfoz

Inviato
Inviato

ciao a tutti ho creato una paginetta per il mio gruppo,e ho copiato una script in java per far apparire determinate pagine e non mostrarne altre,solo che mi da alcuni problemi,uno su tutti se coopio lo steso script e lo modifico per il II menu non mi funziona,e poi non riesco a impostare la posizione degli elementi all interno della pagina

vi incollo il tutto magari se gli date un occhio cosi da vedere cosa c'e' che non funziona

<html>

<head>

<script type="text/javascript">

function Menu(ID)

{

var i = 1;

var max_link = 6;

for (i=1; i<max_link+1; i++)

{

if (ID == i)

{

document.getElementById("PG_" + ID).style.visibility = "visible";

document.getElementById("PG_" + ID).style.position = "relative";

}

else

{

document.getElementById("PG_" + i).style.visibility = "hidden";

document.getElementById("PG_" + i).style.position = "absolute";

}

}

}

</script>

<title>home</title>

<style type="text/css">

body {

background-image: url(immagini/b.jpg);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center center;

}

#PG_1

{

visibility: visible;

position: relative;

width: 400px;

text-align: justify;

}

#PG_2, #PG_3, #PG_4, #PG_5, #PG_6

{

visibility: hidden;

position: relative;

text-align: justify;

}

#PS_1

{

visibility: visible;

position: relative;

width: 400px;

text-align: justify;

}

#PS_2, #PS_3, #PS_4, #PS_5

{

visibility: hiden;

position: center center;

text-align: justify;

}

div.SX {

float: left;

width: 50%

</style>

</head>

<body bgcolor="black">

<center>

<div><img src="immagini/head.jpg"></img></div>

</center>

<center>

<div>

<a href="javascript:Menu(1)">Home</a> |

<a href="javascript:Menu(2)">Band</a> |

<a href="javascript:Menu(3)">Media</a> |

<a href="javascript:Menu(4)">Concerti</a> |

<a href="javascript:Menu(5)">Contatti</a> |

<a href="javascript:Menu(6)">Guesbook</a>

</div>

</center>

<p>

<center>

<!--pagina principale-->

<div id="PG_1">

contenuto principale home

</center>

</div>

<div id="PG_2">

<script type="text/javascript">

function Pippo(ID)

{

var i = 1;

var max_link = 5;

for (i=1; i<max_link+1; i++)

{

if (ID == i)

{

document.getElementById("PS_" + ID).style.visibility = "hiddden";

document.getElementById("PS_" + ID).style.position = "relative";

}

else

{

document.getElementById("PS_" + i).style.visibility = "hidden";

document.getElementById("PS_" + i).style.position = "absolute";

}

}

}

</script>

<center>

<a href="javascript:Pippo(1)">menu2_1</a>

<a href="javascript:Pippo(2)">menu2_2</a>

<a href="javascript:Pippo(3)">menu2_3</a>

<a href="javascript:Pippo(4)">menu2_4</a>

<a href="javascript:Pippo(5)">menu2_5</a>

</center>

</div>

<br>

<div id="PS_1">contenuto_1</div>

<div id="PS_2" >contenuto_2</div>

<div id="PS_3">contenuto_3</div>

<div id="PS_4">contenuto_4</div>

<div id="PS_5">contenuto_5</div>

<div id="PG_3">

Pagina in allestimento

</div>

<div id="PG_4">

Pagina in allestimento

</div>

<div id="PG_5">

Pagina in allestimento

</div>

<div id="PG_6">

Pagina in allestimento

</div>

</center>

</body>

</html>

vi ringrazio molto:fiorellino:

buttonForum.gif
Link al commento
Condividi su altri siti
alfoz

alfoz

Inviato
  • Autore
Inviato

perche' messo in alto sotto l'altro script non mi funzionava comunque.

pero' stamattina un po' l'ho sistemato ed ora funziona,solo che ora avrei bisogno di capire come fare per nascondere il menù che mi viene mostrato,perche' per esempio clicco su menu 1.mi farà vedere nella posizione stabilita il contenuto di menu1,se pero' clicco su menu2,mi rimane in vista il contenuto di menu1

(non centra con il codice di sopra,ora quello funziona, appena sono a casa posto il codice di quello funzionante)

buttonForum.gif
Link al commento
Condividi su altri siti
alfoz

alfoz

Inviato
  • Autore
Inviato

ecco incollo il codice che funziona

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>script_II</title><!--ATTIVARE JAVASCRIPT-->

<script type="text/javascript">

function Menu(ID)

{

var i = 1;

var max_link = 5;

for (i=1; i<max_link+1; i++)

{

if (ID == i)

{

document.getElementById("PG_" + ID).style.visibility = "visible";

document.getElementById("PG_" + ID).style.position = "absolute";

}

else

{

document.getElementById("PG_" + i).style.visibility = "hidden";

document.getElementById("PG_" + i).style.position = "absolute";

}

}

}

</script>

<script type="text/javascript">

function Menu_II(ID)

{

var i = 1;

var max_link = 2;

for (i=1; i<max_link+1; i++)

{

if (ID == i)

{

document.getElementById("liv_" + ID).style.visibility = "visible";

document.getElementById("liv_" + ID).style.position = "absolute";

}

else

{

document.getElementById("liv_" + i).style.visibility = "hidden";

document.getElementById("liv_" + i).style.position = "absolute";

}

}

}

</script>

<style type="text/css">

body {

background-image: url(immagini/b.jpg);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center center;

}

#menu_1

{

visibility: visible;

position: absolute;

background: Silver;

width: 400px;

position: absolute;

top: 0px;

left: 400px;

}

#PG_1

{

visibility: visible;

position: absolute;

background: Silver;

width: 300px;

position: absolute;

top: 20px;

left: 400px;

}

#PG_2, #PG_3, #PG_4, #PG_5

{

visibility: hidden;

position: absolute;

background: Silver;

width: 300px;

position: absolute;

top: 20px;

left: 400px;

}

#liv_1

{

visibility: hidden;

position: absolute;

background: Silver;

width: 300px;

position: absolute;

top: 100px;

left: 400px;

}

#liv_2

{

visibility: hidden;

position: absolute;

background: orange;

width: 300px;

position: absolute;

top: 100px;

left: 400px;

}

</style>

</head>

<body>

<div id="menu_1">

<a href="javascript:Menu(1)">Menu1</a> |

<a href="javascript:Menu(2)">menu2</a> |

<a href="javascript:Menu(3)">menu3</a> |

<a href="javascript:Menu(4)">menu4</a> |

<a href="javascript:Menu(5)">menu5</a>

</div>

<div id="PG_1">

Homepage ...

</div>

<div id="PG_2">

<div><a href="javascript:Menu_II(1)">Contatti</a>*<a href="javascript:Menu_II(2)">Contatti</a></div>

</div>

<div id="PG_3">portfolio

</div>

<div id="PG_4">

Preventivi ...

</div>

<div id="PG_5">

Contatti ...

</div>

<div id=liv_1>pippo</div>

<div id=liv_2>pluto</div>

</body>

</html>

ora ho il problema che cliccando su menu2 e poi su un sottomenu,cliccando poi su un altro menu es menu5 mi rimane sempre in vista il contenuto del sottomenu menu2

:sediata:

mi aiutate per favore :sbav:

buttonForum.gif
Link al commento
Condividi su altri siti
filippo.m

filippo.m

Inviato
Inviato

ma perchè replichi lo script? poi un consiglio, indenta.

ho quasi capito quello che intendi, quando clicchi su una voce ti rende il div visible, basta che quel click dica agli altri div di essere hidden.

mi pare un po laborioso però come sistema.

io farei si un menu, magari utilizzando jquery o mootools anche per semplificarmi il codice che devo scrivere io. poi ad ogni href assegno un behaviour per i div. resta comunque troppo laborioso

Link al commento
Condividi su altri siti
alfoz

alfoz

Inviato
  • Autore
Inviato

intanto grazie per la pazienza, poi devo dire che non sono molto esperto,ho trovato le script e ho tentato di adattarlo alle mie esigenza,pero' non ho la piu' pallida idea di come intraprendere uno script da zero.

cmq ora provo a vedere jquery o mootools e magari per logica ci riesco ad arrivare :-)

buttonForum.gif
Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

Vai alla lista discussioni
×
×
  • Crea Nuovo...