Merge pull request #786 from gpitel/example_anchor_update

add: more extensive examples on linking
pyjs · Feb 19, 2013 · e0191c0 · e0191c0
2 parents 4279d5a + ab0d6ea
commit e0191c0
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 11 deletions.
diff --git a/examples/anchor/Anchor.py b/examples/anchor/Anchor.py
@@ -1,15 +1,73 @@
 import pyjd
 from pyjamas.ui.RootPanel import RootPanel
-from pyjamas.ui.Image import Image
+from pyjamas import DOM
 from pyjamas.ui.Anchor import Anchor
+from pyjamas.ui.Hyperlink import Hyperlink
+from pyjamas import Window
+from pyjamas.ui.HTML import HTML
+from pyjamas.ui.HTMLPanel import HTMLPanel
+from pyjamas.ui.Label import Label
+from pyjamas.ui.Image import Image
+from pyjamas.ui.HorizontalPanel import HorizontalPanel
+
 
+def onClick(sender):
+    Window.alert('Make service request using %s'%sender.getID())
+
 if __name__ == '__main__':
     pyjd.setup("public/Anchor.html")
-
-    root = RootPanel()
-    image = Image('http://pyjs.org/assets/images/pyjs.128x128.png')
-    anchor = Anchor(Widget=image, Href='http://pyjs.org', Title='Pyjs website')
-    root.add(anchor)
-
-    pyjd.run()
-
+    # EXAMPLE 1
+    a1 = Anchor(Widget = HTML('Test 1: Anchor to external site using HTML widget.'), Href='http://pyjs.org', Title = 'Test1')
+    RootPanel().add(a1) 
+    # EXAMPLE 2
+    label = Label(text = 'Test 2: Click listener added to a label.')
+    label.addClickListener(onClick)
+    RootPanel().add(label) 
+    # EXAMPLE 3
+    a2 = Hyperlink(text = 'Hyperlink', Element = DOM.createSpan())
+    a2.setID('param1')
+    a2.addClickListener(onClick)
+    html2=HTMLPanel("Test 3: <span id ='t3'></span> added to HTMLPanel with click listener.")
+    html2.add(a2, "t3")
+    RootPanel().add(html2)
+    # EXAMPLE 4
+    hpanel = HorizontalPanel()
+    hpanel.append(HTML('Test 4:  Anchor to external site using Image widget'))
+    a3 = Anchor(Widget = Image('http://pyjs.org/assets/images/pyjs.128x128.png'), Href='http://pyjs.org', Title = 'Test4')
+    hpanel.append(a3)
+    RootPanel().add(hpanel) 
+    # EXAMPLE 5
+    serverXml = \
+"""
+<html>
+  <head>
+    <title>Example 5</title>
+  </head>
+  <body>
+        <p>Test 5: Processes server html and insert click listeners into links: 
+        <span id='link1' class = 'wikilink'>link 1</span> and <span id='link2' class = 'wikilink'>link 2</span>.
+        </p>
+  </body>
+</html>
+"""
+    html3 = HTMLPanel(serverXml)
+    links = list()
+    for elem in html3.findTags('span'):
+        if DOM.getElemAttribute(elem, 'class') == 'wikilink':
+            linkClass = DOM.getElemAttribute(elem, 'class')
+        links.append(elem)
+    if len(links) > 0:
+        parent = DOM.getParent(links[0])
+        for link in links:
+            linkId = DOM.getElemAttribute(link, 'id')
+            linkClass = DOM.getElemAttribute(link, 'class')
+            linkInner = DOM.getInnerHTML(link)
+            a3 = Hyperlink(text = linkInner, Element = DOM.createSpan())
+            a3.addClickListener(onClick)
+            a3.setID('param2')
+            #todo: modify HTMLPanel to replace an element instead of add
+            #html3.replace(a3, linkId)
+            DOM.setInnerHTML(link, '') # clear existing text
+            html3.add(a3, linkId)
+    RootPanel().add(html3) 
+    pyjd.run()
diff --git a/examples/anchor/__main__.py b/examples/anchor/__main__.py
@@ -8,8 +8,8 @@
 
 
 PACKAGE = {
-    'title': 'Anchor',
-    'desc': 'Demonstration of an external link',
+    'title': 'Linking',
+    'desc': 'Demonstration of external and internal links',
 }