Hello,
any iUI advice or examples on this one?
Al
On Sep 20, 8:49 pm, anmldr <[EMAIL PROTECTED]> wrote:
> I am looking for something similar as well. My app contains a long
> list of drug names...the Index of drugs. The user would select a drug
> name and then would go to the information page about that drug.
>
> Although my app is not going to be a web app, it is composed of almost
> all HTML documents that I added into the resources folder in my Xcode
> app. I was looking at the contacts list and it too has what I think
> that you are describing (ABC's along the right side and scrolls as the
> list moves.
>
> If I find something, I will report back here. I hope that you will do
> so too.
>
> Linda
>
> Al wrote:
> > I'm working on a web app, for which the main page is a long list of
> > alphabetized items. I'm trying to add a verticalalphabetelement to
> > the right hand side, and make it function similar to thealphabet
> > block in the iPhone iPod software's right hand side in Artist view..
> > i.e. a quick way to jump to thealphabetlocation you want.
>
> > some requirements:
> > - needs to run on top of iUI
> > - need to keep thealphabetblock fixed as I scroll
> > - when a letter in the block is clicked, page should scroll down to
> > the appropriate letter in the content list.
> > - content list items beneath the verticalalphabetblock should remain
> > clickable
>
> > I noticed the facebook iphone web app has a similar feature in their
> > Search feature.. but I'm having trouble even getting some basics to
> > work within the iUi framework.
>
> > e.g. the following css/js code snippets for adding analphabetblock
> > work for a non-iUI stand alone web page in both Firefox and Safari
> > (except seems Safari on iphone doesn't honor "position: fixed", but
> > this works perfectly fine in desktop Safari).. When i use this sort
> > of approach within iUI on Firefox desktop, the block appears fine, but
> > on Safari desktop or iphone noalphabetblock appears.
>
> > Any suggestions or iui examples you've seen with thisalphabetbar?
>
> > .alphabar {
> > position: fixed;
> > top: 0;
> > right: 0;
> > padding: 10px;
> > color: #555555;
> > font-size: 10px;
> > font-weight: bold;
> > line-height: 11px;
> > display: block;
> > }
>
> > function initAlphaBar(){
> > var a=[];
> > for(var i=0;i<26;++i) a.push(String.fromCharCode(65+i));
> > j=document.createElement("div");
> > j.className="alphabar";
> > j.innerHTML=a.join("<br>");
> > var bodyElem = document.getElementsByTagName('body')[0];
> > bodyElem.appendChild(j)
> > }
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en
-~----------~----~----~----~------~----~------~--~---
