/lenasys/0.1

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/0.1

« back to all changes in this revision

Viewing changes to trunk/Code Viewer Alt/AJAX/AjaxDemoApp3_getResources.html

  • Committer: Henrik G.
  • Date: 2013-03-26 23:22:55 UTC
  • Revision ID: henrik.gustavsson@his.se-20130326232255-ik6snyatlbkf3zs1
First seed of Lenasys ... Needs to be Organized Further

Show diffs side-by-side

added added

removed removed

Lines of Context:
trunk/Code Viewer Alt/AJAX/AjaxDemoApp3_getResources.html
 
1
<html>
 
2
<head>
 
3
                <style>
 
4
                        table {border: 1px dotted gray; padding: 1em;}
 
5
                </style>
 
6
        <script language="javascript" src="../jquery/jquery-1.8.2.min.js"></script>
 
7
                <script language="javascript">
 
8
                        // The API is passed a resource name, company or location and/or a fulltext
 
9
                        function showResources(returnedData)
 
10
                        {
 
11
                                        // An XML DOM document is returned from AJAX
 
12
                                        var resultset=returnedData.childNodes[0];
 
13
                                        var output="<table>";
 
14
                                        // Iterate over all nodes in root node (i.e. resources)
 
15
                                        for (i = 0; i < resultset.childNodes.length; i++) {
 
16
                                                        // Iterate over all child nodes of that node that are resource nodes
 
17
                                                        if(resultset.childNodes.item(i).nodeName=="resource"){
 
18
                                                                        // Retrieve data from resource nodes
 
19
                                                                        var resource=resultset.childNodes.item(i);
 
20
                                                                        output+="<tr onclick='alert(\""+resource.attributes['id'].value+"\")'>";
 
21
                                                                        output+="<td>"+resource.attributes['company'].nodeValue+"</td>";
 
22
                                                                        output+="<td>"+resource.attributes['name'].nodeValue+"</td>";
 
23
                                                                        output+="<td>"+resource.attributes['location'].nodeValue+"</td>";
 
24
                                                                        output+="</tr>";
 
25
                                                                                        
 
26
                                                        }
 
27
                                        }
 
28
 
 
29
                                        output+="</table>"
 
30
                                        var div=document.getElementById('OutputDiv');
 
31
                                        div.innerHTML=output;
 
32
                        }                               
 
33
                        
 
34
                        function searchResources()
 
35
                        {
 
36
                                        var resname=document.getElementById("resName").value;
 
37
                                        var reslocation=document.getElementById("resLocation").value;
 
38
                                        var rescompany=document.getElementById("resCompany").value;
 
39
                                        var resfulltext=document.getElementById("resFulltext").value;
 
40
 
 
41
                                                        $.ajax({
 
42
                                                                type: 'POST',
 
43
                                                                url: '../booking/getresources_XML.php',
 
44
                                                                data: { name: escape(document.getElementById("resName").value),
 
45
                                                                        location:  escape(document.getElementById("resLocation").value),
 
46
                                                                        company: escape(document.getElementById("resCompany").value),
 
47
                                                                        fulltext: escape(document.getElementById("resFulltext").value) },
 
48
                                                                success:  showResources
 
49
                                                        });
 
50
                        }
 
51
                        
 
52
                </script>
 
53
</head>
 
54
<body>
 
55
        
 
56
        <form name='searchbookings'>
 
57
                                Name:</br>
 
58
                                 <input type='text' value='' name='resName' id='resName' onchange="searchResources()" onkeyup="searchResources()"></br>
 
59
                                Location:</br>
 
60
                                 <input type='text' value='' name='resLocation' id='resLocation' onchange="searchResources()" onkeyup="searchResources()"></br>
 
61
                                Company:</br>
 
62
                                 <input type='text' value='' name='resCompany' id='resCompany' onchange="searchResources()" onkeyup="searchResources()"></br>
 
63
                                Freetext:</br>
 
64
                                 <input type='text' value='' name='resFulltext' id='resFulltext' onchange="searchResources()" onkeyup="searchResources()"></br>
 
65
        </form>
 
66
        <br>
 
67
        <div id="OutputDiv">
 
68
                <br>
 
69
        
 
70
</body>
 
71
</html>