Jquery tabs application problem

All,
I'm trying to implement jQuery tabs in my application and my page is just blank. Here are the details:

Apex version: 4.0.0
Database: 10g
Browser: IE 7.0
Topic: Topic 8

I followed the steps in one of the blog of Dan Mcghan and here's what I did...

1. I downloaded the jquery.com .js file and he fell on the application server under is a sub-folder of jquery. The latest version I have is jquery - 1.4.4.js, that is the right version or there is a jquery UI that is different from what I have?

2. I went to the page template 'without tab' that has 1 reference (if it does not show the page referenced in its properties), but I have only 1 page in my application I am so I guess that's the only one, I wrote this 1 line (in bold)

< html lang = "" & BROWSER_LANGUAGE. ">"
< head >
"* < script type =" text/javascript"src="/i/jquery/jquery-1.4.4.js "> < / script > *.
< title > #TITLE # < /title >
#HEAD #.
"< link rel ="stylesheet"href="#IMAGE_PREFIX#themes/theme_8/theme_4_0.css "type =" text/css"/ >
< / head >
< body > #ONLOAD # #FORM_OPEN #.

I think that this script tag now includes the jquery library in my applications. I did it on the page under the shared components model.

3. I create a model of region name base Div in shared components of custom Type 1 and I put this code on it.
< div id = "' #REGION_STATIC_ID # ' #REGION_ATTRIBUTES # class ="basic_div">"
#BODY #.
< / div >

4. I have assigned a static id in each region, changed the name of the Div-based model and place my 2 new tabs region HTML regions. In the region to start HTML tab I wrote
< div id = "tabs_start_reg" style = "" display: none; ">"
< ul >
Reconciliationof < li > < li >
< Li >trend< li >
< /ul >

In the end, the HTML tab region, I said that line.
< / div >

All these tabs are sequenced in order and HTML tabs and is not any model.

5. in the properties page in the header HTML part, I did this to activate the tabs...
< script type = "text/javascript" >
<! [CDATA]

$(function() {})
$tabs = $("#tabs_start_reg");
$tabs.tabs ();
$tabs.parents('td').eq (0) .removeAttr ('width');
$tabs.show ();
});

[]] >
< /script >

6. when I run the app, it shows me the page as empty... nothing on it.

What may be...? I paint in white... Any help is appreciated.

Vishal-

See this thread {message identifier: = 4352963}

Note the Alistair Lang post towards the end of using the 4.0 libraries provided compared to Google.

Patrick Wolf also promotes a method well designed at the end of the thread.

Jeff

Tags: Database

Similar Questions

  • Problem with JQuery tab after you migrate towards the APEX 4.0

    My test application hosted on apex.oracle.com use the JQuery tab function and it works well with APEX 3.2.1.
    And now after the migration to the APEX 4.0, it cannot display the tab more.

    No idea how to solve this problem?

    Thank you very much.

    Glad to hear your problems resolved. Don't forget to vote for any message that has been useful or responded to your message.

  • problem with JQuery TAB when I refresh the Page

    Hello

    I use a JQuery tab and I have following tabs under the present.

    tab1
    tab2
    tab 3

    When I click on tab1, tab2, tab3 individually it works fine.

    problem... Now, when I click on tab 3 and then I refresh the page, the control returns to the first tab tab1.

    what I want... If I'm on tab2, and I update the page... control must remain on the same tab (i.e. on tab2)... control should not go back to tab1 *(the first tab) *.

    Thank you
    Deepak

    Hello

    This might help
    http://dbswh.webhop.NET/dbswh/f?p=blog:read:0:article:195800346705831

    Kind regards
    Jari

  • jQuery Tabs in APEX 5.0.1

    Hello world

    I used this tutorial:

    Tabs within the APEX (using jQuery) "Warp11.:.» Group knowledge Oracle Apex

    to book jQuery Tabs in my APEX applications. It works in APEX 4.0, but is not in 5.0.1.

    Does anyone know why?

    It is similar to the layout:

    1.JPG

    and this is what the page looks like after running:

    2.JPG

    I appreciate any help in advance.

    Hello Farzad,

    the same thing happened to me as well but fortunaely APEX 5 offers a built-in feature to the tabs, while it was easy to migrate. To create tabs in 5 APEX, create a region Type: region display selector, model: tabs container and that's all you need to do.

    Kind regards

    Pavel

  • Do not mix variables of substitution for the title area and JQuery Tabs

    Hello

    I've implemented Jquery tabs to the Apex 4 using this great piece of Patrick Wolf:

    Re: New themes in APEX 4 does not not with JQuery tabs

    However, there is a problem and I don't know if it's a bug or it is me who is missing something... If I put substitution variables, as in the title of the subregion (e.g. customer and P10_CUSTOMER_NAME.), the substitution variable do not get overridden and the text is displayed as in the tab.

    The variable is properly developed in the region title itself (which appears inside the tab). Simple example:
    +----------------------------+
    | Customer &P_CUSTOMER_NAME. |  <--- TAB
    |                            +------------
    |
    | +----------------------------------
    | | Customer Luis                     <-- SUB-REGION TITLE
    | +----------------------------------
    | |
    | |
    The header entry is defined as:
    <li><a href="##REGION_STATIC_ID#-tab-#SUB_REGION_ID#">#SUB_REGION_TITLE#</a></li>
    Shouldn't the chain of substitution #SUB_REGION_TITLE # be converted to the title of region with the extended substitution variables?

    No work around?

    Thank you
    Luis

    Luis

    However, there is a problem and I don't know if it's a bug or it is me who is missing something... If I put substitution variables, as in the title of the subregion (e.g., client & P10_CUSTOMER_NAME) the substitution variable does not get overridden and the text is displayed as in the tab.

    Confirmed. Looks like a bug. Probably substitute on the title (sub-) region is not performed until the region is rendered, but the subregion headers list is generated before that.

    No work around?

    All I can think so far uses a dynamic/JavaScript Action to change the label of the tab when the page is rendered.

  • Positioning on a jquery tab area

    All,

    I use jquery tabs and accordion jquey on this apex page.
    Here is the screenshot of the pagehttp://www.scrnshots.com/users/test/screenshots/268397

    The problem I have is that the regions under the "Custom" tab are not surrounded completely with tab (tab in the screenshot).

    In order to position the region (PDS beginning tabs), I use CSS float property. As soon as I apply the style float: left PDS tabs start region, it is not enclosed with in the tab more.

    Any help is appreciated.

    Hello ally,.
    Its a little hard to tell what is wrong with the style without displaying the content of the page.

    Here's something that comes to mind when you mentioned the issues float
    Add a dummy element that clears the float settings after each of the floating elements.

    For example. If the PDS region has applied float
    Add the following code immediately after this div (?).

    < br style = "" clear: both "/ >"

    If this does not work, you will have to give some kind of access so that others can see atleast page to see the css.

  • application problem "Chameleon Bob" in Firefox 29, help

    application problem "Chameleon Bob" in Firefox 29, very small line
    Help...

    I think you are talking about the Chameleon Bob toolbar?

    You can remove all the unwanted extensions by going to

    > Modules > Extensions

  • JQuery Tabs and Apex 4.2

    Hello

    I created a few JQuery tabs by following some instructions of Patrick Wolf

    Re: New themes in APEX 4 does not not with JQuery tabs

    I'm trying to preserve the clicked tab, that is to say, if I go to another page and come back to the page with the tabs,

    I want that it displays data in the tab I clicked on last

    I tried the following

    http://jaris.blogsite.org/Apex/f?p=blog:read:0:article:195800346705831

    but I did not know where to place the JavaScript at the end of the post

    Any help appreciated

    Gus

    Hello Gus,

    so I guess that you already have a jQueryTabs of the region and some hidden item where you can store the selected value of tab. Now we have 'just' get the value selected on the page unload, save it and then put back on the loading of the page.

    Name your region jQueryTabs for example "tabRegion" and your hidden item PX_LAST_SELECTED_TAB. place then this code in Footer region your area tab.

    
    

    So now you should be able to see the changes events tab in the console of your browser.

    Then, you need to preserve the value PX_LAST_SELECTED_TAB. To do this, create a dynamic action:

    -page unload event

    action - executing PL/SQL code

    APEX_UTIL.SET_SESSION_STATE('PX_LAST_SELECTED_TAB',:PX_LAST_SELECTED_TAB);--page items to submit PX_LAST_SELECTED_TAB
    

    then when the page unloads, you have stored in a session state value (do not forget to paste. PX_LAST_SELECTED_TAB on item (s) page to submit).

    And the last step is to read its value on the loading of the page. For example, create another DA:

    event - the page loads

    action - to run the JS code

    with the following code

    var tabToSelect = parseInt($v("PX_LAST_SELECTED_TAB"));
    console.log("Pageload: changing tab index to: " + tabToSelect);
    $("#tabRegion" ).tabs( "select", tabToSelect);
    

    Hope that helps.

    Kind regards

    Pavel

  • JQuery tabs in the apex

    Hello

    I followed the https://forums.oracle.com/message/4425187#4423187 thread to create templates for jquery tabs and has been a success. However, I have a question, i.e. default tab1 is in open State. Can anyone tell how to change the status of the two locking tabs when loading?

    Apex News:

    Request Express 4.2.2.00.11

    Details of DB - database Oracle 11 g Enterprise Edition Release 11.2.0.1.0

    Architecture of Web - APEX listener Server

    Browser (s) and version (s) used - Chrome version 24 / Firefox version 3.6 and 22

    Thanks in advance!

    Do you want to say that you do not want any tab is selected when the page shows up first?  interesting.

    You do not want to remove these classes from the tab: ui-tabs-selected and ui-State-active.

    Maybe with the code like this.

    $("li.ui-state-active").removeClass ("ui-tabs-selected ui-State-active");

    And you will need to hide the content area by adding "ui-tabs-hide".

    This probably better by targeting only the region that needs to be hidden by building its id with this syntax #REGION_STATIC_ID#-tab-#SUB_REGION_ID# .

    $("jqtabs-tab-subTabID").addClass ("ui-tabs-hide");

    Or if you don't know that, then their target with one class, they all get as ui-tabs-Panel

    Thank you

    -Jorge

    http://rimblas.com/blog/

  • How to add submenus in dreamweaver CC using Jquery Tabs

    How can I add submenus to a menu in DreamWeaver CC bar. I know how to do it in CS6 using the Spry menu bar, but it is just not as simple that it was now in CC.

    Any help is appreciated!

    jQuery tabs is a replacement for the Spry tabs, not the Spry menu bar.

    Stella333 found a good replacement for the Spry http://forums.adobe.com/thread/1247870 menu bar

  • Application problem

    Hello, before you say the problem I use a Mac on Apple software was last updated, and when I tried to download the creative application Cloud Desktop on my new computer, he said it was a mistake for the Applications tab of the Desktop App to download and I can not access every creative cloud apps.  He told me to contact support and I go first on the forums to see if my question is stupid or not.

    Step 1:

    (1) right-click on the icon in the Finder, then select 'Go - To' folder.
    (2) you will get a text box, type in the following command, and then press the 'Enter'.

    / Library

    (3) then navigate to Application Support > Adobe

    .

    Right-click on the Adobe folder and select ""GetInfo ' option. "

    Expand the sharing & permissions section.

    Click on the padlock icon in the lower corner on the right. Enter your administrator user name and password when you are prompted, and then click OK.

    Please click on '+' symbol, it will open the list of user accounts. Add currently logged in username and administrator option,

    Then indicate ""& read/write " permission currently logged in username and Administrator option."

    Click the gear icon and select apply to closed. Close the dialog box information .

    Step 2:

    1) click on the Finder and search options listed next to icon located Apple in the upper left of the screen and click on the "Go" menu button and select 'utilities '.

    (Applications > Utiliites)

    Locate Adobe Creative Cloud and Adobe Application Manager folder to the trash and utility window title the two folders.

    (2) trash Adobe Creative cloud from Applications Eh well.

    3)

    (1) right-click on the icon in the Finder and select "Go - To Folder" option.

    (2) you will get a text box, type in the following command and then press the 'return '. (Don't miss ~ symbol)

    ~/Library

    (3) then navigate to Application Support > Adobe.

    Open file Adobe and trash folders named AAMUpdater and OOBE.

    4)

    (1) right-click on the icon in the Finder, then select 'Go - To' folder.

    (2) you will get a text box, type in the following command and then press the 'return '.

    / Library

    (3) then navigate to Application Support > Adobe.

    Open file Adobe and trash folders named AAMUpdater, Adobe Application Manager and OOBE.

    5)

    Click on the link below and download & run the cleaning of Adobe tool:

    Select the option "Adobe Application Manager for Mac OS X 10.6" and then click on "Clean up selected."

    https://helpx.Adobe.com/content/help/en/Creative-Suite/KB/CS5-cleaner-tool-installation-PR on-item-par/procedure/proc_par/step_3/step_par/download/file.res/AdobeCreativeCloudCleaner oblems/_jcr_content/hand-Sea/accordion_container_1/accordion-nominal/accordion-point-1/accordi Tool.zip

    6) click on the link below and download the creative Cloud configuration file and use the same to install the creative Cloud Desktop application.

    https://creative.Adobe.com/products/creative-cloud

    Once the installation is complete, launch the application and check.

  • create jquery TABS simple in apex

    All,
    I'm creating TABS jquery based in apex, but I realized its not working not as I thought... I really need help on this please?

    that I created in my area, I added code below
    <div id="tabs">
    <ul>
    <li><a href="#">Nunc tincidunt</a></li>
    <li><a href="#">Proin dolor</a></li>
    <li><a href="#">Aenean lacinia</a></li>
    </ul>
    </div>
    
    then at page header i made references,
    
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="#WORKSPACES_IMAGES#style.css" />
    that I added the region of the child to the foregoing.

    but not everything works... .your help is sincerely appreciated

    First of all, why you are referencing a new version of jquery which is bundled with APEX? Here is a simple solution for your problem: http://www.warp11.nl/2011/04/tabs-within-apex-using-jquery/

    Thank you

    Tony Miller
    Software LuvMuffin
    Ruckersville, WILL

  • JQuery Tabs

    JQuery, I installed and I have a page with the calendar, the resizable text box and Drag and Drop point and they are all working well.
    I'm now trying to get JQuey tabs to work, but I have problems. I followed the instructions of Dan, but I don't see any tabs.

    I created the new model region base Div
    My first page rerion (no model)

    I have replace the tags opening with a * to view the code on the forum

    * div id = "tabs_start_reg" style = "" display: none; ">"
    * ul >
    * li > < a href = "S" > Security < /a > < /li >
    * li > < a href = "DRAG_ID" > Drag < /a > < /li >
    * /ul >



    Then I have 2 areas that should appear on 2 different tabs.
    Model is the basis of Div
    The static region id is DRY and DRAG_ID

    My final area (no model) contains
    * div >


    Then I have in my page header

    < script type = "text/javascript" src = "& JAVASCRIPT_DIR.jquery/jquery-1.3.2.js" > < / script >

    < link type = "text/css" href = "& CSS_DIR.jquery - ui - 1.7.2.custom.css" rel = "stylesheet" / >

    < script type = "text/javascript" src = "& JAVASCRIPT_DIR.jquery/jqueryui/jquery-ui-1.7.2.custom.js" > < / script >


    < link type = "text/css" rel = "stylesheet".
    href = "" #WORKSPACE_IMAGES #Calendar.gif "/ >"

    < script type = "text/javascript" >
    <! [CDATA]
    $(document) .ready (function () {}

    $tabs = $("tabs_start_reg");
    $tabs.tabs ();
    $tabs.parents('td').eq (0) .removeAttr ('width');
    $tabs.show ();


    $. datepicker.setDefaults({)
    dateFormat: dd/mm/yy"."
    changeMonth: true,
    changeYear: true,
    showOtherMonths: true,
    showButtonPanel: true,
    closeText: 'Close,'
    yearRange: "1900:2020."
    Duration: "fast."
    showOn: 'button ',.
    ButtonImageGadget: "#WORKSPACE_IMAGES #calendar.gif."
    buttonImageOnly: true

    });

    $('#P15_AA').datepicker ();
    $('#P15_DOB').datepicker ();
    $('#P15_START_PERIOD').datepicker ();
    $('#P15_END_PERIOD').datepicker ();

    () $("#P15_T1").resizable
    {
    autoHide: true,
    maxHeight: 500,.
    maxWidth: 510.
    minHeight: 20,.
    minWidth: 180
    }
    );

    $("#DRAG_ID").css ("background-color", "white");
    $("#DRAG_ID").draggable ();

    $("#DRAG_ID").parent () .css ("border-style", "hidden");

    $("#DRAG_ID").parent (.droppable({))
    accept: "#DRAG_ID."
    activeClass: 'active droppable.
    hoverClass: "able to receive the mouse."
    course: function (e, ui) {}
    $(this) .css ("border-style", "dashed");
    },
    out: function (e, ui) {}
    $(this) .css ("border-style", "dotted");
    },
    Drop: function (e, ui) {}
    $(this) .css ("border-style", "none");
    }
    });

    });
    []] >
    < /script >

    Can someone tell me where I'm wrong

    Gus

    Published by: Gus C on August 18, 2009 01:44

    Published by: Gus C on August 18, 2009 01:45

    Published by: Gus C on August 18, 2009 01:46

    Published by: Gus C on August 18, 2009 01:47

    Hello Gus,

    You can take a look at your app now...
    1. I incorporated jQuery stuff and downloaded a CSS.
    2. I removed $(document) .ready (function () {, because it is the same as {$(function()}})
    3. I changed $("tabs_start_reg"); $ ("#tabs_start_reg");
    4. I changed a href = '20' to the a href = "#20".

    That's all!

    Greetings,
    Roel

    http://roelhartman.blogspot.com/

  • Create an Application problem

    2013 2013/LabVIEW TestStand

    In my development system I create a VI that I need to run continuously during a sequence so I have create and call using ActiveX controls. Works very well in my system of development with LabVIEW development system and LabVIEW runtime engine.

    When I deployed the sequence, I noticed that it adds "NIDIR\LabVIEW 2013\resource\labview.tlb", so I added it to my computer for deployment in "C:\Program NIUninstaller Instruments\LabVIEW 2013\resource". I registered and then it in Windows: C:\Windows\Microsoft.NET\Framework\v4.0.30319>regtlibv12.exe "c:\Program Files\N".

    Instruments\Labview 2013\resource\labview.tlb '?

    When I try to create the reference to the VI on the deployment computer, I get this error:

    There is nothing in this 64-bit system. It's Windows 7 32 bit, TS / LV 32-bit.

    This is called automation:

    Who as I said works great on the development computer. What I missed on the deployment computer?

    Thank you

    Dave

    No solution to the original problem found. I got around the issue with screws of wrapper to control the VI in question through Application control screws. essentially do the same thing I
    was to directly before TestStand.

  • HP Slate &amp; voice tab - load problem

    After a month of purchase, the tab shows probem when you plug in the charger. I use the original charger HP as well as the tab provided.  The tab does not recognize the charger in the on mode. When the charger is connected, there is no indication of change on the display and always ask to connect the charger.

    I tried to load the tab in power off mode is OK. So, I have to turn off the tab to load every time. Please help me solve this problem.

    Hi!, geejoka:

    If you have warranty, contact the technical representative of HP, your country.

    See, of... http://h30434.www3.HP.com/T5/Android-tablets-e-g-HP-slate-7/phone-assistance-in-the-world/TD-p/5038024

    Best regards.

    Make.

Maybe you are looking for

  • Clear space on OS Windows Server 2008 partition

    I am running Windows Server 2008 and my storage becomes very low on my operating system partition and disk cleanup can do.  I'm up to 2 GB and you need to move the files away from him so I can continue to run updates without exhausting my space. I'm

  • G9D51EA

    Hello I'm looking for drivers for this laptop. The site driver for this product is empty full. g9d51ea #abh [Personal information] With sincere friendships. Edwin

  • Firefox won't start because I ended a host process for windows services

    All before I've finished the process was fine, I finished a trial system named (host process for windows services) but the problem is I don't know who, and the thing is now firefow does not start, when I opened it, it freezes completely, and I think

  • WRT54G2 - port forwarding to a different local port

    Hi people,I just tried to set up my wireless G router to transfer a WAN calls on a specific port IP address local and ANOTHER port. Here's the scenario: An incoming request: port 80Should be rerouted to: 172.16.0.2:8585 The only option I found is to

  • can't remember the administrator password. you need to remove.

    set up parental controls for another user, and it has locked me out of my administrator account.  Have not set up an administrator password, but it request one.