Using JavaScript Behaviors in Dreamweaver CS4 with Nora McDougall-Collins: Missoula, Montana <link rel="stylesheet" href="/ComputerTips/CSS/Title.css" type="text/css"> <link rel="stylesheet" href="/ComputerTips/Dreamweaver/Dreamweaver/CSS/Test.css" type="text/css"> <link rel="stylesheet" href="/ComputerTips/CSS/Links.css" type="text/css"> <link rel="stylesheet" href="/ComputerTips/CSS/Body.css" type="text/css"> <script language="JavaScript">  </script> <link rel="stylesheet" href="../../CSS/Title.css" type="text/css"> <style type="text/css">  </style>   <link href="../../CSS/Spacing.css" rel="stylesheet" type="text/css"> <link href="../../CSS/TextStyles.css" rel="stylesheet" type="text/css"> </head> <body> <table width="850" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="#D6DD7D"><center> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="125"><img src="../../Images/Logos/Laptop.png" alt="The Computer Gal Logo - Laptop with coffee and plants" width="125" height="101" hspace="20" vspace="3"></td> <td> <div class="GreenLinksTight" style="float: right; width: 275px; height: 30px; margin: 0 10px 0 0; text-align: right;"><a href="../../Information/ArticlesByNoraMcDougall.html" class="GreenLinksTight">Articles </a>•<a href="../../Information/Tips.html" class="GreenLinksTight"> Computer Tips </a>• <a href="../../Information/LinksResources.php" class="GreenLinksTight">Links </a>• <a href="../../Information/DailyInterlake.htm" class="GreenLinksTight">About</a></div> <center> <img src="../../Images/Logos/FrontLogo.gif" width="480" height="50" vspace="10"> </center> </td> </tr> <tr> <td height=20 colspan="2" class="NavBar" align="center"><center>  <link href="../../CSS/GalStyles.css" rel="stylesheet" type="text/css"> <div style="position:relative; top: -10px; margin:0 auto; width: 320px;"> <div class="ShortGreenTab TabText" style=" position: absolute; top: 0px; left: 0px;"><a href="../../index.htm" class="TabText">Home</a></div> <div class="LongGoldTab TabText" style="position: absolute; top: 0px; left: 72px;"><a href="../../Schedules/Dickinson.htm" class="TabText">Dickinson</a></div> <div class="ShortGreenTab TabText" style="position: absolute; top: 0px; left: 183px;"><a href="../../CS172/Syllabus.htm" class="TabText">UM</a></div> <div class="ShortGreenTab TabText" style="position: absolute; top: 0px; left: 254px;"><a href="../../Schedules/FVCC.htm" class="TabText">FVCC</a></div> </div> </center></td> </tr> </table> </center> </td> </tr> <tr> <td valign="top" bgcolor="#D6DD7D"> <div id="PageTitleInformation">JavaScript Behaviours </div> <div id="MainContent"> <div id="RightBoxShaded"> <div style="text-align: center; border-bottom: 1px solid #666666;"> <div><a href="Syllabus1.htm" class="GreenLinksTight">Back to Computer Tips</a></div> <div><a href="../Syllabus2.html" class="GreenLinksTight">Back to Dreamweaver 2 Syllabus</a></div> </div>   <div style="text-align: center;"> <a href="http://www.facebook.com/pages/Missoula-MT/The-Computer-Gal/260716970653" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="The Computer Gal">The Computer Gal</a><br/><a href="http://www.facebook.com/pages/Missoula-MT/The-Computer-Gal/260716970653" target="_TOP" title="The Computer Gal"><img src="http://badge.facebook.com/badge/260716970653.4365.1484227220.png" width="" height="" style="border: 0px;" /></a> </div>  <div style="border-top: 1px solid #666666; margin: 10px; text-align: center; padding-top: 10px;"> <div style="margin: 0 15px 0 25px; float: left;"> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> </div>  <div style="margin: 0 25px 0 15px; float: right;"> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script>  <a class="DiggThisButton DiggMedium"></a> </div>  </div> </div> <ul> <li class="BodyTextTight"> JavaScript is not the same thing as the programming language Java. </li> <li class="BodyTextTight">The Java programming language has been used on the web quite a bit too, but the pieces are little programs called applets. They come in .class files. So if you see a reference to a .class file somewhere, it's probably Java, not JavaScript. </li> <li class="BodyTextTight">JavaScript was started by the Netscape folks. (Wasn't a lot of good web stuff!) At first it was called LiveScript. </li> <li class="BodyTextTight">JavaScript is often used as a client-side scripting language. That means that the is code is sent to the viewer's browser, and the browser interprets the code. </li> <li class="BodyTextTight">JavaScript is different from a programming language because most programming languages are <strong>compiled</strong>. That means that they are turned into machine code ahead of time and the computer's operating system runs it. With scripting languages, a program that is open and running on the computer interprets the code and does what it says. We say that the code is used at <strong>run time</strong>. In the case of JavaScript, the program is the browser. </li> <li class="BodyTextTight">Dreamweaver contains pre-written pieces of JavaScript code. Just like Dreamweaver can add HTML code to your page, it can add JavaScript code. In Dreamweaver, these pieces of code are called <strong>behaviors</strong>. </li> </ul> <p>JavaScript Examples</p> <ul> <li><a href="/Dreamweaver/JavaScript/JavaLayers.html" class="BodyTextTight"><font size="-1" color="#000000">JavaScripts with Layers, Message and onClick</font></a><br> </li> <li><a href="../../Classes/WebProgramming/JavaScript.html" class="BodyTextTight"><font size="-1" color="#000000">JavaScript with layers and timeline</font></a> - <font size="2">illustrates problems with timelines </font><br> </li> <li><font size="2"><a href="http://thecomputergal.com/Classes/Networking/Entry.html" class="BodyTextTight"><font color="#000000">A page using JavaScript to open a smaller window and close the window</font></a><br> </font></li> <li class="BodyTextTight"><a href="http://thecomputergal.com/Classes/WebProgramming/ASP/SignUp4.html"><font color="#000000"><font size="2">A page using JavaScript for Form Validation</font></font></a></li> </ul>  <p class="SyllabusTableTitle" style="margin-top: 15px;">Related Articles</p> <ol> <li class="BodyTextTight"><a href="http://www.thecomputergal.com/WebDesign/Lessons/UsingTextEditor.htm" class="BodyTextTight">Using a Text Editor and a Browser to Create a Web Page</a> </li> <li class="BodyTextTight"><a href="../../Programming/JavaScript/Articles/WhatIsJavaScript.htm" class="BodyTextTight">What is JavaScript?</a> </li> <li class="BodyTextTight"><a href="../../Programming/JavaScript/Articles/Alert.htm" class="BodyTextTight">Using a Pre-defined Function in JavaScript </a></li> <li class="BodyTextTight"><a href="../../Programming/JavaScript/Articles/JavaScriptVariables.htm" class="BodyTextTight">Variables, Math, Concatenation and Overloaded Operators </a></li> <li class="BodyTextTight"><a href="../../Programming/JavaScript/Articles/Output.htm" class="BodyTextTight">Using a Prompt Box and Outputting to the Screen</a> </li> <li class="BodyTextTight"><a href="../Forms/Forms.html" class="BodyTextTight">Basics about Forms </a></li> <li class="BodyTextTight"><a href="../../Programming/JavaScript/Articles/Forms.htm" class="BodyTextTight">Adding JavaScript to a Form</a></li> <li class="BodyTextTight"><a href="RolloverImages.html" class="BodyTextTight">JavaScript Rollover Images in Dreamweaver 8 </a></li> </ol> </div>  </td> </tr> <tr align="center" valign="middle"> <td height="60" background="../../Images/Backgrounds/FrontBottomBorder.gif"> <center> <div class="BodyTextTight" style="text-align: center;">Nora McDougall | Missoula, Montana 59801 | 406.253.4045 | <a href="../../Information/Feedback.php" class="BodyTextTight"> Contact Nora</a><br> <span class="Body10">© 2011, Nora McDougall-Collins</span></div> </center> </td> </tr> </table> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-1711149-1"; urchinTracker(); </script> </body> </html>