spacer
Yehuda Shiran July 12, 2002
Calling the add Web Service from DHTML
Tips: July 2002

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Google Chrome Playing Catch-Up on Extensions
Open Solutions Alliance Gets New Leadership
Red Hat Spacewalk Expands Linux Management
 We have explained in Column 106 how to consume Web services through Microsoft Internet Explorer. There are three HTML items you need to add to your page for it to consume Web services:

  • onload="init()". Add this event handler to your BODY tag. For example: 

      <BODY BGCOLOR="#ffffff" onload="init()">
  • Instantiate the webservice behavior. You can share this behavior among all Web services you consume from your page:

      <DIV ID="myWebService" STYLE="behavior:url(webservice.htc)"></DIV>
  • GUI. Implement some way to collect user parameters and display the results. Simple INPUT elements will do.

The add TABLE consists of four rows. You enter the first and second integers in the first and second rows, respectively, where we use INPUT fields. The third line is for putting a total ruler and a button to invoke the addition. The fourth line displays the result, by way of a DIV element: we update its innerHTML. Here is the add TABLE:

  <TABLE BORDER="0">
    <TR><TD>Enter First Number:</TD><TD><INPUT SIZE="4" 
            TYPE="text" ID="first" STYLE="text-align:'right'"></TD></TR>
    <TR><TD>Enter Second Number:</TD><TD><INPUT SIZE="4" 
            TYPE="text" ID="second" STYLE="text-align:'right'"></TD></TR>
    <TR><TD align="right"><INPUT VALUE="Add" TYPE="button"
            onclick="addNumbers();"></TD><TD><HR></TD></TR>
    <TR><TD></TD><TD><DIV ID="theResult1" 
                      STYLE="text-align:'right'"></DIV></TD></TR>
  </TABLE>
Notice the ID of the various fields. The ID of the first number field is "first", the ID of the second number field is "second", and the ID of the result DIV is "theResult1". The Add button invokes the addNumbers() function when clicked.

To learn more about JScript .NET, go to Column 112, JScript .NET, Part VI: Creating IE Web Services.

People who read this tip also read these tips:

Look for similar tips by subject:

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions

Whitepapers and eBooks

Symantec Whitepaper: Converging System and Data Protection for Complete Disaster Recovery
Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms
PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
   Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Symantec Whitepaper: Comprehensive Backup and Recovery of VMware Virtual Infrastructure
MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts

Live to Code Video: I Don't Buy Games, I Make Them
Attend the IBM Service Management World Tour--Register now!
Video: Intel Launches Data Center Efficiency Initiative
Intel Podcast: Talking vPro
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
   Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
HP Disaster-Proof Solutions eSeminar
MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits

Microsoft Cloud Computing Tools
Amyuni Download: PDF & XPS Engine for Your .NET and ActiveX Applications
Acresso Download: Try InstallShield 2009
Microsoft Download: Silverlight 2 SDK
Access Crystal Reports for Eclipse Basic Edition (Free)
30-Day Trial: SPAMfighter Exchange Module
   Red Gate Download: SQL Toolbelt
Intel Business Exhange Software Download Store
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Developer Runtime (Windows)
AJAX Control Toolkit
MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos

VMware Online Virtualization Forum: Learn about the benefits of a virtual infrastructure, network with industry experts--Register today!
Demo: Dual-Core Intel Itanium 2 Processor
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
   Microsoft Article: Making Designer/Developer Collaboration a Reality
Windows Home Server: Access Your Data from Almost Anywhere!
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Administering MySQL Databases on the Web Using PHP · Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters > 
 The latest from internet.com
So what is an Oracle Nested Table? · E-Discovery Architectures 101 · eBay Embraces Big Sellers, Cyber Monday Trends