Jump menu

lib.jumpMenu = COA
lib.jumpMenu {
### Create the opening form element; set action attribute to current page:
5 = HTML
5{
  value {
	typolink {
	  parameter.data = TSFE:id
	  returnLast = url
	}
	wrap = <form id="jump-menu" action="|" method="post">
  }
}

### Create the select, optgroup and option elements:
10 = HMENU
10{
  ### Form element contents must be contained in a block-level element
  wrap = <div>|</div>
  special = list
  special.value = 55
 
  1 = TMENU
  1{
	### Begin the select--we want a blank option at the top:
	wrap = <select><option value="" class="empty land">Select</option>|</select>
	expAll = 1
	noBlur = 1
 
	### We have two top level pages named 'Pages A-M' and 'Pages N-Z'. These will become optgroup elements:
	NO {
	  doNotShowLink = 1
	  allWrap.cObject = HTML
	  allWrap.cObject {
		value.dataWrap = <optgroup label="{field:title}">
	  }
	  wrapItemAndSub = |</optgroup>
	}
  }
 
  ### Create the dynamic option elements:
  2 = TMENU
  2{
	NO {
	  ### Don't show the link--it's just as easy to build it in this case:
	  doNotShowLink = 1
	  ### Create an option tag that looks something like this '<option value="http://example.com/index.php?id=235">Page Title</option>':
	  allWrap.cObject = HTML
	  allWrap.cObject {
		value {
		  typolink {
			parameter.data = field:uid
			returnLast = url
		  }
		  dataWrap = <option value="http://{getenv:HTTP_HOST}/|">{field:nav_title}</option>
		}
	  }
	}
   
	CUR < .NO
	CUR = 1
	CUR {
	  ### When it's the current page, we add the selected attribute to the option element:
	  allWrap.cObject.value.dataWrap = <option selected="selected" value="http://{getenv:HTTP_HOST}|">{field:title}</option>
	}
  }
}

### Create the closing form tag:

15 = HTML
15{
  value = </form>
}
}