Dynamically changing the content of a form without refreshing the page

Dynamically changing the content of a form without refreshing the page

This code allows the content of a form to be changed dynamically -- without refreshing the page. It doesn't need an ActiveX Control to be executed on the client; the execution is instead made on the server.

What this does is declare an HTML tag <script> with an empty SRC, and change the content of this SRC. This can be made by an agent. Follow these steps:

  1. Create a script tag with an empty SRC:
    <SCRIPT ID="datosAct" type="text/javascript" 
    SRC="" LANGUAGE="JavaScript"></SCRIPT>
    

  2. Put this code on the event of the element that is going to execute the action (button, dialog list, input, etc.).
    ----------- Event ---------------------
    
    querys = "" + window.location
    bd = querys.split("//")
    server = bd[1].split("/")
    //Call the agent with the parameters 
    for the search src= "http://" +server[0] 
    + "/" + folders + "/" + bd + 
    "/traerDatos?openagent&" + 
    this.options[this.selectedIndex].value;
    //Asign the value returned by the agent to
     the script tag defined document.
    getElementById("datosAct").src = src
    
    ----------- Event end -----------------
    

  3. This code is going to call an agent (traerDatos). When it does, this agent will generate JavaScript code and pass it to the form you are using by the script tag you declare. This is an example of the agent (you must code it for your needs).
    
    ----------------------- Agent ----------------------------
    --------------------------
    
    Dim session

    Requires Free Membership to View

    Register today to access targeted resources from our editorial writers and independent industry experts focused on Lotus Domino, Notes, Workplace and other related technologies.

    By submitting your registration information to SearchDomino.com you agree to receive email communications from TechTarget and TechTarget partners. We encourage you to read our Privacy Policy which contains important disclosures about how we collect and use your registration and other information. If you reside outside of the United States, by submitting this registration information you consent to having your personal data transferred to and processed in the United States. Your use of SearchDomino.com is governed by our Terms of Use. You may contact us at webmaster@TechTarget.com.

  1. As New NotesSession Dim db As NotesDatabase Dim view As NotesView Dim docContext As notesdocument Dim doc As notesdocument Dim nombre As String Dim cedula As String Dim param As String Dim codJs As String ' Read the parameters send by the URL Set db = session.GetDatabase ( "", "helptempeusuario.nsf" ) Set view = db.getview("vieCedula") Set docContext = session.DocumentContext url = docContext.Query_String(0) cedula = Mid( url, Instr( url, "&")+1) codJs = "" ' With the parameter search for the data you want Set doc = view.getDocumentByKey( cedula, True ) If Not doc Is Nothing Then nombre = docc.nombre(0) Else nombre = "" End If ' Now you have the data you want, so write it on your form. ' Call the inputs fields you want to write the data and asign the values ' All this JavaScript code is asigned to a string (CodJs) ' You must have an input field called 'txtNomEmp' codJs = "document.getElementById ('txtNomEmp').value = '" + nombre + "';" ' You must have an input field called 'txtCedEmp' codJs = codJs + "document.getElementById ( 'txtCedEmp' ).value = '" + cedula + "';" ' Now you have your JavaScript Code, so pass it to the script tag. ' This is make by a print statement. Print "Content-type: text/plaintext" ' Is very important to declare the content type as text, so Domino isn't going to generate an html page. Print codJs ------------------------ Agent end ------------------------- ----------------------------

Do you have comments on this tip? Let us know. Related information from SearchDomino.com:

  • Tip: DBLookup with JavaScript and XPath
  • Tip: DBColumn and DBLookup for all browsers using AJAX
  • Tip Library: JavaScript

    This tip was submitted to the SearchDomino.com tip library by member Carlos Jaramillo. Please let others know how useful it is via the rating scale at the end of the tip. Do you have a useful Lotus Notes, Domino, Workplace or WebSphere tip or code snippet to share? Submit it to our monthly tip contest and you could win a prize.

    This was first published in December 2005

  • Disclaimer: Our Tips Exchange is a forum for you to share technical advice and expertise with your peers and to learn from other enterprise IT professionals. TechTarget provides the infrastructure to facilitate this sharing of information. However, we cannot guarantee the accuracy or validity of the material submitted. You agree that your use of the Ask The Expert services and your reliance on any questions, answers, information or other materials received through this Web site is at your own risk.