HTML point - Javascript - Menu ad albero

Menu ad albero

Questo script genera un interessantissimo menu ad albero.

<HEAD>

<!--

// 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 http://www.geocities.com/~yehuda/

// 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 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>

<script type="text/javascript" src="https://i5.plug.it/cmp/iub_conf_libero.js"></script>
    <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script>
    <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
    
    
    <script src='https://i5.plug.it/cmp/qciol.min.js' async="true"></script>
	
	
<script src="//barra-spazio.libero.it/x/js/barra_n04_siti.js?ver=1" type="text/javascript" language="Javascript"></script>

Libero.Stash.HF = { version: '8.3.04', cksrv: { a: 'HF8.3.04', b: 'digilander' } };

</script>

<!--[if lte IE 7]>
	<style>
	#lh_header_top #HF_login_l, #lh_header_top #HF_login_r { 
		float: none;
	}
	#lh_header_top {
		left: 0px;
	}
	
	#l_header_topbar #l_header_topbar_popup_altro, #l_header_topbar #l_header_topbar_popup_opzioni {
    	margin-top: 33px;
	}
	#l_header_topbar #l_header_topbar_popup_nicknames {
    	margin-top: 25px;
	}

</style>
<![endif]-->
<style>
	#lh_header #lh_area02a{
		position:relative;
		overflow: visible;
		height: 30px;
	}
	
	#lh_header #lh_area02b{
		z-index: -1;
	}
	#lh_header #lh_area02a .lh_pos {
		position: absolute;
		margin-bottom: 0;
	}
	
	#lh_header #lh_area02a .lh_on {
	}
	#lh_header .lh_finput_area input {
		height: 27px;
		padding-top: 0;
		padding-bottom: 0;
		line-height: 27px !important;
		font-size: 15px !important;
	}
	#lh_altro{
		position: relative !important;
	}
	#lh_header_top .lh_popup {
	}
	#lf_footer .lf_finput_area input {
		font-size: 12px !important;
		line-height: 25px !important;
		vertical-align: middle;
		padding: 0 !important;
		margin: 0 !important;
	}
	
</style>

// Run on load
	Libero.HF.adjust800(Libero.Stash.extractSummary);
	
	// Add onresize handlers 
	if ( window.addEventListener ) {
		window.addEventListener('resize', function() { Libero.HF.adjust800(Libero.Stash.extractSummary) }, 1);
	} 
	else if (window.attachEvent) {
		window.attachEvent('onresize', function() { Libero.HF.adjust800(Libero.Stash.extractSummary) });
	}
-->
</script>

<link rel="preconnect" href="https://tags.crwdcntrl.net">         
<link rel="preconnect" href="https://bcp.crwdcntrl.net">         
<link rel="dns-prefetch" href="https://tags.crwdcntrl.net">         
<link rel="dns-prefetch" href="https://bcp.crwdcntrl.net">
<script type='text/javascript' src='https://www.iolam.it/js/iam2.0.js?ns=libero/web/community/siti/1.2' async></script>

<div id="ad72890top" align="center"></div>

<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>

<div id="ad72890bottom" align="center"></div> 

<SCRIPT LANGUAGE="Javascript">

</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://digilander.libero.it/_ad/digi_ad_13.js">
</SCRIPT>

<script>
if(window.location === window.parent.location){    
  // Static Queue Snippet
  ! function(t, n) {
      t[n] = t[n] || {
          nlsQ: function(e, o, c, r, s, i) {
              return s = t.document, r = s.createElement("script"), r.async = 1, r.src =
                  ("http:" === t.location.protocol ? "http:" : "https:") + "//cdn-gl.imrworldwide.com/conf/" +
                  e + ".js#name=" + o + "&ns=" + n, i = s.getElementsByTagName("script")[0],
                  i.parentNode.insertBefore(r, i), t[n][o] = t[n][o] || {
                      g: c || {},
                      ggPM: function(e, c, r, s, i) {
                          (t[n][o].q = t[n][o].q || []).push([e, c, r, s, i])
                      }
                  }, t[n][o]}}}
  (window, "NOLBUNDLE");

// SDK Initialization
  var nSdkInstance = NOLBUNDLE.nlsQ("P1504C48C-9D0B-4ADE-B7CD-04AF56A52362", "nlsnInstance");
  // Content Metadata 
  var nielsenMetadata = {
      type: 'static', 
      assetid: (  location.hostname + location.pathname + location.search ).replace( /([^\w]|_)+/g, '-' ).replace( /^-+|-+$/g, '' ) || 'homepage',
      section: 'LiberoCommunity_BRW' 
  };

// Event 'staticstart' Call
  nSdkInstance.ggPM("staticstart", nielsenMetadata);    
}
</script>

<script type="text/javascript">
if ( rs_DLRERR == 1 ) {
var libero_comscore_error = 404;
}
</script>
<script type="text/javascript">
	document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
if (rs_DLR) {
	document.write(unescape("%3Cscript id='libero_tracking_js_site' src='http://digistatic.libero.it/js/comscore_8_3_04/comscore_digilander.libero.it.js'%3E%3C/script%3E"));
	document.write(unescape("%3Cscript id='libero_tracking_js_site' src='http://digistatic.libero.it/js/comscore_8_3_04/comscore_engine.js'%3E%3C/script%3E"));
	
}
</script>
<noscript>
	<img src="http://b.scorecardresearch.com/p?c1=2&c2=13259779&cj=1&name=libero.others&ns_site=libero" />	
</noscript>

<script src="//i.plug.it/iplug/js/lib/iol/analytics/data/digilander-libero-it/tracking_digilander-libero-it.min.js"></script>
<script src="//i.plug.it/iplug/js/lib/iol/analytics/engine/IOL.Analytics.Tracking.min.js"></script>
<script type="text/javascript">
var iat = new IOL.Analytics.Tracking.Engine();
iat.send();
</script>
<noscript><img src="//italiaonline01.wt-eu02.net/215973748390194/wt.pl?p=315,libero.web.share.digiland.siti.digilander&cg1=libero&cg2=web&cg3=share&cg4=digiland&cg5=siti&cg6=digilander&cg7=libero.web.share.digiland.siti.digilander" height="1" width="1" alt=""></noscript>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-9K5Y6YYGV4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-9K5Y6YYGV4');
</script>

Area download, scarica le risorse di HTML point in files zippati