Notes ACCESS 2022 | Browsers | Css | Htacess | Html | Html5 | Javascript | Microsoft Excel | Mysql | Mysql Dumps | Php | Vb.net | VBscript | Windows <=8 | Windows >=10 | WP | WP Plugin | WP Themes | _Misc Software | ABCDEFGHIJKLMNOPQRSTUVWXYZONPRTOFF codeid operationid title keywords application code languageid show_html show_iframe make_public viewed viewed_date language operation <- Look Inside DataConditions:Order: 35 Language Operation Title Keywords Application Code Languageid Show Html Show Iframe Make Public Viewed Viewed Date Javascript Archive Gps Google Map Copy gps Google Map Calculations Backup Latitude and Longitude of a Point Steves Farms - Pick Field Get the Latitude and Longitude of a Point When you click on the map, move the marker or enter an address the latitude and longitude coordinates of the point are inserted in the boxes below. onclick="showLatLong(, );" LongitudeLatitude Slope: Intercept= LatitudeLongitudeBearingDistanceGPS Points hpHeckman hpHill HpLake hpNorth hpSheep hpSwest hpTopMid sparky ghetto Access points None sev05A sev05B sev06A sev06B sev07 sev08 sev09 sev10 Access points DegreesMinutesSeconds Latitude: Longitude: Show Point from Latitude and Longitude Use this if you know the latitude and longitude coordinates of a point and want to see where on the map the point is. Use: + for N Lat or E Long - for S Lat or W Long.Example: +40.689060 -74.044636Note: Your entry should not have any embedded spaces. Decimal Deg. Latitude: Decimal Deg. Longitude: Example: +34 40 50.12 for 34N 40' 50.12" DegreesMinutesSeconds Latitude: Longitude: Javascript 1 02/20/2026 Javascript Controls List Box Controls Another Listbox And Fills In A Text Box list box text box onchange header dropdown Search & PHPScript 2025/12 // started on lastbackupView.php function dropdown_to_text (dropID,textID){ var e = document.getElementById(dropID); var f = document.getElementById(textID); var ddown = e.options[e.selectedIndex].value; f.value=ddown; } function list_action(id){ var e = document.getElementById(id); var value = e.value; var text = e.options[e.selectedIndex].text; var sel = document.getElementById('searchcombo1'); document.getElementById('SEARCH').value=document.getElementById(id).value; var val = e.name; for(var i = 0, j = sel.options.length; i < j; ++i) { val2=sel.options[i].innerHTML; val2=val2.substr(0,val.length); if(val2 === val) { sel.selectedIndex = i; break; } } } Javascript 2 09/09/2023 Javascript Customizing How To Setup TinyMCE Text Editor text editor Scripture View To use this editor you need to download some important files from the TinyMCE editor official sites. How to setup TinyMCE text editor Follow the below steps to add TinyMCE editor in PHP or HTML file. 1. Add TinyMCE editor’s JS library : 2. Add HTML textarea to display Editor box : 3. Call the TinyMCE editor function : lets see the complete example, which helps to you display formatted HTML code. index.php Add tinymce editor in PHP or HTML Add tinymce editor in PHP or HTML To implement an HTML editor for multiple text areas using PHP, the process primarily involves client-side JavaScript libraries to create the rich text editing interface and then using PHP to handle the data submitted from these editors. 1. Client-Side Implementation (HTML & JavaScript): Include HTML Textareas: Create multiple elements in your HTML form. Each textarea intended to be an HTML editor should have a unique ID or a shared class. Code Content Area 1: Content Area 2: Content Area 3: Submit Integrate a WYSIWYG HTML Editor Library: Use a JavaScript library like TinyMCE, CKEditor, or Quill.js to transform the plain textareas into rich HTML editors. TinyMCE Example (using IDs): JavaScript Javascript 3 10/27/2025 Javascript Date Check For Valid Date valid date Sample html: Valid date format: mm/dd/yyyy The Script: Javascript 1548 09/09/2023 Javascript Date Preload Current Date Into Text Box form current date var today = new Date(); var dd = String(today.getDate()).padStart(2, '0'); var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0! var yyyy = today.getFullYear(); today = mm + '/' + dd + '/' + yyyy; document.write(today); Javascript 4 09/09/2023 Javascript Form Input - First Caps capital first onblur Javascript 1596 09/09/2023 Javascript Form Form Fields - Events form events onchange Onsubmit and Onchange The onchange() event handler is triggered whenever the content of a form field is changed. The form field where this is most useful is for drop down selection lists since by using onchange instead of onblur the field can be tested immediately rather than waiting for a different field to be selected. The onsubmit() event handler is attached to the form tag itself. Whenever a submit button is selected (or the submit method for the form is called from within your Javascript code) this event will be triggered. Here is a sample form to demonstrate how these events are triggered: 1 2 3 Onreset The onreset() event handler (like onsubmit) is attached to the form itself. This event is triggered if the form contains a reset button and that button is pressed. Onmouseover and Onmouseout The mouseover and mouseout events are triggered when your visitor moves the mouse on or off of a particular object on your page. See how these event handler works for yourself, the following links will execute alerts when the appropriate event handlers are triggered: onmouseover onmouseout Onclick The onclick event is triggered when your visitors click their mouse on an object on your web page. Unlike the other mouse events the onclick event can also be triggered from the keyboard when your visitor selects the object by pressing the enter key when that object has the focus. See how this event handler works for yourself: onclick Onmousedown and Onmouseup A mouse button click consists of two movements. First your visitor depresses the mouse button and then they release it. If you need to trigger different events for these two actions then you can use onmousedown and onmouseup instead of onclick. These event handlers don't get triggered by selecting the object from the keyboard though. See how these event handler works for yourself: onmousedown onmouseup Onmousemove The final mouse event handler that is common to all browsers (there are some extras that are browser specific) is the onmousemove event handler which (as its name suggests) is triggered by moving the mouse cursor over the selected object. Keyboard: Onfocus and Onblur The focus and blur events are triggered when a particular object on your page gains or loses the focus. Just as you can have multiple windows open on your screen and the one you are working in has the focus, each level of objects within your web page will similarly have one that has the focus. The browser provides a means of moving the focus from one object in the page to another using either the keyboard or (in some cases) the mouse. When the focus is moved from one object to another the onblur event will be triggered for the object losing the focus and the onfocus event will be triggered for the object gaining the focus. These two events can also often be used in place of onmousedown and onmouseup to allow the processing to be triggered from the keyboard as well as from a mouse click. See how these event handler works for yourself, the following links will execute alerts when the appropriate event handlers are triggered: onfocus onblur Note that the standards actually say that these two events only apply to form fields however most browsers have implemented onfocus for most web page objects. Support for onblur is somewhat more limited but still extends beyond just form fields in most browsers. Onkeydown and Onkeyup The onkeydown and onkeyup events are triggered when your visitors presses a key on their keyboard and they acts on the object on your web page that currently has the focus. As their name sugges the onkey down is triggered when a key is depressed and onkeyup is triggered when it is released. Focus Events Event Occurs When onblur An element loses focus onfocus An element gets focus onfocusin An element is about to get focus onfocusout An element is about to lose focus ================= Keyboard Events Event Occurs When onkeydown A user presses a key onkeypress A user presses a key onkeyup A user releases a key ================= KeyboardEvent Properties Property Returns altKey If the ALT key was pressed charCode Deprecated (Avoid using it) code The code of the key that triggered the event ctrlKey If the CTRL key was pressed isComposing If the state of the event is composing or not key The value of the key that triggered the event keyCode Deprecated (Avoid using it) location The location of a key on the keyboard or device metaKey If the META key was pressed repeat If a key is being hold down repeatedly, or not shiftKey If the SHIFT key was pressed which Deprecated (Avoid using it) Mouse Events Event Occurs When onclick A user clicks on an element oncontextmenu A user right-clicks on an element ondblclick A user double-clicks on an element onmousedown A mouse button is pressed over an element onmouseenter The mouse pointer moves into an element onmouseleave The mouse pointer moves out of an element onmousemove The mouse pointer moves over an element onmouseout The mouse pointer moves out of an element ================= MouseEvent Properties Property Returns altKey If the ALT key is pressed button Which mouse button is pressed buttons Which mouse buttons were pressed clientX The X coordinate of the mouse pointer (window relative) clientY The Y coordinate of the mouse pointer (window relative) ctrlKey If the CTRL key is pressed detail The details about an event metaKey If the META key is pressed offsetX The X coordinate of the mouse pointer (target relative) offsetY The Y coordinate of the mouse pointer (target relative) pageX The X coordinate of the mouse pointer (document relative) pageY The Y coordinate of the mouse pointer (document relative) relatedTarget The element that triggered the mouse event screenX The X coordinate of the mouse pointer (screen relative) screenY The Y coordinate of the mouse pointer (screen relative) shiftKey If the SHIFT key is pressed which Deprecated (Avoid using it) Use the button property instead onmouseover The mouse pointer moves onto an element onmouseup A mouse button is released over an element Javascript 2027 01/03/2026 Javascript Form Prompt For prompt input Back in the day, you'd often see prompts on personal webpages asking for your name. After you typed in the information, you would be greeted with a page that had a welcome message, such as, "Welcome to My Personal WebPage John Schmieger!" (If your name just so happened to be John Schmieger). The JavaScript prompt is not very useful and many find it slightly annoying, but hey, this tutorial is here to educate you, so let's learn how to make that prompt! Simple JavaScript Prompt You can use a prompt for a wide variety of useless tasks, but below we use it for an exceptionally silly task. Our prompt is used to gather the user's name to be displayed in our alert dialogue box. HTML & JavaScript Code: Display: Recap on JavaScript Prompt It sure is a quick way to gather some information, but it is not as reliable an information gatherer as other options available to you. If you want to find out someone's name and information, the best way to request this information would be through the use of HTML Forms. And if you want to use the information you collected in your website, you might use some PHP to get that job done in a more sophisticated manner. Javascript 1477 09/09/2023 Javascript Form Select- Combo Box index combo function message(form){ var value = form.payment.options[form.payment.selectedIndex].value; var message=""; if(value=="PHONE"){ message="Complete your order by scrolling to the bottom of this page and clicking the NEXT button.\n\n That will complete your order and provide you with your order number and total.\n\n I accept Visa or MasterCard.\n\n Call Denise at 970-454-2152 or cell phone at 970-590-2162.\n\n I will need your order # and the total amount of your order. Please provide me with your credit card number, expiration date, and the last 3 digits of the number on the back of your card.\n\n I also need the billing address of the credit card if you did not provide it on the order form. If for some reason I am unable to take your call, please leave me a message and I'll call you back as soon as possible. You may leave this information on my answering machine.\n\n Please call between 7:30am and 9:30pm (Mountain Standard Time) 9:30am and 11:30pm (Eastern Standard Time).\n\n Thank You."; } if(value=="CHECK"){ message="You have selected pay by check"; } if(value=="MONEY ORDER"){ message="You have selected MONEY ORDER"; } if(value=="PAYPAL"){ message="If you are paying by credit card with our secure online page, we accept Visa, MasterCard, Discover and American Express.\n\nIf you do not receive a confirmation email after completing the credit card payment, we will not be notified either. Contact us to confirm your order."; } alert (message); } ************* Select Payment Option Here Check (via mail) Money Order (via mail) Credit Card PAY PAL Credit Card (via Phone) [example 2] How do I find the value of a SELECT element? Apr 17th, 2000 16:04 Martin Honnen, NN6 and IE4+ provide a value property for SELECT elements thus document.formName.selectName.value is sufficient with these browsers. For other browsers and cross browser code use var select = document.formName.selectName; var value = select.options[select.selectedIndex].value __________________________________ [select name='navi' onChange="go()"> function go() { box = document.forms[0].navi; destination = box.options[box.selectedIndex].value; if (destination) location.href = destination; } ____________________________________________________ Where: qxq-features.php Javascript 1752 10/05/2024 Javascript Form Select - Check To See If Your Select Has Been Used select form javascript getelementbyid If you have a select element that looks like this: test1 test2 test3 Running this code: var e = document.getElementById("ddlViewBy"); var strUser = e.options[e.selectedIndex].value; Would make strUser be 2. If what you actually want is test2, then do this: var e = document.getElementById("ddlViewBy"); var strUser = e.options[e.selectedIndex].text; Which would make strUser be test2 var e = document.getElementById("ddlViewBy"); var SELIndex = e.selectedIndex if (SELIndex==0){ error_message = error_message + '*Select something from xx.\n'; error = 1; } if you want to see if the select has nothing selected.? ---------------- Clipboard Customizing Date Files Form Formatting Function Hardware Ini Internet Keyboard Link Network Pdf Plug-in Printing Query Security Server Setup String Text Box Variables Video javascript code: var e = document.getElementById("comoperationid"); var SELIndex = e.selectedIndex if (SELIndex==0){ error_message = error_message + '*Select something from operationid.\n'; error = 1; } Javascript 763 12/27/2025 Javascript Formatting Div - Hide A Layer hide div layer class getElementById getElementsByClassName Usage Want to try it out? Here's how. Step 1 Place this code between the tags in your webpage. Step2 This is example html you can use, this goes inside your html body. Try these: show a1 show a2 show a3 show 'thiscanbeanything' Sample text: Jean-Paul Sartre, (1905-1980) born in Paris in 1905, studied at the �cole Normale Sup�rieure from 1924 to 1929 and became Professor of Philosophy at Le Havre in 1931. With the help of a stipend from the Institut Fran�ais he studied in Berlin (1932) the philosophies of Edmund Husserl and Martin Heidegger. After further teaching at Le Havre, and then in Laon, he taught at the Lyc�e Pasteur in Paris from 1937 to 1939. Since the end of the Second World War, Sartre has been living as an independent writer. More on JPS The conclusions a writer must draw from this position were set forth in "Qu'est-ce que la litt�rature?" (What Is Literature?), 1948: literature is no longer an activity for itself, nor primarily descriptive of characters and situations, but is concerned with human freedom and its (and the author's) commitment. Literature is committed; artistic creation is a moral activity. Yet more content. This can be anything in here, html, pictures.. flash ... This content is in a div with id "thicanbeanything" Sartre is one of those writers for whom a determined philosophical position is the centre of their artistic being. Although drawn from many sources, for example, Husserl's idea of a free, fully intentional consciousness and Heidegger's existentialism, the existentialism Sartre formulated and popularized is profoundly original. Its popularity and that of its author reached a climax in the forties, and Sartre's theoretical writings as well as his novels and plays constitute one of the main inspirational sources of modern literature. In his philosophical view atheism is taken for granted; the "loss of God" is not mourned. Man is condemned to freedom, a freedom from all authority, which he may seek to evade, distort, and deny but which he will have to face if he is to become a moral being. The meaning of man's life is not established before his existence. Once the terrible freedom is acknowledged, man has to make this meaning himself, has to commit himself to a role in this world, has to commit his freedom. And this attempt to make oneself is futile without the "solidarity" of others. Classes if it is a class. compared to if it is an id. Javascript 1874 11/21/2025 Javascript Formatting Converting Numbers To Strings Using ToFixed() fixed decimal places number format Question: When I convert numbers to strings, can I guarantee exactly n decimal places in the resultant string? Answer: The simplest way of converting a number variable to string is to concatenate the variable with an empty string. However, this conversion does not guarantee the number of decimal places in the string. If you want exactly n decimal places in the conversion result, use the toFixed method, like this: str = x.toFixed(n); Here x is the number to be converted, the string str is the conversion result, and n specifies how many fractional decimal places must appear in the resultant string. The method can also be used without the parameter n - you can simply write: x.toFixed(), which is equivalent to x.toFixed(0). Consider these examples: var x = 2.31; var s = x.toFixed() // result: '2' var s0 = x.toFixed(0) // result: '2' var s1 = x.toFixed(1) // result: '2.3' var s2 = x.toFixed(2) // result: '2.31' var s3 = x.toFixed(3) // result: '2.310' var s4 = x.toFixed(4) // result: '2.3100' The toFixed method might not always ensure the correct rounding of the conversion results. For example, (0.947).toFixed(0) may produce either '0' or '1', depending on the browser; in most versions of Microsoft Internet Explorer (0.947).toFixed(0) produces '0' while in Mozilla Firefox or Google Chrome the same conversion produces '1'. Below are the actual conversion results in your browser: (0.947).toFixed(0) // '0' ('0' in MSIE, but '1' in Firefox) (0.0947).toFixed(1) // '0.0' ('0.0' in MSIE, but '0.1' in Firefox) (0.00947).toFixed(2) // '0.00' ('0.00' in MSIE, but '0.01' in Firefox) (0.000947).toFixed(3) // '0.000' ('0.000' in MSIE, but '0.001' in Firefox) For correct rounding, use the Math.round method or Math.round in combination with toFixed like this: x=0.947; s0=(Math.round(x)).toFixed(0) // '1' x=0.0947; s1=(Math.round(10*x)/10).toFixed(1) // '0.1' x=0.00947; s2=(Math.round(100*x)/100).toFixed(2) // '0.01' x=0.000947; s3=(Math.round(1000*x)/1000).toFixed(3) // '0.001' Javascript 1552 09/09/2023 Javascript Function List Of Functions javascript functions [url location] parent.frame_name.location= url "send url into a frame" [Integer] var pop=parseInt(1000*Math.random()); [decimal only] var fracPart = 123456 % 1000; anchor() Creates an HTML anchor 1 3 big() Displays a string in a big font 1 3 blink() Displays a blinking string 1 bold() Displays a string in bold 1 3 charAt() Returns the character at a specified position 1 3 charCodeAt() Returns the Unicode of the character at a specified position 1 4 concat() Joins two or more strings 1 4 fixed() Displays a string as teletype text 1 3 fontcolor() Displays a string in a specified color 1 3 fontsize() Displays a string in a specified size 1 3 fromCharCode() Takes the specified Unicode values and returns a string 1 4 indexOf() Returns the position of the first occurrence of a specified string value in a string 1 3 italics() Displays a string in italic 1 3 lastIndexOf() Returns the position of the last occurrence of a specified string value, searching backwards from the specified position in a string 1 3 link() Displays a string as a hyperlink 1 3 match() Searches for a specified value in a string 1 4 replace() Replaces some characters with some other characters in a string 1 4 search() Searches a string for a specified value 1 4 slice() Extracts a part of a string and returns the extracted part in a new string 1 4 small() Displays a string in a small font 1 3 split() Splits a string into an array of strings 1 4 strike() Displays a string with a strikethrough 1 3 sub() Displays a string as subscript 1 3 substr() Extracts a specified number of characters in a string, from a start index 1 4 substring() Extracts the characters in a string between two specified indices 1 3 sup() Displays a string as superscript 1 3 toLowerCase() Displays a string in lowercase letters 1 3 toUpperCase() Displays a string in uppercase letters 1 3 toSource() Represents the source code of an object 1 - valueOf() Returns the primitive value of a String object Definition and Usage The substr() method extracts a specified number of characters in a string, from a start index. Syntax stringObject.substr(start,length) Parameter Description start Required. Where to start the extraction. Must be a numeric value length Optional. How many characters to extract. Must be a numeric value. Tips and Notes Note: To extract characters from the end of the string, use a negative start number (This does not work in IE). Note: The start index starts at 0. Note: If the length parameter is omitted, this method extracts to the end of the string. Example 1 In this example we will use substr() to extract some characters from a string: The output of the code above will be: lo world! Javascript 2025 09/09/2023 Javascript Function Insert Commas In Your Number As You Type insert comma function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } _________________________________ [As you type] example IWS-order_productsSub.php function checkit(id1){ var key1= window.event.keyCode if (key1>57 || key1<48){ return; } document.getElementById('li'+id1).checked=true; nStr=document.getElementById(id1).value; var start1=1000; while(start1!=-1){ start1= nStr.indexOf(","); nStr=nStr.replace(",",""); } nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } document.getElementById(id1).value=x1+x2; } Javascript 1345 09/09/2023 Javascript Function Load Popup Window open window popup Access by such $url"; Javascript 1758 09/09/2023 Javascript Function GetElementById getelementbyid get element by id function addData(value1){ if(document.getElementById('li'+value1).checked==true){ if(document.getElementById(value1).value==""){ document.getElementById(value1).value=1; } } } Set background color document.getElementById('colorcheck').style.backgroundcolor= toHex(R)+toHex(G)+toHex(B) Javascript 1251 09/09/2023 Javascript Function Confirm() yes no cancel message box JavaScript Confirm Example Below is an example of how you would use a confirm dialogue box to warn users about something, giving them the option to either continue on or stay put. HTML & JavaScript Code: Display: Note the part in red. This is where all the magic happens. We call the confirm function with the message, "Leave Tizag?". JavaScript then makes a popup window with two choices and will return a value to our script code depending on which button the user clicks. If the user clicks OK, a value of 1 is returned. If a user clicks cancel, a value of 0 is returned.. We store this value in answer by setting it equal to the confirm function call. After answer has stored the value, we then use answer as a conditional statement. If answer is anything but zero, then we will send the user away from Tizag.com. If answer is equal to zero, we will keep the user at Tizag.com because they clicked the Cancel button. In either case, we have a JavaScript alert box that appears to inform the user on what is going to happen. It will say, "Bye bye!" if they choose to leave and, "Thanks for sticking around!" if they choose to stay. Javascript 2000 09/09/2023 Javascript Function Is Javascript Enabled enable javascript JavaScript - Is it Enabled? This lesson will first teach you how to enable JavaScript in Internet Explorer, Firefox, and Opera, then show you how you can write a very simple script to separate website visitors who don't have JavaScript enabled from those who do. Advertise on Tizag.com Enable JavaScript - Internet Explorer In Internet Explorer 6/7 (download Internet Explorer), you can check to see if JavaScript is enabled by navigating to the custom security settings that are somewhat buried (don't worry; we'll help you find it). 1.Click on the Tools menu 2.Choose Internet Options... from the menu 3.Click the Security tab on the Internet Options pop up 4.Click the Custom Level... button to access your security settings 5.Scroll almost all the way down to the Scripting section 6.Select the Enable button for Active scripting 7.Click OK to finish the process 8.Click Yes when asked to confirm Enable JavaScript - Firefox In Firefox 2 (download Firefox) you can check to see if JavaScript is enabled by navigating to the Content settings under Options. 1.Click on the Tools menu 2.Choose Options... from the menu 3.Click the Content tab in the Options pop up 4.Make sure that Enable JavaScript is checked 5.Click OK to finish the process Enable JavaScript - Opera In Opera (download Opera) you can check to see if JavaScript is enabled by navigating to the Content settings under Preferences. 1.Click on the Tools menu 2.Choose Preferences... from the menu 3.Click the Advanced tab in the Preferences pop up 4.Select Content from the list of items on the left 5.Make sure that Enable JavaScript is checked 6.Click OK to finish the process JavaScript Detection These days, it's basically impossible to navigate the web without a JavaScript-enabled browser, so checking whether or not a user has JavaScript enabled is not all that important. Chances are, the only way it be disabled is if the company's IT staff has decided to disable JavaScript for some reason. However, if you still want to be sure your users are JavaScript enabled, this script will get it done. The only sure fire way to separate users who don't have JavaScript from those who do is to use a simple redirect script that will only work for those with JavaScript enabled. If a person's browser does not have JavaScript enabled, the script will not run, and they will remain on the same page. JavaScript Code: Replace the example URL with the webpage of your choice Javascript 1211 09/09/2023 Javascript Function While Loop while loop JavaScript While Loop Explained There are two key parts to a JavaScript while loop: 1.The conditional statement which must be True for the while loop's code to be executed. 2.The while loop's code that is contained in curly braces "{ and }" will be executed if the condition is True. When a while loop begins, the JavaScript interpreter checks if the condition statement is true. If it is, the code between the curly braces is executed. At the end of the code segment "}", the while loop loops back to the condition statement and begins again. If the condition statement is always True, then you will never exit the while loop, so be very careful when using while loops! Creating a Simple While Loop This example shows how to create a basic while loop that will execute a document.write 10 times and then exit the loop statement. JavaScript Code: Display: While loop is beginning myCounter = 0 myCounter = 1 myCounter = 2 myCounter = 3 myCounter = 4 myCounter = 5 myCounter = 6 myCounter = 7 myCounter = 8 myCounter = 9 While loop is finished! Our variable myCounter started off at 0, which is less than 10, so our while loop executed its code. The value 0 was printed to the browser and then myCounter was incremented by 1 and the while loop started over again. 1 was less than 10 so the while loop's code was executed... and the process repeats itself a few more times until... myCounter was 10 which was not less than 10 so the while loop's code did not execute. You can see this in the Display: because the last value to be printed out was 9. Note: Advanced programmers may recognize that a for loop would be a better solution for this example, but we hope you can ignore this for our needs to create an easy example! Javascript 1170 09/09/2023 Javascript Function Comment Out Lines comment rem Creating Single Line Comments To create a single line comment in JavaScript, you place two slashes "//" in front of the code or text you wish to have the JavaScript interpreter ignore. When you place these two slashes, all text to the right of them will be ignored, until the next line. These types of comments are great for commenting out single lines of code and writing small notes. JavaScript Code: Display: I have comments in my JavaScript code! Each line of code that is colored red is commented out and will not be interpreted by the JavaScript engine. Creating Multi-line Comments Although a single line comment is quite useful, it can sometimes be burdensome to use when disabling long segments of code or inserting long-winded comments. For this large comments you can use JavaScript's multi-line comment that begins with /* and ends with */. JavaScript Code: Display: I have multi-line comments! Quite often text editors have the ability to comment out many lines of code with a simple key stroke or option in the menu. If you are using a specialized text editor for programming, be sure that you check and see if it has an option to easily comment out many lines of code! Javascript 1507 09/09/2023 Javascript Function Date And Time date time JavaScript Date and Time Object The Date object is useful when you want to display a date or use a timestamp in some sort of calculation. In Java, you can either make a Date object by supplying the date of your choice, or you can let JavaScript create a Date object based on your visitor's system clock. It is usually best to let JavaScript simply use the system clock. Advertise on Tizag.com When creating a Date object based on the computer's (not web server's!) internal clock, it is important to note that if someone's clock is off by a few hours or they are in a different time zone, then the Date object will create a different times from the one created on your own computer. JavaScript Date Today (Current) To warm up our JavaScript Date object skills, let's do something easy. If you do not supply any arguments to the Date constructor (this makes the Date object) then it will create a Date object based on the visitor's internal clock. HTML & JavaScript Code: It is now Display: It is now Nothing shows up! That's because we still don't know the methods of the Date object that let us get the information we need (i.e. Day, Month, Hour, etc). Get the JavaScript Time The Date object has been created, and now we have a variable that holds the current date! To get the information we need to print out, we have to utilize some or all of the following functions: •getTime() - Number of milliseconds since 1/1/1970 @ 12:00 AM •getSeconds() - Number of seconds (0-59) •getMinutes() - Number of minutes (0-59) •getHours() - Number of hours (0-23) •getDay() - Day of the week(0-6). 0 = Sunday, ... , 6 = Saturday •getDate() - Day of the month (0-31) •getMonth() - Number of month (0-11) •getFullYear() - The four digit year (1970-9999) Now we can print out the date information. We will be using the getDate, getMonth, and getFullYear methods in this example. HTML & JavaScript Code: It is now Display: It is now 1/8/2011 ! Notice that we added 1 to the month variable to correct the problem with January being 0 and December being 11. After adding 1, January will be 1, and December will be 12. JavaScript Current Time Clock Now, instead of displaying the date we, will display the format you might see on a typical digital clock -- HH:MM AM/PM (H = Hour, M = Minute). HTML & JavaScript Code: It is now Display: It is now 23:09 PM Above, we check to see if either the hours or minutes variable is less than 10. If it is, then we need to add a zero to the beginning of minutes. This is not necessary, but if it is 1:01 AM, our clock would output "1:1 AM", which doesn't look very nice at all! Javascript 1569 09/09/2023 Javascript Function Determine If An Array Checkbox Or Radiobutton Has Been Checked checkbox array radio button checked Checkboxes can be used as arrays and the value can be collected using JavaScript. We will be discussing client side JavaScript and the collection of checkbox value. You can visit the php section for checkbox array handling using PHP server side scripting. We can create a group of checkbox by giving them the same name and that will create an array and from it we can collect the names of the check boxes for which it is checked. Here are some commands we will be using to get the details of the events or actions we perform. document.form1.scripts.length This gives us the length of the array or the number of elements present in the array. If we know we are using 5 checkboxes then we can directly use the number 5 but it is a good to use this as this picks up all the checkboxes of the group without missing any checkbox. Note that the word scripts in the document.form1.scripts.length is the name of the array and same as the checkboxes name. document.form1.scripts[i].checked The above command will return true if the checkbox is checked so we will use one if condition to know it is checked or not. The value of i is the index of the array and as we will be using one for loop so the value of i will be changing upto the maximum value. Here is the demo of the script. SexMale Female Scripts You knowJavaScript PHP HTML The JavaScript code is kept within the head tag of the page. To display the period button and checkboxes see the code below. BODY SexMale Female Scripts You knowJavaScript PHP HTML Javascript 1648 09/09/2023 Javascript Function Label - Changing A Label On A Web Page update label update caption innerHTML function updatecost(){ if(document.frmInput.hitting.checked==true){ var gross=+; document.getElementById('totalcost').innerHTML = gross; document.frmInput.cost.value=gross; }else{ document.getElementById('totalcost').innerHTML = ; document.frmInput.cost.value=; } } When a check box is selected the price is changed. Add On Fall Season Hitting Pass for... the $cost value is replaced when the box is checked or unchecked. Cost: $$cost "; Javascript 1365 09/09/2023 Javascript Function SELECT - Using To Update Page combo redirect url location href wordpress getelementbyid window open if($FORM==1 && file_exists($PATH1)){ //window.open('deletefile.php?FILE=$PATH1', "_blank") $dis1.=""; //$dis1.=""; } =========================================== //This function uses the year value to load a page that shows the selected years data in a wordpress page function loaddata(val){ var url=document.getElementById(val).options[document.getElementById(val).selectedIndex].value; location.href="http://2000bestfriends.org/member-list?yid="+url; } Javascript 1650 10/05/2024 Javascript Function GetElementById javascript form tags id= SWD J = InStr(CODE2, "## " + "##") : CODE2 = Left(CODE2, J - 1) For J = 0 To TMPA.Count - 1 If InStr(CODE2, "##" + TMPA(J) + "##") = 0 Then NotFound = True : CODE2 = CODE2 + "##" + TMPA(J) + "##" + vbCR Next CODE2 = CODE2 + "## " + "##" + vbCR If NotFound = True Then My.Computer.FileSystem.WriteAllText(Tree2 + Filename + "Code.txx", CODE2, append:=False) Javascript 1010 09/09/2023 Javascript Function Bearing Bearing heading latitude longitude GPS function bearing(startLat, startLng, destLat, destLng){ startLat = toRadians(startLat); startLng = toRadians(startLng); destLat = toRadians(destLat); destLng = toRadians(destLng); y = Math.sin(destLng - startLng) * Math.cos(destLat); x = Math.cos(startLat) * Math.sin(destLat) - Math.sin(startLat) * Math.cos(destLat) * Math.cos(destLng - startLng); brng = Math.atan2(y, x); brng = toDegrees(brng); return (brng + 360) % 360; } Javascript 2 09/09/2023 Javascript Language For Statement for Loops function GBtoHex(this.form.r.value,this.form.g.value,this.form.b.value){ for(i=0;i<=250;i=i+10;){ document.getElementById('c'+j).style.backgroundColor='#'+toHex(i)+toHex(G)+toHex(B); j=j+1; } } Javascript 2 09/09/2023 Javascript Link Using A Button As A Hyperlink button hyperlink With an ordinary HTML link using the tag you can target the page that the link refers to so that it will display in another window or frame. Of course the same can also be done from within Javascript. To target the top of the current page and break out of any frameset currently in use you would use in HTML. In Javascript you use: top.location.href = 'page.htm'; To target the current page or frame you can use in HTML. In Javascript you use: self.location.href = 'page.htm'; To target the parent frame you can use in HTML. In Javascript you use: parent.location.href = 'page.htm'; To target a specific frame within a frameset you can use in HTML. In Javascript you use: top.frames['thatframe'].location.href = 'page.htm'; To target a specific iframe within the current page you can use in HTML. In Javascript you use: self.frames['thatframe'].location.href = 'page.htm'; or parent.right.location.href= `Loads file into window or frame right` Javascript 1624 09/09/2023 Javascript Object .select(); Clipboard Clipboard object of document.getElementById().select; Click on the button to copy the text from the text field. Try to paste the text (e.g. ctrl+v) afterwards in a different window, to see the effect. Copy text Dim dbs As Database Dim rs As Recordset Dim strSQL As String Set dbs = CurrentDb strSQL = 'your query here Set rs = dbs.OpenRecordset(strSQL) If Not (rs.EOF And rs.BOF) Then rs.MoveFirst 'get results using rs.Fields() Else 'Use results rs.MoveFirst Do While Not rs.EOF 'do something like rs("SomeFieldName") rs.MoveNext Loop DoCmd.SetWarnings False DoCmd.RunSQL "DELETE * FROM NameOfTable" DoCmd.SetWarnings True Sub InsertIntoX2() Dim dbs As Database ' Modify this line to include the path to Northwind ' on your computer. Set dbs = OpenDatabase("Northwind.mdb") ' Create a new record in the Employees table. The ' first name is Harry, the last name is Washington, ' and the job title is Trainee. dbs.Execute " INSERT INTO Employees " _ & "(FirstName,LastName, Title) VALUES " _ & "('Harry', 'Washington', 'Trainee');" dbs.Close End Sub Javascript 0 07/29/2022 Javascript Printing Print Web Page print button The JavaScript print function window.print() will print the current webpage when executed. In this example script, we will be placing the function on a JavaScript button that will perform the print operation when the onClick event occurs. HTML & JavaScript Code: Javascript 1423 09/09/2023 Javascript String String Manipulations replace indexof substring length indexOf: var ss = "a string index of test "; var result = ss.indexOf("ri"); length: Replace Function: Global Regular Expression By enabling the global property of our regular expression, we can go from replacing one match at a time to replacing all matches at once. To enable the global property, just put a "g" at the end of the regular expression. replace: Display: Old string = Hello username! I hope you enjoy your stay username. New string = Hello Chuck! I hope you enjoy your stay Chuck. substring: The output of the code above will be: lo w Question: How do I convert numbers to strings in JavaScript? Answer: The simplest way to convert any variable to a string is to add an empty string to that variable (i.e. concatenate it with an empty string ''), for example: a = a+'' // This converts a to string b += '' // This converts b to string 5.41 + '' // Result: the string '5.41' Math.PI + '' // Result: the string '3.141592653589793' Javascript 1246 09/09/2023 Javascript String Array Information length array size count Array Object Properties Property Description constructor Returns the function that created the Array object's prototype length Sets or returns the number of elements in an array prototype Allows you to add properties and methods to an Array object Array Object Methods Method Description concat() Joins two or more arrays, and returns a copy of the joined arrays indexOf() Search the array for an element and returns it's position join() Joins all elements of an array into a string lastIndexOf() Search the array for an element, starting at the end, and returns it's position pop() Removes the last element of an array, and returns that element push() Adds new elements to the end of an array, and returns the new length reverse() Reverses the order of the elements in an array shift() Removes the first element of an array, and returns that element slice() Selects a part of an array, and returns the new array sort() Sorts the elements of an array splice() Adds/Removes elements from an array toString() Converts an array to a string, and returns the result unshift() Adds new elements to the beginning of an array, and returns the new length valueOf() Returns the primitive value of an array Javascript 1296 09/09/2023 Javascript Text Box Auto Clear Text Box Input text - auto clear w FIND A STORE onblur="this.value=(this.value=='') ? 'Enter a Zip Code' : this.value;" onfocus="clearText(this);" value="Enter a Zip Code" /> Javascript 1460 09/09/2023 Javascript Text Box Move To Next Field Automatically When Textbox Is Full auto move text box event keycode focus function moveOn(field,nextFieldID,e){ var unicode=e.keyCode? e.keyCode : e.charCode if(unicode!=39 && unicode!=37){ if(field.value.length >= field.maxLength){ document.getElementById(nextFieldID).focus(); } } } - - "; Javascript 1542 09/09/2023 Javascript Variables Using Math In Functions float integer math parse gps distance heading bearing Javascript Math function getPointAtDistance(lat1, lon1, distance, bearing) { const R = 6371e3; // Earth's radius in meters const d = distance; // Distance in meters const lat1Rad = toRadians(lat1); const lon1Rad = toRadians(lon1); const brngRad = toRadians(bearing); const lat2Rad = Math.asin( Math.sin(lat1Rad) * Math.cos(d / R) + Math.cos(lat1Rad) * Math.sin(d / R) * Math.cos(brngRad) ); const lon2Rad = lon1Rad + Math.atan2( Math.sin(brngRad) * Math.sin(d / R) * Math.cos(lat1Rad), Math.cos(d / R) - Math.sin(lat1Rad) * Math.sin(lat2Rad) ); return { latitude: toDegrees(lat2Rad), longitude: toDegrees(lon2Rad) }; } function toRadians(deg) { return deg * (Math.PI / 180); } function toDegrees(rad) { return rad * (180 / Math.PI); } =================== function toRadians(degrees) { return degrees * Math.PI / 180; } // Converts from radians to degrees. function toDegrees(radians) { return radians * 180 / Math.PI; } function bearing(startLat, startLng, destLat, destLng){ startLat = toRadians(startLat); startLng = toRadians(startLng); destLat = toRadians(destLat); destLng = toRadians(destLng); y = Math.sin(destLng - startLng) * Math.cos(destLat); x = Math.cos(startLat) * Math.sin(destLat) - Math.sin(startLat) * Math.cos(destLat) * Math.cos(destLng - startLng); brng = Math.atan2(y, x); brng = toDegrees(brng); return (brng + 360) % 360; } function distanceHeading(lat1,lon1,lat2,lon2){ var distance=getDistanceFromLatLonInKm(lat1,lon1,lat2,lon2); var heading=bearing(lat1,lon1,lat2,lon2); alert(distance+" -> "+heading+" degrees"); var complete=lat1+","+lon1+"; "+distance+" -> "+heading+" degrees; "+lat2+", "+lon2+"nn"; document.getElementById("piled").value=document.getElementById("piled").value+complete; } function circleDistance(lat1,lon1,lat2,lon2){ var distance=getDistanceFromLatLonInKm(lat1,lon1,lat2,lon2); var distance100=2*3.141596*parseFloat(distance); var width=60/43560; var distance50=distance100/2; var distance25=distance100/4; alert("full circle="+parseInt(distance100)+" ft ==== half circle="+parseInt(distance50)+" ft ====== quarter circle="+parseInt(distance25)+" ft"); alert("full circle area="+distance100*width+" acre ==== half circle area="+distance50*width+" acre ====== quarter circle area="+distance25*width+" acre"); } Javascript 1 02/20/2026