B4J Question Internal link in Webview

Informatix · Mar 16, 2017

I'm unable to make the internal links work as expected in a Webview. What am I doing wrong?
Here's a little example to try. Click on Test. Nothing happens.

B4X:

Dim Contenu As String = "<HTML><HEAD></HEAD><BODY><A HREF='#test'>Test</A>"
For i = 0 To 100
     Contenu = Contenu & "<BR/>"
Next
Contenu = Contenu & "<A name='test'>I want to go there</A></BODY></HTML>"
HTMLView.LoadHtml(Contenu)

Informatix · Mar 16, 2017

I found a workaround. Add id='test' to the anchor in the example above and call this code on a link click:

B4X:

Dim JO As JavaObject = HTMLView
Dim WebEngine As JavaObject = JO.RunMethodJO("getEngine", Null)
WebEngine.RunMethod("executeScript", Array("document.getElementById('test').scrollIntoView()"))

Informatix · Mar 17, 2017

Can someone confirm the problem ? Is it a known problem ? I don't find anything on internet.

Erel · Mar 17, 2017

I see it too. It looks like a problem in the native WebView.

A solution based on jQuery with scrolling animation:

B4X:

  Dim html As String = $"
   <html>
   <head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   </head>
   <body>
   <a id="jump" href="tt">Jump</a>
   <script type="text/javascript">
       $("#jump").click(function() {
      $('html,body').animate({
      scrollTop: $("#test").offset().top},
       'slow');
       });
   </script>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>

   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <br/>
   <div id="test">test</div>
   </body></html>
   "$
   WebView1.LoadHtml(html)

B4J Question Internal link in Webview

Informatix

Expert

Informatix

Expert

Informatix

Expert

Erel

B4X founder

Similar Threads