eValid™ -- The Web Quality Suite Browser-Based Client-Side Functional Testing and Validation Page Timing/Tuning Transaction Monitoring. WebSite Spidering & Analysis and Realistic Server Loading. © Copyright 2000-2008 by Software Research, Inc.

Introduction
This page presents some short illustrative examples of use of eValid's DOM manipulation facilities.

• Baseline Actions
  These are the basic "primitive" or "universal" actions that you can employ to manipulate page values within an eValid Playback script that interacts with the local file system.

  1. Extract & Save
     This involves identifying a page element by specifying some of its properties, and then saving a value from the page into the file OUTPUT.

     # Find the right page element... IndexSet 0 IndexFindElement (...Parameters that define what is sought...) # Now "sourceIndex" has the right value, so we use it to read... ValueGet (...Parameters that describe which property value to get...) # Now write to the file... ValueSave OUTPUT

  2. Read & Insert
     This involves identifying a page element by specifying some of its properties, and then inserting a new value taken from a file INPUT.

     # Read the value to insert... ValueRead INPUT # Find where to make the modification... IndexFindElement (...Parameters that define what is sought...) # Put the string in "elementValue" into the required location... ValuePut (...Parameters that describe which property value to get...)

• Practical Example Passages
  Here are three practical example passages that illustrate in outline form the kinds of activities that the eValid DOM commands can perform.

  1. Insert A New Value For Anchor Tag
     Find the item you want, declare the new value, and insert it in the right place.

     # Find the URL of which you want to change the value... IndexSet 0 IndexFindElement innerText "name of the link to change" # Put the new value into the right DOM property... ValueSet "New.URL.html" ValuePutElement "innerHTML" "" # Click on the new anchor tag... IndexElementClick ...

  2. Move an Anchor Tag Value From Here To There
     Find the element, save the value in OLD, find the new element, and put OLD into the right place.

     # Find the "from"... IndexSet 0 IndexFindElement innerText "name1" ValueGet innerHTML ValueSave OLD ValueSet NEW-HTML-VALUE ValuePut innerHTML # ...do some other stuff... # Now find the new location... IndexSet 0 IndexFindElement innerText "name2" ValueRead OLD ValuePut innerHTML ValueGet innerHtML ValueSave OLD ValueSet NEW ValuePut innerHTML ...