broetchen1234 / iui Goto Github PK

This patch ensures that elements using the .dialog css class will "shade"
the entire current window, including offscreen (scrolling).

See http://forum.wphoneplugin.org/viewtopic.php?id=45

In our context, we were starting with a list that did not require scrolling
(height = 417px), but were sliding to other screens that did (height =
452px, 498px, ...). In this context, the translucent shading stopped at the
original window height.

Using the Demo Music app on Joe's example site I...

1. Clicked Search
2. Artist and Song text boxes are cut off on the right
3. Some other areas (Usage screen under Stats) seems to be cut off the same
length.
4. Looks like 10 pixels

Not sure if the screen resolution size of the iPod vs the iPhone are
different? Haven't had a chance to get into the iUI code just yet, may
possibly submit a patch.

We didn't want to modify the .js and .css files for 0.12, but we should put
some license information in them for 0.13

Should have a CSS class and image file added to mimic the red delete buttons 
found on the iPhone.

The goal of REL-0.12 was to reproduce Joe's release 0.12 zipfile
identically -- except for the switch from zip to tar :) 

Fore REL-0.13, we should get the license info into the release archive.

When I put google ads on one of my pages, the page failed to load using
AJAX. The page just keeps loading. 

I don't want to launch my site until I am sure that I have a way of paying
for it. So I really need Goggle ads.

What steps will reproduce the problem?
1. Go to nhlapp.com/StoreFinder
2. Click on Twenty Ninth Street
3. Scroll to the right

What is the expected output? What do you see instead?
The page should be 320px wide, but appears to be about 420px wide.


What version of the product are you using? On what operating system?
I am using the most recent version of iUI on my iPhone.

Please provide any additional information below.

What steps will reproduce the problem?
1. Make a link to any file in your system using file:///
2. Try to click the link.
3. Nothing happens.

What is the expected output? What do you see instead?
Expected: to load file.
Instead: nothing happens.

What version of the product are you using? On what operating system?
Latest version, OS X Camino and Safari 3.

Please provide any additional information below.

iUI releases should be made available as zipfiles and/or tarballs.

The release process should be clearly documented so that any developer can
build/verify a release from a tagged version in SVN.

Any links will not do anything unless they are to another part in the current 
page that I have 
found anyways.

What is the expected output?
Visiting another web page

What do you see instead?
Same Page I was currently on

Please provide any additional information below.

Fairly simple problem that just needs to have the iui.js section for links 
rewritten to allow 
external linking in some way and not just set for linking to self.

I'm not an expert in Javascript at all or I would try and just fix something 
this simple (or 
seemingly simple) myself

What steps will reproduce the problem?
1. use iuix.js
2. submit data via POST in a form using the movie sample as reference

Firebug output:
args is not defined
http://localhost//me/Sites/iPhone/iui/iuix.js
Line 1
encode([input http://google.com, input add, input Add])iuix.js (line 1)
encodeForm(form#addurl.panel actions.browse.php)iuix.js (line 1)
submitForm(form#addurl.panel actions.browse.php)iuix.js (line 1)
showPage(submit )

iui.js works fine.

Source:
        <form id="addurl" action="actions.browse.php" class="panel" method="POST"
title="Add URL To My Apps">
            <fieldset>
                <div class="row">
                    <label>URL</label>
                    <input type="text" name="url" value="" />
                </div>
                <div class="row">
                    <input type="hidden" name="a" value="add" />
                </div>
            </fieldset>
            <input type="submit" value="Add" />
        </form>

The file iuix.css that is currently in SVN was generated from iui.css using:

http://www.cssdrive.com/index.php/main/csscompressor/
with the following options:
(Super Compact, Strip All Comments)

iuix.css should be deleted from CSS as it is not truly a "source" file.  We
should decide upon a CSS compressor that is callable from Ant, and use that
in our build process, so we don't have to manually keep the two files in synch.

Anyone google'd "iui"

Would using the data: url schema to inline the images reduce round trips enough 
to improve 
performance?  The resulting iui.css/iuix.css would need to be served with gzip 
encoding to offset 
the expansion caused by the base64 encoding. 

http://www.ietf.org/rfc/rfc2397.txt
http://en.wikipedia.org/wiki/Data:_URI_scheme

What steps will reproduce the problem?
1. Installing 1.1.1 iPhone update released 9/27/07
2. Opening any default iUI page

What is the expected output? What do you see instead?
The title bar is taller than it should be, and extends halfway through the 
first item listed.

What version of the product are you using? On what operating system?
The most recent version as of 9/27/07

Not having access to an iPhone or iPod touch until yesterday, yet having
been developing for the platform for a while now (...), I've found myself
relying on Marketcircle's iPhoney app to get a "preview" of how the app
will look natively. Not the best, but better than Safari on a few specific
points (eg: Safari [mac] won't let us resize the window to less than 393
pixels wide manually...).

Anyway, there is a tiny contextual thing that made it a nightmare to use
until I tweaked iUI slightly.

Because iPhoney has the regular desktop safari scrollbar, loading an iUI
app in it that required vertical scrolling made the window's inner width
305 pixels instead of 320 pixels.

Because of this, and the fact that checkOrientAndLocation() is called every
300 milliseconds while checking for an exact width of 320 pixels, the
behavior went like this:

 * onload: iUI sees width as 305px so switches to landscape mode, which
makes the scrollbar disappear (though the "device is still in
portrait/profile mode)
 * now that scrollbar is gone, the inner width is seen as 320 px, which
makes iUI switch back to portrait/profile mode, and makes the scrollbar
reappear.
 * and so on, every 300ms, which creates a *dancing* effect (scrollbar
shows/hides). :p

The simple fixes I implemented, and do not seem to break the intended
logic, can be found in the attached patches.
I submitted one for iui.css and one for iui.js separately (both against
rev7 in /trunk) in case you find that the css-level tweaks are not
appropriate for general consumption.

On another note, this will also help with other [future] devices
potentially supporting iUI, with a different portrait screen width, which
echo's mobile safari HTML warning to use the "device-width" constant,
instead of a physical pixel width, in the viewport meta tag for "future
compatibility".

Hoping it'll make sense. :-)

Cheers,

Stephane Daury
http://tekartist.org/

See the iPhone Contacts application... Depending on where the user is the 
button changes from '+' 
to 'Edit' to 'Done'

The Google Code site says the license is "New BSD License", but the source
files either have no license or "GNU Free Documentation License" (js/iui.js)

* /trunk/tools should probably be called /trunk/releasetools as
someday there may be a need for a tools dir. If possible,
build.properties and build.xml should be in that folder too.

* The ant task should probably be named iui-tarball or something, in
case someone is using ant for other tarball tasks.

To reproduce the problem:
1. open up http://www.mountainmighty.com/ on iphone
2. click on "Doctrine & Covenants", then click on Chapter 4 (Ajax link). You'll 
see the page scroll up 
while loading, then down when the ajax call is complete.

What is the expected output? What do you see instead?
When clicking on a link the page shouldn't scroll.

What version of the product are you using? On what operating system?
Using iuix.js and iuix.css, revision 5 on iPhone

Ideally we should differentiate between the static web examples (which 
incidentally can be 
demonstrated from the web-based SVN pages) and the examples that require a 
back-end scripting 
language.

Two possible organizations:

/examples
/examples/static
/examples/php
/examples/ruby

The other way is to put the static examples at the /examples root.

What steps will reproduce the problem?
1. Mac OS X 10.4 with Developer Tools installed
2. Check out iui trunk
3. mkdir -p ~/.ant/lib ; cp
tools/lib/*.jar ~/.ant/lib
4. ant -p
5. ant tarball

What is the expected output? What do you see instead?

Should create tarball of release.

Instead get:

BUILD ERROR
java.lang.NoSuchMethodError:
org.mozilla.javascript.Context.compressScript(Lorg/mozilla/javascript/Script;I)L
java/lang/String;

Please use labels and text to provide additional information.

Terminal Log:

=================
Last login: Tue Oct  2 12:30:19 on console
Welcome to Darwin!
atlasbak:~ ChristopherA$ cd sites
atlasbak:~/sites ChristopherA$ cd iui
atlasbak:~/sites/iui ChristopherA$ cd trunk
atlasbak:~/sites/iui/trunk ChristopherA$ mkdir -p ~/.ant/lib ; cp
tools/lib/*.jar ~/.ant/lib
atlasbak:~/sites/iui/trunk ChristopherA$ ant -p
Buildfile: build.xml

               Build file for iUI distributions, type "ant -p" on the
command line for project help

Main targets:

 clean       Remove all generated files
 docopy      Copy Files to Release Directory
 release     Upload to download ara of project site, requires Ant 1.7
 releasedir  all tasks to build releasedir
 shrink      Create iuix.js by compressing iui.js
 tarball     Make the tarball
 zipfile     Make the zipfile
Default target: tarball
atlasbak:~/sites/iui/trunk ChristopherA$ ant tarball
Buildfile: build.xml

docopy:
   [mkdir] Created dir: /Users/ChristopherA/Sites/iui/trunk/target/release
    [copy] Copying 19 files to
/Users/ChristopherA/Sites/iui/trunk/target/release

shrink:
[compress-js] Compress JS task provided by LCA Soft Ltd (www.lcasoft.com).
[compress-js] Compressing 1 file to
/Users/ChristopherA/Sites/iui/trunk/target/release

BUILD FAILED
java.lang.NoSuchMethodError:
org.mozilla.javascript.Context.compressScript(Lorg/mozilla/javascript/Script;I)L
java/lang/String;

Total time: 1 second
atlasbak:~/sites/iui/trunk ChristopherA$
==========

What steps will reproduce the problem?
1. link to page.php?var=1
2. try to access the variable in the page ( echo $var;
3. variable is not passed thorough 

You should be able to pass a variable through a link, 


Using the latest build as of October 1st; running OS X Tiger

What steps will reproduce the problem?
1. Create a label tag for an input item, and have the label text be greater
than 13 characters.
2. Load the webpage

What is the expected output? What do you see instead?
Label field width's to be adjusted accordingly, instead the text of the
input box and label field overlap.

What version of the product are you using? On what operating system?
v0.11 7/16/2007 on an iPhone

Following the music demo, I replace the Search button with #home and #home
attribute selected="true". When I'm at _#home and click the #home button,
the page goes blank.

If you add a textarea element to a form, iUI will not pass the data on.  All 
that has to be done is 
have this line added:
    encode(form.getElementsByTagName("textarea"));

after this line of code:
    encode(form.getElementsByTagName("select"));

What steps will reproduce the problem?
1. Try and build a asp.net page with this library.


asp.net sites require a runat="server" form tag surrounding any serverside
feedback, a dumb problem... but nevertheless I think a few things could
make this work both sides easily.

CSS - references on immediate children is a easy fix that appears to work
with just removing >

JS - It would appear most of the calls, to determine current page etc are
iterating through document.body.childrenNodes, I replaced this with a
reference to formtag, and it would seem like its doing as it should as far
as finding the intiially selected tag.

This is where my knowlege and the use of my comments etc, are of little
help. I dont quite get what else is going on behind the scenes. I'd like to
help where I can, but I currently dont get any display at all. It all has
to do with wrapping a <form> tag around all divs. Can you guys provide any
assistace?

What version of the product are you using? On what operating system?


Please provide any additional information below.

What steps will reproduce the problem?
1. click on any list item
2.
3.

What is the expected output? What do you see instead?
Upper left hand icon just slides

What version of the product are you using? On what operating system?
Demo site

Please provide any additional information below.

On a page with content that looks similar to this:

<ul>
  <li><a href="page1" target="_replace">First Page</a></li>
  <li><a href="page2" target="_replace">Second Page</a></li>
</ul>

Clicking on the "First Page" will get the contents of page1 but the content
is placed _after_ <li><a href="page2" target="_replace">Second Page</a></li>.

The contents should be placed before the "Second Page" link.

I tried this patch and it worked fine for my case.

diff -Nrub /Users/dous/Desktop/iui/iui.js /Users/dous/Desktop/iui/iui.js.new
--- /Users/dous/Desktop/iui/iui.js  2007-07-16 14:03:04.000000000 +0800
+++ /Users/dous/Desktop/iui/iui.js.new  2007-08-31 04:10:04.000000000 +0800
@@ -366,10 +366,10 @@
     var frag = document.createElement(parent.localName);
     frag.innerHTML = source;

-    page.removeChild(parent);
-
     while (frag.firstChild)
-        page.appendChild(frag.firstChild);
+        page.insertBefore(frag.firstChild, parent);
+
+    page.removeChild(parent);
 }

 function $(id) { return document.getElementById(id); }

What steps will reproduce the problem?
1. Create a site using IUI version 1.2
2. Look at toolbar
3. You'll see it overlaps text beneath the toolbar

The version on Joe's site works fine, so I downloaded that and used it
instead. 

Is there support for radio buttons?  Regular HTML ones look huge... :p

What steps will reproduce the problem?
1. Go to music sample
2. Go to search
3. Do a search
4. Click on the return to search button

What is the expected output? What do you see instead?
Should return back to search page.

The css property "box-sizing: border-box;" is used for inputs in iui.css.

This appears to be broekn in the latest version of the iPhone firmware (1.1.1).

The workaround is to use "-webkit-box-sizing: border-box;" instead.

See
http://groups.google.com/group/iphonewebdev/browse_thread/thread/cc6bca2f7d10f83
7/

Anchor tags don't work because of the pound since in the url scheme. i.e. 
replicating this behavior 
in iUI is currently not possible: 
http://subversion.tigris.org/faq.html#in-place-import -- load page, 
scroll to #in-place-import anchor

 Since the # in the url is special in iUI, it would be nice to be able to be able to use a function that 
would load a page and auto-scroll down the page to a specific location.

a   preprocess(page) {}   callback would be nice to have in the iui-lib.
This callback should allow preprocessing incoming data BEFORE attaching it
to the doc. This gives the ability to 'look' at the data before it gets
rendered (and also allows for some private caching or whatever without
touching the lib-code).

Joe e-mailed an archive of his samples to the project team.  They should be
checked in to SVN and included in the release tarball.

When doing, say, a search from a form, there need to be some sort of visual
feedback that it is accessing the page. If the search takes more than a
second or so to come back, it looks like it froze, even though the cgi may
still be running.

IMHO animation should be removed from the lib (or at least make it
optional). Animation in Mobile Safari works poorly especially if it comes to
longer lists.

More of a feature request: 'twould be just so amazingly awesome if you
could drag-reorder your list, perhaps in some modal way like bookmarks in
iPhone Safari?

alternately, like this:

song  ->
 reorder ->
  up
  down
  top
  bottom
  position ->
    1
    2
    3
    4
    N

By setting up build.xml with the correct classpaths the various
"third-party" jars from releasetools/lib should be able to be used directly.

While testing an app which uses many checkboxes, I noticed that iUI
submitted l the data even though I checked only one of the boxes.

I attached a patch that should fix the problem.

To be safe when handling various kinds of links, the
XMLHttpRequest.open(...) should be inside a try catch block, just in case
something went wrong.

    try {
                req.open(method || "GET", href, true);
                req.send(null);
            }
            catch(e) {
                if (cb)
                    cb(false);
                return null;
            }

iUI release 0.13 is entirely functional on Firefox 2.0.0.7, however, the 
buttons have now shape 
behind them. We don't need to exactly emulate the iPhone buttons, but they 
should at least have a 
rounded-rect behind them.

1. Link to a media file (I used an MP3)
2. Navigate to it in the webapp

It should launch the movie player like it does when you tap a media file
somewhere else.

Tested using Firmware 1.1.1 on an iPod Touch (I have not tried it on an
iPhone, but due to the basic similarities of the web browsers on both
platforms, I am assuming it has the same problem.

What steps will reproduce the problem?
1. "Music" sample code
2. Go to "Settings" or to the "Player"
3. Scroll horizontally

What is the expected output? What do you see instead?
On this view the user should not be able to scroll horizontally: the grey 
pinstripe background is 
too wide and there is an extra useless white margin on the right instead.

What version of the product are you using? On what operating system?
iui0.12 on iPhone 1.1.1

Please provide any additional information below.

What steps will reproduce the problem?
If there is a field in a form which has the name attribute set to "title" the 
updatePage() function will 
use this field for filling the "pageTitle" element 

for example:
<input type="text" id="id_title" name="title" value="Startpage" />

What is the expected output? What do you see instead?
Of course it should use the title attribute of the selected page.

What version of the product are you using? On what operating system?
trunk

Please provide any additional information below.
Have a look at the attached patch, which uses getAttribute to access the title 
attribute for the page 
title

Is IUI under development?  I havn't seen any updates in a while....  iPhone
1.1.1 broke a number of things.

There are a number of images that are matted against a specific colour. While 
this is great if you 
want to reproduce the iPhone/Touch L&F exactly, if you want to use your own 
branding for what 
ever reason, you're hosed. Because of the (lack of) available space, I think 
its likely that most 
people are going to add branding details to the top bar. However, recreating 
those graphics with 
the correct background will be difficult. 

To the best of my knowledge, the iPhone handles PNG alpha correctly so its 
simply a matter of 
releasing the images without the background colour. The back button is 
particularly difficult to 
reproduce. 

The following images are problematic:
backButton
blueButton
loading (but that's easy to reproduce online)
toolButton

The attribute test in line 131 of getSelectedPage
    if (... child.getAttribute("selected") == "true")
is a bit too restrictive.  It would be preferable if it accepted any truthy
value.  At the very least it should accept selected="selected" as an
alternative to selected="true".

Some XHTML template renderers (*cough* Genshi *cough*) like to play God. 
XHTML which is written as selected="true" will be delivered to the client
as selected="selected".  Thanks, python heroes, you saved me from actually
serving to my clients what I really did want to serve them!  :)

(The line ref above refers to version 7 in svn.)

Currently there are release notes in an SVN file called
{{{releaseNotes.txt}}} which is copied into the release tarball.  I forgot
to update them for REL-0.30.  Sorry.

At a minimum, the ReleaseProcess wiki page should probably be updated to
remind the release engineer to do it.

Or perhaps there is a way of automating the generation of release notes? 
Perhaps by using the Issues DB?