Update README.md

andreaval · web-flow · commit 38bf6b1879e5 · 2019-03-10T11:57:40.000+01:00
Improved examples
diff --git a/README.md b/README.md
@@ -20,8 +20,50 @@ or
 ```js
 drawFlowchartFromUrl(fprgUrl,tagId,options);
 ```
+## Example 1
+*http://domain/file.fprg*
+```xml
+<?xml version="1.0"?>
+  <flowgorithm fileversion="2.11">
+    <attributes>
+      <attribute name="name" value="Next number"/>
+      <attribute name="authors" value="Andrea Vallorani"/>
+      <attribute name="about" value="Print the next of a given number"/>
+      <attribute name="saved" value="2018-01-23 06:36:28 PM"/>
+      <attribute name="created" value="YW5kcmVhO3VidW50dTsyMDE4LTAxLTIzOzA1OjMxOjMxIFBNOzI1Njg="/>
+      <attribute name="edited" value="YW5kcmVhO3VidW50dTsyMDE4LTAxLTIzOzA2OjM2OjI4IFBNOzQ7MjY5MQ=="/>
+    </attributes>
+    <function name="Main" type="None" variable="">
+      <parameters/>
+      <body>
+        <declare name="N, NEXT" type="Integer" array="False" size=""/>
+        <input variable="N"/>
+        <assign variable="NEXT" expression="N+1"/>
+        <output expression="NEXT"/>
+      </body>
+  </function>
+</flowgorithm>
+```
+*http://domain/home.html*
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="lib/jquery-3.3.1.min.js"></script>
+  <script src="flowgorithm.js"></script>
+  <script>
+    $(function(){
+      drawFlowchartFromUrl('http://domain/file.fprg','#f');
+    });
+  </script>
+</head>
+<body>
+    <div id="f"></div>
+</body>
+</html>
+```
 
-## Example
+## Example 2
 ```html
 <!DOCTYPE html>
 <html>
@@ -42,11 +84,13 @@ drawFlowchartFromUrl(fprgUrl,tagId,options);
           <declare name="N, NEXT" type="Integer" array="False" size=""/>
           <input variable="N"/>
           <assign variable="NEXT" expression="N+1"/>
-          <output expression="&quot;Next is &quot; &amp; NEXT"/>
+          <output expression="NEXT"/>
         </body>
       </function>
     </flowgorithm>`;
-    drawFlowchartFromSource(xml,'#f');
+    $(function(){
+      drawFlowchartFromSource(xml,'#f');
+    });
   </script>
 </head>
 <body>
