|
|||||||
|
|
|
 |
|
|
Strumenti |
22-01-2007, 13:39
|
#1 |
|
Senior Member
Iscritto dal: Apr 2005
Messaggi: 5245
|
Come ottenere questo...
Come posso ottenere una sorta di task tipo quelle che ci sono nel sito di yahoo??
Per intenderci, quelli in basso dove c'è scritto +Notizie +Sport +Gossip |
|
|
|
22-01-2007, 14:08
|
#2 | |
|
Senior Member
Iscritto dal: Nov 2005
Città: TO
Messaggi: 5206
|
Quote:
Codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prova</title>
<script type="text/javascript">
<!--
function select_box (sel_idx)
{
for (i = 1; i <= 3; i++)
{
var obj = document.getElementById ("box" + i);
obj.style.display = "none";
}
var obj = document.getElementById ("box" + sel_idx);
obj.style.display = "block";
}
//-->
</script>
<style type="text/css">
<!--
#mainbox { width: 300px; height: 200px; border: 1px solid #808080; }
#mainboxmenu { background: #808080; margin: 0px; padding: 0px; }
#mainboxmenu li { float: left; width: 100px; margin: 0px; padding: 0px; list-style: none; text-align: center; }
#mainboxclear { clear: both; }
#box1, #box2, #box3 { display: none; margin-top: 10px; }
-->
</style>
</head>
<body onload="select_box(1)">
<div id="mainbox">
<ul id="mainboxmenu">
<li><a href="#" onclick="select_box(1)">Box 1</a></li>
<li><a href="#" onclick="select_box(2)">Box 2</a></li>
<li><a href="#" onclick="select_box(3)">Box 3</a></li>
</ul>
<div id="mainboxclear"></div>
<div id="box1">
Ciao, prova box uno
</div>
<div id="box2">
Ciao, prova box due
</div>
<div id="box3">
Ciao, prova box tre
</div>
</div>
</body>
</html>
__________________
Andrea, SCJP 5 (91%) - SCWCD 5 (94%) |
|
|
|
|
|
22-01-2007, 23:26
|
#3 |
|
Senior Member
Iscritto dal: Apr 2005
Messaggi: 5245
|
Mi spiegheresti questa:
Codice:
function select_box (sel_idx)
{
for (i = 1; i <= 3; i++)
{
var obj = document.getElementById ("box" + i);
obj.style.display = "none";
}
var obj = document.getElementById ("box" + sel_idx);
obj.style.display = "block";
Grazie |
|
|
|
|
23-01-2007, 09:25
|
#4 | |
|
Senior Member
Iscritto dal: Nov 2005
Città: TO
Messaggi: 5206
|
Quote:
 Prima di continuare, vorrei capire io se ho capito giusto.  Tu intendevi quell'area su www.yahoo.it dove ci sono le 3 "linguette" Notizie Sport Gossip in cui cliccando su una di queste, l'area sotto cambia di conseguenza mostrando altri link??Se è così, la pagina che ho creato e postato io è una implementazione praticamente quasi uguale (sebbene minimale e solo di esempio). Il codice Javascript è abbastanza semplice: ci sono 3 div con ID box1, box2 e box3. Il ciclo for serve per prendere per ognuno l'oggetto div in cui imposto la proprietà CSS 'display' a "none" (in pratica nascondo tutti e tre i box). Il codice dopo permette di mostrare a video solo il box scelto.
__________________
Andrea, SCJP 5 (91%) - SCWCD 5 (94%) |
|
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 12:30.
