ubuntu-webapps-bugs team mailing list archive

[weihua zhang <jonaszhang@xxxxxxxxxxxxxxx>]

Public bug reported:

I download and install the newest ubuntu sdk (1.097~sdkppa~saucy1~test9)
in Ubuntu 13.10.

I just create a native app with Ubuntu HTML5 APIs, but find that it miss
some basic effects/behaviors of normal html in web browsers!

Here are what I have done:

Step 1: Create a Html5 Applications from "New file or project..." menu.
In the dialog, choose "Applications" form Projects bar and Select "HTML5 Applications"

Step 2: Edit the built-in html file of the project. Just copy the html and js files from another demo project which is also created from "New file or project..." menu.
In the dialog, choose "Ubuntu" from Projects bar and Select "HTML5 App". One index.html file and js directory will be created. Then copy them to the first project.

Step 3: Edit index.html file to add onMouseOver and onMouseOut event to
the test button

<div>
    <button id="text1" data-role="button" class="ubuntu" style="width: 100%" onMouseOver="change()" onMouseOut="change2()">
          Test normal behaviors of html!
    </button>
</div>

    function change(){
      document.getElementById("text1").style.background="red";
    }

    function change2(){
      document.getElementById("text1").style.background="yellow";
    }

Step 4: Run the app and move the mouse on the test button. However
nothing happens! But when I click the test button, the color of the
button changed.

I think some events must be intercepted by the wrapper of the app. And I
wonder how could I get the excepted effects? I need this function to
give a float hint to the users.

The whole codes can be download from here:
[http://yunpan.cn/Q4fp9PeRiCPBW]

** Affects: ubuntu-html5-theme (Ubuntu)
     Importance: Undecided
         Status: New

-- 
You received this bug notification because you are a member of Ubuntu
WebApps bug tracking, which is subscribed to ubuntu-html5-theme in
Ubuntu.
https://bugs.launchpad.net/bugs/1285928

Title:
  ubuntu sdk html5 applicaitons miss some basic effcts of normal html in
  web browsers!

Status in “ubuntu-html5-theme” package in Ubuntu:
  New

Bug description:
  I download and install the newest ubuntu sdk
  (1.097~sdkppa~saucy1~test9) in Ubuntu 13.10.

  I just create a native app with Ubuntu HTML5 APIs, but find that it
  miss some basic effects/behaviors of normal html in web browsers!

  Here are what I have done:

  Step 1: Create a Html5 Applications from "New file or project..." menu.
  In the dialog, choose "Applications" form Projects bar and Select "HTML5 Applications"

  Step 2: Edit the built-in html file of the project. Just copy the html and js files from another demo project which is also created from "New file or project..." menu.
  In the dialog, choose "Ubuntu" from Projects bar and Select "HTML5 App". One index.html file and js directory will be created. Then copy them to the first project.

  Step 3: Edit index.html file to add onMouseOver and onMouseOut event
  to the test button

  <div>
      <button id="text1" data-role="button" class="ubuntu" style="width: 100%" onMouseOver="change()" onMouseOut="change2()">
            Test normal behaviors of html!
      </button>
  </div>

      function change(){
        document.getElementById("text1").style.background="red";
      }

      function change2(){
        document.getElementById("text1").style.background="yellow";
      }

  Step 4: Run the app and move the mouse on the test button. However
  nothing happens! But when I click the test button, the color of the
  button changed.

  I think some events must be intercepted by the wrapper of the app. And
  I wonder how could I get the excepted effects? I need this function to
  give a float hint to the users.

  The whole codes can be download from here:
  [http://yunpan.cn/Q4fp9PeRiCPBW]

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu/+source/ubuntu-html5-theme/+bug/1285928/+subscriptions