Scrolling on tabbed browsing problem

Hi all. The project I am currently working on has decided to only use HTML5 and CSS for the layout of the mobile application. I tried to create samples, but when I load the app in the phone, I can't scroll from one tab to the tab.

The index.html file




  
  
  
  
  My Homepage




Home
Forums
Tutorials
Downloads
Links


Your main content goes here

The code CSS: layout.css

#tabs
{
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}
#tabs ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}
#tabs ul li
{
  display: inline;
  margin: 0;
  text-transform: capitalize;
}

#tabs ul li a
{
  padding: 5px 16px;
  color: #fff;
  background: #e7a272;
  float: left;
  text-decoration: none;
  margin: 0 5px 0 0;
  text-transform: capitalize;
}

#tabs ul li a:hover
{
  background: #ccff66;
  color: #7f9298;
  text-decoration: none;

}

#tabs ul li a.active
{
  background: #eaeaea;
  color: #7f9298;

}

#content
{
  background: #eaeaea;
  clear: both;
  font-size: 11px;
  color: #000;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

The javascript code to switch a tab, javascript.js

function tabSwitch(active, number, tab_prefix)
{
  for(var i = 1; i < number+1; i++)
  {
    document.getElementById(tab_prefix+i).className = '';
  }
  document.getElementById(tab_prefix+active).className = 'active';
}

"I""in the config.xml file and I tried to add" x-blackberry-Focus = "true" for the links but it does not. " I can't scroll from one tab to the tab. Any advice/help would be greatly appreciated.

Thank you.

Have you defined forums.html, tutorials.html or downloads.html? You capture the click event, so you will not sail to these pages with content on them. In fact, you load these pages if you want to show them.

Example:

Tutorials is a hypertext link to an html page, if you provide an onclick you put this link as active, BUT if you browse the pages, this will be more true.

Here is a good article to do what you want with Jquery, seems to be a good solution for you:

http://www.jacklmoore.com/notes/jQuery-tabs

Tags: BlackBerry Developers

Similar Questions

Tab browser problem

Hello
I have a browser tab in which I loaded five canvas. I want the Web to be loaded after clicking on the confirmation box. Please give me a code for this.
Regards,
Roman papail

Hi Roman,

Please find below the labour code... Had to do a bit of work

If this post answers your question or assistance, please mark it as such.

http://www.Adobe.com/2006/mxml"layout ="absolute"creationComplete =" init () ">"

Import mx.events.IndexChangedEvent;
Import mx.controls.TabBar;
Import mx.events.CloseEvent;
Import mx.events.DataGridEvent;
Import mx.events.ListEvent;
Import mx.controls.Alert;

public var flag: Boolean = false;
private var clickedTabIndex:int = - 1;
private var prevTabIndex:int = 0;

public void init (): void
{
tabone.addEventListener (MouseEvent.CLICK, onTabClick, true);
}
private void onTabClick(event:MouseEvent):void
{
If (event.target.parent is TabBar)
{
clickedTabIndex = TabBar (event.target.parent) .getChildIndex (event.target as DisplayObject);

Event.stopImmediatePropagation;
Event.preventDefault ();
Alert.Show ("you want to exit this page", "Testing", Alert.YES |) Alert.NO, this, Confirmfile, null, Alert.OK);
}
}

public void test(evt:Event):void
{
flag = true;
if(flag==true)
{
evt.stopImmediatePropagation ();
evt.preventDefault ();
}
on the other
{
Alert.Show ("you want to exit this page", "Testing", Alert.YES |) Alert.NO, this, Confirmfile, null, Alert.OK);
}
}
public void Confirmfile(obj:CloseEvent):void
{
var OKIndex:int = Alert.YES;
var NOIndex:int = Alert.NO;
if(obj.detail == Alert.Yes)
{
tabone.getTabAt (prevTabIndex) .selected = false;
tabone.getTabAt (clickedTabIndex) .selected = true;
prevTabIndex = clickedTabIndex;
}
on the other
{
//
}
}
]]>







If this post answers your question or assistance, please mark it as such.

Thank you

Jean Claude Chari

Width of list of tabbed browsing
Apex 3.2

For our navigation in our application, we away tabs and started using a list of Navigation by tabs.
This list is now starting to become a bit long and extends larger than the screen, so the user must scroll on.
I've seen with tabs, if the tabs are too big for the screen, then they are displayed on a new line.
Is this possible with a list of Navigation by tabs?

We put the list on our page zero
Model User Interface - no model
View Point Page model Position 1 in the region

I tried using the width = "700px" in the attributes of the region, but made no difference.

See you soon

Gus
Gus C wrote:
Sorry, I was a little confused.
Theme 15 region without buttons and titles model has the #REGION_ATTRIBUTES tag #,.
but as I said before you add the style in the attributes of the region made no difference.

There is no #REGION_ATTRIBUTES # in the list of tabbed browsing.

It would not be. It is not a model of the region.

The problem is that despite its name (big hint here Oracle), 15 theme List of tabbed browsing model is based on a table of the single line of HTML, not a part of the actual list. All the containers in the list are also tables. HTML tables develop to fit their content, so that they will ignore all attempts to coerce their width using CSS (with the exception where doing so would also hide the content, that is not a viable solution in this case), or they will automatically go to a new line. (I also noticed that when I try to reproduce this on apex.oracle.com the following list looks nothing like "tabs": what you're seeing?)

You have basically reached the limit of what it is possible to have visible on screen without scrolling using the APEX theme/version/model. You can copy a real model based on a list of another theme (or create one from scratch) so it would be for multiple lines automatically.

However, it may indicate that it is time for a questioning of your navigation mechanisms. Consider using vertical rather than horizontal lists, or several levels of tabs/lists?

I don't use tabbed browsing in Firefox, so, how am I supposed to access the options screens now? the only part that I can see is "General".

The new tabs options do not seem to work if you don't use tabbed browsing

I found the problem, it is the theme that I use. I went to another and everything works again. Thanks for the replies fast and suggestions which gave me the idea that it must be the theme, such as disabling other add-ons didn't help

Select the current tab of a tabbed browsing list

Hello
I have a page separated into 3 parts.
The first is a form with the description of a Department.
the second is a list of tabbed browsing with the name of the four departments.
and the third part is the list of people in the selected Department.
When I click on a tab to my list of tabbed browsing, the third person changes according to the selected Department. But I would like the appearance of the tab on which I clicked on change.
But it looks like a list of tabbed browsing, there is no active tab?
I use the reactive Blue theme, but I have the same problem with other themes.
Thanks for your help.
Laurent.

LaurentB17 wrote:

I use version 4.2 of APEX

My third part is a report based on a query on the EMP table like this: Select * from emp where deptno = 1_DEPTNO

P1_DEPTNO is a field of my first part of the page.

When I click on my list of tabbed browsing, the bound value is this URL: ' f? p = & APP_ID.: 1: & SESSION. : & DEBUG. : P1_deptno :'|| d.DEPTNO |': ' and then, when the reload of the page, the value of P1_DEPTNO is changed and the report on the EMP is refreshing with good service.

In this case, you can use the attribute entry listing for the page Type from the list to select the active tab.

In each entry of current list entry from the list, set current for the Pages Type entry list to The PL/SQL Expressionand current condition list entry to

:p1_deptno = 1 -- Change value to that of corresponding department

Post edited by: fac586

Or use a dynamic list definition and determine who is the current tab in that:
```
select
    null
  , d.dname label
  , 'f?p=&APP_ID.:1:&SESSION.::&DEBUG.::P1_deptno:'||d.deptno||':'  target
  , case
      when d.deptno = :p1_deptno then 'YES'
      else 'NO'
    end is_current
from
    dept d
order by
    d.deptno
```

Should what I use to simulate the tabbed browsing
Hello

Should what I use to simulate the tabbed browsing? I have three tabs, and I would like a different status (in a box sliced under the tabs) depending on which tab I clicked. Clicked is the key word because the behaviors that I tried to swap the images on rotation, which is not what I'm looking for.

And on a related issue, when I joined behaviors to a hotspot vs. a slice? I think this may be part of my problem.

Thank you very much.
Well, I've been able to determine what the problem was myself after much trial and error.

In the dialog box Swap Image (behaviors panel > double-click behavior) I had chosen the slice which ended the tab instead of the range of the target that is on the lower part of the page. Once I chose the correct target slice, everything worked.

Receive messages pop up, Yahoo, who said Yahoo tech is a browser problem. ?

Hello

Get the message pop up below - Yahoo - Yahoo tech says are a browser problem. I have submitted a request on Yahoo forum and am now checking with my browser forum, here, for Firefox. Thanks a lot for any help!

God, I would like to have a free alternative to yahoo mail.

This problem may be caused by corrupted cookies or cookies that are blocked.
- Check the permissions on the subject: permissions page and in "tools > Page Info > Permissions.
- https://support.Mozilla.org/KB/fix-login-issues-on-websites-require-passwords
Clear the cache and delete cookies only from Web sites that cause problems.

"Clear the Cache":
- Firefox > Preferences > advanced > network > content caching Web: 'clear now '.
'Delete Cookies' sites causing problems:
- Firefox > Preferences > privacy > "Use the custom settings for history" > Cookies: "show the Cookies".
Start Firefox in Safe Mode to check if one of the extensions (Firefox, Tools/menu key > Modules > Extensions) or if hardware acceleration is the cause of the problem.
- Put yourself in the DEFAULT theme: Firefox, Tools/menu key > Modules > appearance
- Do NOT click on the reset button on the startup window Mode safe
- https://support.Mozilla.org/KB/safe+mode
- https://support.Mozilla.org/KB/troubleshooting+extensions+and+themes

How can I get rid of tabbed browsing? I positively hate him and none of the choices in the tools to get rid of them.

I was using an older version of FF because newer versions have messed up the private browsing and I had to decide if I wanted to navigation tab. I went to a newer version, because many sites does not work with the older version.

I went to Tools - tabs and checked what I used to use do not get the navigation tabs. Does not work.

Please tell me how to get rid of tabbed browsing and how to move back to a private and regular navigation without opening a new tab/window.

If I can't get rid of tabbed browsing, I guess I'll mess with an older version.

Digital_Gaia:

Never heard of a case where you could do... However! I found an add-on rather orderly, that you can use to open a new tab in a private browsing mode.
- https://addons.Mozilla.org/en-us/Firefox/addon/private-tab/

How can I disable tabs, turn off Tabbed browsing?

I can't find the Forum a useful answer to how to completely disable tabbed browsing in Firefox. I find it almost incomprehensible that Firefox would be forces me to use tabs, but disabling all the options in the section tabs of Options does not in fact turn fasteners.

There is currently no way to disable tabbed browsing in Firefox. The old Tab Killer extension has not been updated beyond 3.6 versions.

Tabbed browsing has moved to the top of the browser (previous location was in the url field)... How can I put them back in their original location?

Tabbed browsing has moved to the top of the browser (previous location was in the url field)... How can I put them back in their original location? I really don't think we need more details on this subject.

Right-click on an empty space in the tab bar (or other) and uncheck the box "Tabs on Top" (Firefox > Options > [] tabs on top)

HOW CAN I TURN OFF TABBED BROWSING?

the subject says it all... I hate tabbed browsing. HE HATES.
I guess there is no way to turn OFF navigation tabbed... Given that I've looked since I made the mistake of upgrading. (held off the coast of the upgrade after that someone decided that the button refresh was not necessary either)
EVEN IE ALLOWS me to disable those STUPID tabs...
so please tell me if there is a way to believe there is no such thing as a Firefox TAB.

You can do with the Tab Killer add-on, available on the authors website - http://piro.sakura.ne.jp/xul/_tabkiller.html.en

installation of toolbar buttons does not load after that I removed the live tabbed browsing

I clicked on live toolbar options and uninstalled, tabbed browsing, because then whenever I click on install button it will not charge or I have a message saying not available try again later it has been ongoing for more than a week. I want to reinstall my tab, navigation button. I searched trying to find another way to install the buttons, but have had no luck. I also deleted windows live toolbar and downloaded again, but it will not let me install buttons, any help would be great

Hi Kazpit,

What browser do you use?

The question you have posted is better suited to the support of Windows Live. I recommend you post your question in the Windows Live Solution Center for assistance.

http://www.windowslivehelp.com/

Hope the helps of information.

Where can I find the tab browser Script?

I need to use the function of Script browser ed. 11.5.9. I'm in charge of Script window, click. Then select the tab browser Script. But when I opened the Script window, I can't find a Script browser tab. Can someone help me?
Thank you.
Dewey

Maybe she collapsed against the left side of your window of script - can drag you open from there?

Syntax of substitution in the list of tabbed browsing. Smart or lucky?
I got a list of tabbed browsing I use on two separate pages.
The entry in the list points to the current page, but sets a value of page element based on the value of the list item.

If this list tabs may have items labelled, e-mail, phone, address. When you click on one of the tab list elements that he says to the current page, sets a field hidden from EMAIL, PHONE or ADDRESS. This hidden field control what email, phone or address region appears.

OK, easy enough. Except that I use the same list on several pages. Rather that create a list for each page, I did it is more generic.

So I put the target element as follows:
Target type: Page of this application
Page: & APP_PAGE_ID.
Place these items: P & APP_PAGE_ID._ALIAS_REGION
With these values: ADDRESS

Note that I've got syntax of surrogate for the page type target and the NAME of the element whose value I want to. For example, if the list is made on page 2 of the target page becomes 2 and the name of the element becomes P2_ALIAS_REGION. On page 7, they are respectively 7 and P7_ALIAS_REGION.

I also use this same syntax in the "current list entry" with a query such as:
Select 1 doubled where: P & APP_PAGE_ID._ALIAS_REGION = 'ACTIVE '.

Now, I thought I was smart in doing this, because it allows me to use the same list on several similar pages. However the Advisor of Essentials Apex complains about my syntax, and while it's great that this tool will be, it made me think that I could be too smart for my own good.

It is valid to use this syntax of substitution in this context? I mean it works, but it's supposed to work this way? If it's by a happy coincidence, then please do not change the Apex developers how it works. If this is normal, then you guys and girls are awesome!
It is valid to use this syntax of substitution in this context?

Yes.

I mean it works, but it's supposed to work this way?

Yes.

If it's by a happy coincidence, then please do not change the Apex developers how it works.

It is very unlikely that we would change the logic of base substitution in order to affect behavior like that.

If this is normal, then you guys and girls are awesome!

Oh, heck.

Scott

1.4 scrolling browser problems

Scrolling browser isn't properly on some websites - m.nytimes.com, for example.

... and it's working now. Maybe it was on the end of the NYT?

Scrolling on tabbed browsing problem

Similar Questions

Maybe you are looking for