menù ad albero

10-12-2004, 19.05.59

ciao a tutti
come posso fare menù ad albero???

cioè io ad esempio clicco:

+ foto
+ pagina 2
+ pagina 3
+ pagina 4

cioè cliccando + foto si apre sotto la scritta automaticamente le altre pagina?? scusate il giro di parole!! :grin:

10-12-2004, 19.21.43

prova a cercare su Html.it
www.html.it

**powser** · 10-12-2004, 19.28.07

C'è un programma della macromedia che si chiama fireworks e serve anche per quello,l'unico problema è che è a pagamento!

10-12-2004, 19.31.38

ce ne sn altri d programmi del genere, ma usa un semplice script che fai prima... guarda il link che t ho dato

**Taitaonline** · 10-12-2004, 20.41.55

Ne avevo trovati alcuni anche nelle "risorse free" della home di AlterVista... Prova a dare un'occhiata anche a quelli e poi decidi quale usare..... magari saranno da personalizzare un pochino....

10-12-2004, 21.17.56

Se vuoi farlo senza ricaricare la pagina javascript o flash, come al solito! ;)

Ciaoooooo!!!!!!

10-12-2004, 22.10.57

ma scusate non si può avere dei codici gratis?????

10-12-2004, 22.20.15

Cosa intendi?
Per la rete trovi di tutto, basta cercare.

Ciaooooo!!!!!

Ospite · 11-12-2004, 00.45.35

Un menu ad albero se ho capito cosa intendi io l'ho messo qui http://farlimas.altervista.org/foto/index.php
in varie l'ultimo link c'è il sito dello script del menu da cui l'ho preso...poi lo devi personalizzare ovvio

**sliver** · 11-12-2004, 01.05.26

qui ne trovi per tutti i gusti...
http://www.hotscripts.com/JavaScript...ion/index.html

11-12-2004, 02.45.52

Codice HTML:

<!-- w w w . h t m l . i t -->

<HTML>
<HEAD>

<!-- Codice scaricato gratuitamente da HTML.it, il sito italiano sul Web publishing
                                   [url]http://www.html.it[/url] -->

<TITLE>Esempi Javascript: esempio pratico </TITLE>

<SCRIPT LANGUAGE="JavaScript">

<!--

// Copyright (c) 1996-1997 Tomer Shiran. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at [url]http://www.geocities.com/~yehuda/[/url]

// Boolean variable specified if alert should be displayed if cookie exceeds 4KB
var caution = false

// name - name of the cookie
// value - value of the cookie
// [expires] - expiration date of the cookie (defaults to end of current session)
// [path] - path for which the cookie is valid (defaults to path of calling document)
// [domain] - domain for which the cookie is valid (defaults to domain of calling document)
// [secure] - Boolean value indicating if the cookie transmission requires a secure transmission
// * an argument defaults when it is assigned null as a placeholder
// * a null placeholder is not required for trailing omitted arguments
function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
                ((expires) ? "; expires=" + expires.toGMTString() : "") +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                ((secure) ? "; secure" : "")
        if (!caution || (name + "=" + escape(value)).length <= 4000)
                document.cookie = curCookie
        else
                if (confirm("Cookie exceeds 4KB and will be cut!"))
                        document.cookie = curCookie
}

// name - name of the desired cookie
// * return string containing value of specified cookie or null if cookie does not exist
function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
                return null
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
                cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

// name - name of the cookie
// [path] - path of the cookie (must be same as path used to create cookie)
// [domain] - domain of the cookie (must be same as domain used to create cookie)
// * path and domain default if assigned null or omitted if no explicit argument proceeds
function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
                document.cookie = name + "=" + 
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT"
        }
}

// date - any instance of the Date object
// * you should hand all instances of the Date object to this function for "repairs"
// * this function is taken from Chapter 14, "Time and Date in JavaScript", in "Learn Advanced JavaScript Programming"
function fixDate(date) {
        var base = new Date(0)
        var skew = base.getTime()
        if (skew > 0)
                date.setTime(date.getTime() - skew)
}

// constructor function to create an entry (parent or child)
function item(parent, text, depth) {
        this.parent = parent // is this item a parent?
        this.text = text // text for link (may include HTML)
        this.depth = depth // nested depth
}

// constructor function to create array (compatible with all browsers)
function makeArray(length) {
        this.length = length // length of array (integer)
}

// create items of outline
function makeDatabase() {
        outline = new makeArray(9) // create global object

        // create items in outline
        outline[0] = new item(true, 'computer companies', 0)
        outline[1] = new item(false, '<A HREF="http://www.intel.com">Intel</A>', 1)
        outline[2] = new item(true, 'software', 1)
        outline[3] = new item(false, '<A HREF="http://www.netscape.com">Netscape</A>', 2)
        outline[4] = new item(false, '<A HREF="http://www.microsoft.com">Microsoft</A>', 2)
        outline[5] = new item(false, '<A HREF="http://www.netscent.com">Netscent</A>', 1)
        outline[6] = new item(true, 'shareware Web sites', 0)
        outline[7] = new item(false, '<A HREF="http://www.jumbo.com">Jumbo</A>', 1)
        outline[8] = new item(false, '<A HREF="http://www.windows95.com">Windows95.com</A>', 1)
        
        // determine current state of each item and assign to state properties
        setStates()

        // set image for each item (only items with true state)
        setImages()
}

function setStates() {
        // assign current cookie to local variable
        var storedValue = getCookie("outline")
        
        // if desired cookie not found (null)
        if (!storedValue) {
                // set states to default if no cookie found
                for (var i = 0; i < outline.length; ++i) {
                        // only topmost level is visible by default
                        if (outline[i].depth == 0)
                                outline[i].state = true
                        else
                                outline[i].state = false
                }
        } else {
                // extract current states from cookie (0 => false, 1 => true)
                for (var i = 0; i < outline.length; ++i) {
                        if (storedValue.charAt(i) == '1')
                                outline[i].state = true
                        else
                                outline[i].state = false
                }
        }
}

function setImages() {
        // loop through all elements of the outline "array" (object)
        for (var i = 0; i < outline.length; ++i) {
                if (outline[i].state)
                        if (outline[i].parent) // outline[i] is a parent
                                if (outline[i + 1].state) // outline[i] is exploded
                                        outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="exploded.gif" BORDER=0></A>'
                                else // outline[i] is collapsed
                                        outline[i].pic = '<A HREF="javascript:toggle(' + i + ')"><IMG SRC="collapsd.gif" BORDER=0></A>'
                        else // outline[i] is only a child (not a parent)
                                outline[i].pic = '<IMG SRC="child.gif" BORDER=0>'
        }
}

// change from expanded to collapsed and vice versa
function toggle(num) {
        // loop starts at item following argument
        // terminate loop when:
        //   a) last element of outline "array" reached
        //   b) current item (outline[i]) is not deeper than toggled item (outline[num])
        for (var i = num + 1; i < outline.length && outline[i].depth >= outline[num].depth + 1; ++i) {
                // if current item (outline[i]) is a direct child of outline[num]
                if (outline[i].depth == outline[num].depth + 1)
                        outline[i].state = !outline[i].state // toggle state
        }

        // store new states in cookie
        setStorage()

        // reload page
        history.go(0)
}

function setStorage() {
        // initialize local variable to empty string
        var text = ""

        // loop through all properties of outline "array"
        for (var i = 0; i < outline.length; ++i) {
                // use "1" character to represent true state, and "0" for false state
                text += (outline[i].state) ? "1" : "0"
        }

        // create cookie named "outline" with "binary" string
        setCookie("outline", text)
}

// update database
makeDatabase()

// -->

</SCRIPT>

</HEAD>

<BODY bgcolor="white">

<SCRIPT LANGUAGE="JavaScript">
<!--

// use <PRE> to enable indentation via spaces
document.write('<PRE><H4>')

// loop through elements of outline "array"
for (var i = 0; i < outline.length; ++i) {
	// if current item's state is true
	if (outline[i].state) {
		// place three spaces for each nesting (depth * 3 spaces)
		for (var j = 0; j < outline[i].depth * 3; ++j) {
			document.write(' ')
		}

		// follow indentation with picture, another space, text, and new line
		document.write(outline[i].pic, ' ', outline[i].text, '<BR>')
	} else {
		// current item's state is false (skip all its children)
		var previous = i
		for (var k = i + 1; k < outline.length && outline[k].depth >= outline[previous].depth; ++k) {
			++i
		}
	}
}

// end <PRE> to return to normal formatting
document.write('</H4></PRE>')

// -->
</SCRIPT>


</body>
</html>

<!-- w w w . h t m l . i t -->

Ci sono anche le immagini da scaricare da:
http://www.html.it/jscript/grafica/immagini.zip

Fonte: http://www.html.it/jscript/grafica/grafica01.htm

:eyes:

11-12-2004, 15.47.49

Forse cercavi una cosa come questa: http://www.constile.org/template/menu_verticali/

11-12-2004, 16.04.40

secondo me intende questo:
http://www.meyerweb.com/eric/css/edge/menus/demo.html

voi per caso conoscete degli script semplicissimi senza nessuna aggiunta grafica? tutti quelli che ho trovato hanno inutili aggiunte.

dovrebbero dare lo stesso effetto del link soprastante

11-12-2004, 16.21.53

Originalmente inviato da Rommel

secondo me intende questo:
http://www.meyerweb.com/eric/css/edge/menus/demo.html

voi per caso conoscete degli script semplicissimi senza nessuna aggiunta grafica? tutti quelli che ho trovato hanno inutili aggiunte.

dovrebbero dare lo stesso effetto del link soprastante

Non credo

OLD

Dalla descrizione:

Originalmente inviato da dolls

cioè cliccando + foto si apre sotto la scritta automaticamente le altre pagina?? scusate il giro di parole!!

Si capisce che è esattamente come quello ho che postato io (dato che negli altri non si clicca da nessuna parte), anche se andrebbe un pò modificato (personalmente cambierei almeno le immagini dello jacascript che so bruttine)

OLD

11-12-2004, 16.29.27

Originalmente inviato da Rommel

voi per caso conoscete degli script semplicissimi senza nessuna aggiunta grafica? tutti quelli che ho trovato hanno inutili aggiunte.

No... quella delle aggiunte inutili è un "must" di chi programma

OLD
Comunque puoi sempre metter mano al codice ed "aggiornarlo" come ti serve, o se non sai dove mettere mano... ti crei un' immagine 1x1pixel tutta trasparente... e le dai il nome delle immagini nello scritp (cosi nessuna immagine viene visualizzata)

OLD

ME GENIO! :eyes:

Ospite · 11-12-2004, 16.32.17

Ma ad albero significa che si dirama siccome albero in vari rami e ciascun ramo in altri rami, se le parole hanno ancora in senso :) .
Cmq un menu ad albero essenziale è questo, se cambiate tutti gli onclick con onmouseover non bisogna neanche cliccare.
<style>

</style>
<script language="JavaScript">
/************************************************** ******************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at www.bratta.com
Visit for more great scripts.
This may be used freely as long as this msg is intact!
************************************************** ******************************/

/************************************************** **********************************
This script is a "foldout" menu script, all the "foldouts" will
stay outfolded in older browsers. Works in ie4+ and ns4+.

To change where the menu appears change the left and top values of the divCont
in the stylesheets, it's currently placed relative so you can
place this menu in tables or similar if you want. Change the
text colors and size in the A.clMain and A.clSubb classes.
************************************************** **********************************/

/************************************************** **********************************
Change this to false if you want all the submenus to get unfold when you
foldout a new one.
************************************************** **********************************/
var stayFolded=false

/************************************************** **********************************
Browsercheck
************************************************** **********************************/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

/************************************************** **********************************
Making cross-browser objects
************************************************** **********************************/
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+ob j+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('docum ent');
this.height=n?this.ref.height:eval(obj+'.offsetHei ght')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************** **********************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************** **********************************/
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oTop[3]=new makeMenu('divTop4','divCont')
oTop[4]=new makeMenu('divTop5','divCont')
oTop[5]=new makeMenu('divTop6','divCont')
oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
/************************************************** **********************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************** **********************************/

function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num) oSub[i].hideIt()
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
oSub[num].vis()?oSub[num].showIt():oSub[num].hideIt()
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
//Initiating the menus onload, if it's a 4.x+ browser.
if(browser) onload=init;

</script>

</HEAD>
<BODY bgcolor="white">

<div id="divCont">
<div id="divTop1" class="clTop"><a href="#" onclick="menu(0); return false" class="clMain">[choice 0]</a><br>
<div id="divSub1" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
<a href="#" class="clSubb">-Sub 4</a><br>
</div><br>
</div>
<div id="divTop2" class="clTop"><a href="#" onclick="menu(1); return false" class="clMain">[choice 1]</a><br>
<div id="divSub2" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
</div><br>
</div>
<div id="divTop3" class="clTop"><a href="#" onclick="menu(2); return false" class="clMain">[choice 2]</a><br>
<div id="divSub3" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
</div><br>
</div>
<div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain">[choice 3]</a><br>
<div id="divSub4" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
</div><br>
</div>
<div id="divTop5" class="clTop"><a href="" onclick="menu(4); return false" class="clMain">[choice 4]</a><br>
<div id="divSub5" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
<a href="#" class="clSubb">-Sub 2</a><br>
<a href="#" class="clSubb">-Sub 3</a><br>
<a href="#" class="clSubb">-Sub 4</a><br>
<a href="#" class="clSubb">-Sub 5</a><br>
</div><br>
</div>
<div id="divTop6" class="clTop"><a href="" onclick="menu(5); return false" class="clMain">[choice 5]</a><br>
<div id="divSub6" class="clSub">
<a href="#" class="clSubb">-Sub 1</a><br>
</div><br>
</div>
</div>

11-12-2004, 16.36.51

http://www.phoenity.com/newtedge/horizontal_nav/
conoscete qualcosa simile a questo in js?

purtroppo sono costretto ad usare il js perché ie non supporta i selettori child del css

Ospite · 11-12-2004, 16.50.28

Nel mio primo post, non quello sopra, c'è il link a quello orizzontale uguale a quello che hai linkato tu.

17-12-2004, 17.07.37

ammazza grazie per l'aiuto. In quanti avete risposto, grazie :)

e comunque il codice che mi ha dato masnada non funzia

17-12-2004, 17.09.39

intendevo come il menù di questa pagina http://avrilboi.altervista.org/new/index2.htm vedete è ad albero

Ospite · 17-12-2004, 17.14.04

Il codice di quello che ho postato io è appunto ad albero

17-12-2004, 17.16.12

ma nessuno sa dirmi il codice del sito che ho postato!!! e poi nn riesco ad entrare nel pannello di controllo

17-12-2004, 17.17.08

ho un'altro problema guardate qui cosa mi dice:

Traffico temporaneamente bloccato
Il traffico verso questo sito web è stato temporaneamente bloccato perchè è stata superata la quota mensile assegnata all'account dolls pari a 10 GBytes, il sito sarà nuovamente accessibile a partire dal primo giorno del prossimo mese.

___________
L'account non è accessibile tramite pannello, può essere:

Un problema transitorio dovuto ad un aggiornamento o guasto, in questo caso se persiste per oltre due ore consecutive contatta : ......

Il sistema ha bloccato il traffico perchè hai superato la quota di risorse a te assegnate di spazio o banda (controlla la barra rossa e quella gialla), le risorse di cui disponi sono incrementabili: ....

Banda utilizzata: 100% - 10 GB su 10 GB disponibili
Spazio utilizzato: 85% - 15272 KB liberi
La tua quota di spazio ammonta a 100 Megabytes, potrai aumentarla fino all'infinito cliccando sul tasto "Risorse" in alto a destra, ricorda che è anche possibile aumentare la banda a tua disposizione.

__________________________________________________ ____________________

quindi se io clicco ad esempio Spazio disponibile: 100 MB
Costo prossimo upgrade: 1500 AC -

non pago nulla, sarebbe la moneta virtuale, ma non è reale giusto!!

Ospite · 17-12-2004, 17.23.53

ma scusa cosa vuol ldire il codice del sito che ho postato??? quello è il suo menu, poi tu il tuo se hai già uno schema funzionante te lo personalizzi come ti pare no? chiediglielo a lui direttamente se ti vuoi copiare pari pari quel menu allora, ti ho postato addiruttura tutto il codice, dovevi solo incollarlo

17-12-2004, 17.43.32

Originalmente inviato da dolls

ho un'altro problema guardate qui cosa mi dice:

Traffico temporaneamente bloccato
Il traffico verso questo sito web è stato temporaneamente bloccato perchè è stata superata la quota mensile assegnata all'account dolls pari a 10 GBytes, il sito sarà nuovamente accessibile a partire dal primo giorno del prossimo mese.

___________
L'account non è accessibile tramite pannello, può essere:

Un problema transitorio dovuto ad un aggiornamento o guasto, in questo caso se persiste per oltre due ore consecutive contatta : ......

Il sistema ha bloccato il traffico perchè hai superato la quota di risorse a te assegnate di spazio o banda (controlla la barra rossa e quella gialla), le risorse di cui disponi sono incrementabili: ....

Banda utilizzata: 100% - 10 GB su 10 GB disponibili
Spazio utilizzato: 85% - 15272 KB liberi
La tua quota di spazio ammonta a 100 Megabytes, potrai aumentarla fino all'infinito cliccando sul tasto "Risorse" in alto a destra, ricorda che è anche possibile aumentare la banda a tua disposizione.

__________________________________________________ ____________________

quindi se io clicco ad esempio Spazio disponibile: 100 MB
Costo prossimo upgrade: 1500 AC -

non pago nulla, sarebbe la moneta virtuale, ma non è reale giusto!!

E' facilmente ricollegabile alla storia dell' mp3...
ogni volta che uno accede al tuo sito si scarica completamente il file che nel migliore dei casi è di 3/4 megabyte... e nel peggiore può arrivare a 15/16 (a seconda della definizione audio)... ormai ti tocca rimanere senza banda (a meno che non la alzi per un GB con gli AC) fino a gennaio... (penso sia il motivo pure per cui non puoi accedere al pannello di controllo)...

La prima cosa che ti devi ricordare di fare è eliminare il file dallo spazio :)

18-12-2004, 00.38.47

quello sicuro il file audio lo toglierò e nn lo metterò più!!!!! ma quindi per accedere al mio sito, che da come ho capito potrò accedere a gennaio giusto?? si riaprirà il pannello verò?

18-12-2004, 00.41.53

Si esatto :)

19-12-2004, 15.55.24

però io comunque ho letto le spiegazioni per lo spazio, cioè per farlo aumentare, ma nn ci ho capito nulla, scusatemi ma parlate più semplicemente, il sito lo sò fare, ma le spiegazioni sono un pò incasinate!!

**dex93** · 19-12-2004, 17.10.01

Ciao!
penso che se tu ti compri un blocco di altri 10GB dovresti riavere il tuo sito:p
ciao!!!!!!!!!!!!

Discussione: menù ad albero

LinkBack

Strumenti discussione

Display

menù ad albero

Regole di scrittura