<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>JavaScript DHTML Tutorials</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="alternate" type="application/rss+xml" title="JavaScript DHTML Tutorials" href="https://feeds.feedburner.com/JavascriptDhtmlTutorials" />
	<meta property="og:image" content="http://javascript-array.com/_img/img0.jpg" />
	<link rel="stylesheet" type="text/css" href="/_css/default.css" />

	<!-- Syntax Highlighter -->
	<link rel="stylesheet" type="text/css" href="/_js/highlight/sample.css" />
	<script type="text/javascript" src="/_js/highlight/highlight.js"></script>
	<script type="text/javascript">initHighlightingOnLoad('html', 'css', 'javascript');</script>
	<!-- /Syntax Highlighter -->

	<script type="text/javascript">
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-336172-4']);
	  _gaq.push(['_trackPageview']);

	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	</script>

</head>
<body>

<div id="all">
	<!-- top -->
	<div id="top">
		<img src="/_img/img0.jpg" width="750" height="84" border="0" alt="JavaScript Array" title="JavaScript Array. Incredible things on web page">
	</div>
	<!-- /top -->

	<!-- topmenu -->
	<div id="topmenu"><ul><li>Home</li><li><a href="/stuff/">All Stuff</a></li><li><a href="/resources/">Resources</a></li><li><a href="/contact/">Contact</a></li></ul>
</div>
	<!-- /topmenu -->

	<!-- body -->
	<div id="center">
		
		<div id="leftcol">
			<div id="path">Home &raquo;</div>
			<style>
h2, div.date{display:inline}
.wrapper{padding-bottom:10px}
</style>

<div class="wrapper"><h2><a href="/scripts/multi_level_drop_down_menu/">Multi-Level Drop-Down Menu Script</a></h2> &nbsp;<br> <div class="date">18 Jul 2007</div></div>
<p>The main feature of <a href="/scripts/multi_level_drop_down_menu/">this menu</a> is the clear separation between the HTML code, software code and visual appearance.
No more <span class="handler">onmouseover</span> or <span class="handler">onmouseout</span> or, worse, multidimensional array of elements in a .js file. The HTML code of the menu is a simple treelike unordered list.</p>
<div class="devider"></div>

<div class="wrapper"><h2><a href="/scripts/onclick_select_all_text_in_field/">Select All Text by Clicking on&nbsp;Text&nbsp;Field or Textarea Box</a></h2> &nbsp; <div class="date">24 May 2007</div></div>
<p>This script <a href="/scripts/onclick_select_all_text_in_field/">select all text in textarea or text field</a> (input tag) by clicking on it. It allows users to reduce their manual work.</p>
<div class="devider"></div>

<div class="wrapper"><h2><a href="/scripts/window_open/">How to open new windows</a></h2> &nbsp; <div class="date">20 April 2007</div></div>
<p>Open <a href="/scripts/window_open/">simple/specified/fullscreen and centered</a> windows scripts and samples.</p>
<div class="devider"></div>

<div class="wrapper"><h2><a href="/scripts/universal_getobj_function/">Universal GetObj Function</a></h2> &nbsp; <div class="date">4 April 2007</div></div>
<p>As you know the getElementById is new method in modern browsers. Long time ago old browsers did not support this cool method. So <a href="/scripts/universal_getobj_function/">this function</a> was invented for accessing DOM objects in all browsers.</a></p>
<div class="devider"></div>

<div class="wrapper"><h2><a href="/scripts/simple_rollover_button/">How to make correct rollover&nbsp;buttons<br> with&nbsp;preload&nbsp;images</a></h2> &nbsp; <div class="date">22 Mar 2007</div></div>
<p>Rollover (Mouseover) is one of the most simple and at the same time the most frequently occurring script on web-pages. Nevertheless in 90% of the cases this simple script is made incorrectly. The fact! <a href="/scripts/simple_rollover_button/">Correct rollover buttons.</a></p>
<div class="devider"></div>

<div class="wrapper"><h2><a href="/guides/javascript_faq/">Javascript FAQ</a></h2> &nbsp; <div class="date">10 Mar 2007</div></div>
<p>Has a new section <a href="/guides/javascript_faq/">Javascript FAQ</a>. Now there only two questions and two answers. First - detection of height and width of the client area of the browser window. And second - detection the cursor position in the textarea element. Of course, over time, it would be bigger.</p>
<div class="devider"></div>

<div class="wrapper"><h2><a href="/scripts/simple_drop_down_menu/">Simple DropDown Menu</a></h2> &nbsp; <div class="date">10 Dec 2006</div></div>
<p>Internet has a lot of scripts with the name "Drop Down Menu". One day I needed to make such menu for my site. I have rummaged a heap of sites and archives with scripts. And not found what I looked for. On the Net scripts shared on two variants. The first - utterly worthless scripts. The second - too complex heap up and chargeable.
<p><a href="/scripts/simple_drop_down_menu/">And I just wrote this script.</a></p>
<div class="devider"></div>



		</div>

		<div id="rightcol">
		
			<div class="menuhdr">Scripts and Tricks:</div>

			<ul><li><a href="/scripts/jquery_simple_drop_down_menu/">jQuery Drop Down Menu</a></li><li><a href="/scripts/simple_rollover_button/">Correct RollOver Button</a></li><li><a href="/scripts/window_open/">window.open script</a></li><li><a href="/scripts/universal_getobj_function/">Universal GetObj Function</a></li><li><a href="/scripts/onclick_select_all_text_in_field/">Onclick Highlight Text</a></li><li><a href="/scripts/multi_level_drop_down_menu/">Multi-Level Drop Down Menu</a></li><li><a href="/scripts/simple_drop_down_menu/">Drop Down Menu</a></li></ul>
			
			<!-- rss feed -->
			<a href="http://feeds.feedburner.com/JavascriptDhtmlTutorials" 
				onmouseover = "document.getElementById('rssbutton').style.color = '#09008E';" 
				onmouseout  = "document.getElementById('rssbutton').style.color = '#639DEB';">
			<div style="margin: 30px 10px 20px 25px; 
				color:#639DEB; 
				font: 0.8em trebuchet ms, georgia, tahoma, sans-serif;
				text-decoration: underline;" id="rssbutton">
				<img src="/_img/rss_icon16.PNG" with="16" height="16" border="0" style="float:left;margin:1px 7px" /> Subscribe
			</div></a>
			<!-- rss feed -->
	
			<!-- buttons -->
			<div style="margin: 0px 0px 25px 32px">
				<div id="fb-root"></div>
				<script>(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) {return;}
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, 'script', 'facebook-jssdk'));</script>
				<div class="fb-like" data-href="http://javascript-array.com/" data-send="true" data-layout="button_count" data-width="150" data-show-faces="true"
				style="margin-bottom:5px"></div><br>

				<!-- Place this tag where you want the +1 button to render -->
				<g:plusone size="medium" annotation="inline" width="150"></g:plusone>
				<!-- Place this render call where appropriate -->
				<script type="text/javascript">
				  (function() {
					var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
					po.src = 'https://apis.google.com/js/plusone.js';
					var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
				  })();
				</script>
			</div>
			<!-- /buttons -->

	
			<div class="menuhdr">Guides and Tutorials:</div>
			<ul><li><a href="/guides/javascript_faq/">JavaScript FAQ</a></li></ul>


		</div>

		<div class="clear"></div>

	</div>
	<!-- body -->

	<!-- bottom -->
	<div id="bottom">&copy; 2006-2024 Javascript-Array.com</div>
	<!-- /bottom -->

</div>

</body>
</html>

