codeexamples.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
		<meta name="Generator" content="SciTE - www.Scintilla.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="assets/monokai.css" rel="stylesheet" type="text/css" />
	</head>
	<body style="background-color: #334455;">
		<!-- <div class="desc">
			<h2>AutoHotkey - Title</h2>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis dapibus lectus. Curabitur semper sagittis volutpat. Duis eget risus vel nunc feugiat mollis quis a arcu. Mauris eget faucibus turpis. Cras tellus lorem, tempus ac pharetra at, imperdiet nec tellus. Curabitur feugiat ultricies mauris, id eleifend orci tristique ac. Etiam elit odio, facilisis vitae erat at, viverra feugiat tortor. Praesent egestas enim eget augue viverra cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas cursus mauris dignissim est volutpat suscipit.</p>
		</div> -->
		<codecarousel>
		<codescreen>
			<!-- for empty line, add:  &nbsp; <span class="S0"></span>   or   &nbsp; <br />   -->
			<codebox>
			&nbsp; <span class="S1">; hotstrings - expand 'btw' to 'By the way' as you type</span><br />
			&nbsp; <span class="S4">::</span><span class="S10">btw</span><span class="S4">::</span><span class="S6">By the way</span><br />
			&nbsp; <br />
			&nbsp; <span class="S1">; hotkeys - press winkey-z to go to Google</span><br />
			&nbsp; <span class="S8">#z</span><span class="S4">::</span><br />
			&nbsp; <span class="S12">Run</span><span class="S0"> http</span><span class="S5">://</span><span class="S0">google</span><span class="S5">.</span><span class="S0">com</span><br />
			&nbsp; <span class="S11">Return</span><br />
			</codebox>
			<br />
			<codebox>
			&nbsp; <span class="S1">; copy text to the clipboard, modify it, paste it back</span><br />
			&nbsp; <span class="S5">^+</span><span class="S8">k</span><span class="S4">::</span><span class="S0"> </span><span class="S1">; ctrl-shift-k</span><br />
			&nbsp; <span class="S0">ClipSave</span><span class="S4">:=</span><span class="S16">ClipboardAll</span><span class="S0"> </span><span class="S1">; store current clipboard</span><br />
			&nbsp; <span class="S12">Send</span><span class="S0"> </span><span class="S5">^</span><span class="S0">c </span><span class="S1">; copy selected text</span><br />
			&nbsp; <span class="S16">clipboard</span><span class="S4">:=</span><span class="S6">"&lt;i&gt;"</span><span class="S0"> </span><span class="S16">clipboard</span><span class="S0"> </span><span class="S6">"&lt;/i&gt;"</span><span class="S0"> </span><span class="S1">; wrap it in html-tags</span><br />
			&nbsp; <span class="S12">Send</span><span class="S0"> </span><span class="S5">^</span><span class="S0">v </span><span class="S1">; paste</span><br />
			&nbsp; <span class="S16">Clipboard</span><span class="S4">:=</span><span class="S0">ClipSave </span><span class="S1">; restore old clipboard content</span><br />
			&nbsp; <span class="S0">ClipSave</span><span class="S4">:=</span><span class="S6">""</span><span class="S0"> </span><span class="S1">; clear variable</span><br />
			&nbsp; <span class="S11">Return</span><br />
			</codebox>
			<br />
			<codebox>
			&nbsp; <span class="S1">; Easy to make GUIs</span><br />
			&nbsp; <span class="S12">Gui</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Add</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Text</span><span class="S4">,</span><span class="S0"> </span><span class="S4">,</span><span class="S0"> </span><span class="S15">Enter</span><span class="S0"> your name</span><br />
			&nbsp; <span class="S12">Gui</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Add</span><span class="S4">,</span><span class="S0"> </span><span class="S12">Edit</span><span class="S4">,</span><span class="S0"> vName w150</span><br />
			&nbsp; <span class="S12">Gui</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Add</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Button</span><span class="S4">,</span><span class="S0"> </span><span class="S4">,</span><span class="S0"> </span><span class="S17">OK</span><br />
			&nbsp; <span class="S12">Gui</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Show</span><br />
			&nbsp; <span class="S11">Return</span><br />
			&nbsp; <br />
			&nbsp; <span class="S10">ButtonOK</span><span class="S4">:</span><br />
			&nbsp; <span class="S12">Gui</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Submit</span><span class="S4">,</span><span class="S0"> </span><span class="S17">Destroy</span><br />
			&nbsp; <span class="S12">MsgBox</span><span class="S0"> Hello </span><span class="S4">%</span><span class="S9">Name</span><span class="S4">%</span><br />
			&nbsp; <span class="S11">Return</span><br />
			&nbsp; <br />
			&nbsp; <span class="S15">Esc</span><span class="S4">::</span><br />
			&nbsp; <span class="S10">GuiClose</span><span class="S4">:</span><br />
			&nbsp; <span class="S11">ExitApp</span><br />
			</codebox>
			<codebox>
			&nbsp; <span class="S1">; AutoHotkey (Associative) Arrays</span><br />
			&nbsp; <span class="S0">Colors</span><span class="S4">:=</span><span class="S6">"Red,Green,Blue"</span><span class="S0"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="S1">; string</span><br />
			&nbsp; <span class="S0">ColorArray</span><span class="S4">:=</span><span class="S13">StrSplit</span><span class="S5">(</span><span class="S0">Colors</span><span class="S4">,</span><span class="S0"> </span><span class="S6">","</span><span class="S5">)</span><span class="S0"> &nbsp;</span><span class="S1">; create array</span><br />
			&nbsp; <br />
			&nbsp; <span class="S0">ColorArray</span><span class="S5">.</span><span class="S0">Push</span><span class="S5">(</span><span class="S6">"Purple"</span><span class="S5">)</span><span class="S0"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="S1">; add data</span><br />
			&nbsp; <br />
			&nbsp; <span class="S11">for</span><span class="S0"> index</span><span class="S4">,</span><span class="S0"> element </span><span class="S17">in</span><span class="S0"> ColorArray &nbsp;&nbsp;</span><span class="S1">; Read from the array</span><br />
			&nbsp; <span class="S0">&nbsp; &nbsp; </span><span class="S12">MsgBox</span><span class="S0"> % </span><span class="S6">"Color "</span><span class="S0"> index </span><span class="S6">" = "</span><span class="S0"> element</span>
			</codebox>
		</codescreen>
		<button class="code_btn" onclick="prev()">&lt;</button>
		<div id="tracker"></div>
		<button class="code_btn" onclick="next()">&gt;</button>
		<span id="counter">0</span>
		<button class="code_btn" id="code_pause" onclick="pause()">&#10073;&#10073;</button>
		</codecarousel>
		<script>
			code_carousel();
			function code_carousel() {
				this.next = function(){ z = current + 1; if (z > max || z < 0) { z=0 } set(z); }
				this.prev = function(){ z = current - 1; if (z > max || z < 0) { z=max; } set(z); }
				this.updatetimer = function() { clearInterval(timer); timer = setInterval(next,7000); }
				this.pause = function() {
					if (timer == 0) {
						updatetimer();
						document.getElementById('code_pause').setAttribute('class','code_btn');
					} else {
						clearInterval(timer);
						timer = 0;
						document.getElementById('code_pause').setAttribute('class','code_btn xactive');
					}
				}
				this.set = function(x=0) {
					e = document.getElementById('tracker').getElementsByTagName('a');
					e[current].setAttribute("class","");
					current = x;
					e[current].setAttribute("class","xactive");

					elems = document.getElementsByTagName('codebox');
					for(i=0;i<elems.length;i++) {
						elems[i].style.opacity = 0;
						elems[i].style.zIndex = 0;
						elems[i].setAttribute("class","unselectable");
					}
					elems[current].style.opacity = 1;
					elems[current].style.zIndex = 10;
					elems[current].setAttribute("class","");
					document.getElementById('counter').innerHTML = current;
					if (timer != 0) { 
						updatetimer();
					}
				}

				current = 0;
				max = document.getElementsByTagName('codebox').length - 1;
				for(i=0;i<max+1;i++){
					document.getElementById('tracker').innerHTML += '<a onclick="set('+i+')">'+(i+1)+'</a>'
				}
				timer = -1
				this.set();
			}
		</script>
	</body>
</html>