How to implement a side navigation bar which can handle commandLink

Hi,
I was wondering if you could give me some pointers. I am designing a web site and on the left there will will be a dynamic menu bar. For eg if you do mouseOver on any one of the menu's items, a sub menu pops is displayed and so on.
But I was these menu's to be such that they can handle <jsp:commandLink > tag.. any ideas?
Thanks.

arijit_datta wrote:
<jsp:commandLink > Huh? Aren't you talking about the JSF h:commandLink?
Anyway, that kind of navigation menu can easily be achieved with CSS and in some cases also a little bit Javascript. Install Google on your machine and feed it with the keywords "suckerfish menu" and you'll find a lot of examples.

Similar Messages

Cant see the page links text in my main & side navigation bars

Hi
I published my site to Mme yesterday and I have noticed a few problems have come up. The main problem is my main and side navigation bars. In the top nav bar you cant see all the page links text, they should show up in white. I can only see them when you roll over the page name (this is in grey) and that is the rollover colour. Not sure what to do to get the text colour to stay white all the time so it is always seen once it's been clicked. It just disappears, but is still there if you roll over it
My side nav bar, the text should also all be white and when you roll over it turns red. For some reason when you click on the page link it turns grey and stays grey. I also want the page links to stay white once clicked on
www.bareessentials-waxingformen.co.uk
Please check out my site, you would understand my situation better. I know there are other issues I have to sort out on my site which I am dealing with but this problem with the nav bars have stumped me
Thanks

I didn't notice anything unusual with any of your links. Their color is set with this file:
http://www.bareessentials-waxingformen.co.uk/Site/WELCOME_files/WELCOME.css

How to create this cool navigation bar in CS5 Dreamweaver

Dear All,
Can somebody please walk me through how to create this cool navigation bar?
Please see the link below:
http://www.viesso.com/viesso/home.php
Thank you for all your help!
I am designing my own website and I stuck at the beginning...
Agi

You can either use CSS to style the SpryMenuBar or there are commercially available options like Project Seven's Pop Menu Magic: http://www.projectseven.com/products/menusystems/pmm2/index.htm . If you have the money I personally recommend the latter of the two, but you can easily style the Spry menu as well.

How do most people create navigation bars?

I would like to know how most people create their navigation
bars. I used FireWorks to do mine. Do most people just create it
with CSS?

"Team Liquid Fire" <[email protected]> wrote
in message
news:ghflnv$a6h$[email protected]..
>I would like to know how most people create their
navigation bars. I used
>FireWorks to do mine. Do most people just create it with
CSS?
Did you visit the Spry Menu Bar Samples page?
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
Also, this site has a lot of examples and tutorials:
http://css.maxdesign.com.au/listamatic/
Thierry | Adobe Community Expert | Articles and Tutorials ::
http://www.TJKDesign.com/go/?0
Spry Widgets |
http://labs.adobe.com/technologies/spry/samples/
[click on
"Widgets"]
Spry Menu Bar samples |
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

External Table which can handle appending multiple csv files dynamic

I need an external table which can handle appending multiple csv files' values.
But the problem I am having is : the number of csv files are not fixed.
I can have between 2 to 6-7 files with the suffix as current_date. Lets say it will be like my_file1_aug_08_1.csv, my_file1_aug_08_2.csv, my_file1_aug_08_3.csv etc. and so on.
I can do it by following as hardcoding if I know the number of files, but unfortunately the number is not fixed and need to something dynamically to inject with a wildcard search of file pattern.
CREATE TABLE my_et_tbl
my_field1 varchar2(4000),
my_field2 varchar2(4000)
ORGANIZATION EXTERNAL
( TYPE ORACLE_LOADER
     DEFAULT DIRECTORY my_et_dir
     ACCESS PARAMETERS
       ( RECORDS DELIMITED BY NEWLINE
        FIELDS TERMINATED BY ','
        MISSING FIELD VALUES ARE NULL )
     LOCATION (UTL_DIR:'my_file2_5_aug_08.csv','my_file2_5_aug_08.csv')
REJECT LIMIT UNLIMITED
NOPARALLEL
NOMONITORING;Please advice me with your ideas. thanks.
Joshua..

Well, you could do it dynamically by constructing location value:
SQL> CREATE TABLE emp_load
2      (
3       employee_number      CHAR(5),
4       employee_dob         CHAR(20),
5       employee_last_name   CHAR(20),
6       employee_first_name CHAR(15),
7       employee_middle_name CHAR(15),
8       employee_hire_date   DATE
9      )
10    ORGANIZATION EXTERNAL
11      (
12       TYPE ORACLE_LOADER
13       DEFAULT DIRECTORY tmp
14       ACCESS PARAMETERS
15         (
16          RECORDS DELIMITED BY NEWLINE
17          FIELDS (
18                  employee_number      CHAR(2),
19                  employee_dob         CHAR(20),
20                  employee_last_name   CHAR(18),
21                  employee_first_name CHAR(11),
22                  employee_middle_name CHAR(11),
23                  employee_hire_date   CHAR(10) date_format DATE mask "mm/dd/yyyy"
24                 )
25         )
26       LOCATION ('info*.dat')
27      )
28 /
Table created.
SQL> select * from emp_load;
select * from emp_load
ERROR at line 1:
ORA-29913: error in executing ODCIEXTTABLEOPEN callout
SQL> set serveroutput on
SQL> declare
2      v_exists      boolean;
3      v_file_length number;
4      v_blocksize   number;
5      v_stmt        varchar2(1000) := 'alter table emp_load location(';
6      i             number := 1;
7 begin
8      loop
9        utl_file.fgetattr(
10                          'TMP',
11                          'info' || i || '.dat',
12                          v_exists,
13                          v_file_length,
14                          v_blocksize
15                         );
16        exit when not v_exists;
17        v_stmt := v_stmt || '''info' || i || '.dat'',';
18        i := i + 1;
19      end loop;
20      v_stmt := rtrim(v_stmt,',') || ')';
21      dbms_output.put_line(v_stmt);
22      execute immediate v_stmt;
23 end;
24 /
alter table emp_load location('info1.dat','info2.dat')
PL/SQL procedure successfully completed.
SQL> select * from emp_load;
EMPLO EMPLOYEE_DOB         EMPLOYEE_LAST_NAME   EMPLOYEE_FIRST_ EMPLOYEE_MIDDLE
EMPLOYEE_
56    november, 15, 1980   baker                mary            alice     0
01-SEP-04
87    december, 20, 1970   roper                lisa            marie     0
01-JAN-99
SQL> SY.
P.S. Keep in mind that changing location will affect all sessions referencing external table.

Can someone tell me how to permanently remove the navigation bar so that a user cannot put it back himself. i do not want users to be able to browse to the local c:\ through this navigtion bar. using firefox 7. thanks

i have locked down a client using policy editor for Windows 7.
and i want to restrict a user to one website only via a firefox shortcut on the desktop and to restrict their access to the local system drive which is currently vulnerable using the navigation bar. i know how to right click and rmeove but the user can put this back himself quiet easily and then browse anywhere on the local machine or web.

Even then it won't work. 
If the location bar is hidden then you can use Ctrl+L to bring up a pop-up with a location bar.
You would probably need to run Firefox in a sandbox that doesn't allow access to the local file system to get that working properly.

How to implement Object based navigation

Hi all,
Can any one guide me the steps for Implementing Object based Navigation.
Thanks in advance,
Satish J

Hi Sathish,
sorry for the delay. hope it is not too late
I have updated wiki with the content. i am just building it up..not yet completed.
i think you can go thru the example which i have completed to have a detailed view of how to implement obn.
please refer the link.
https://wiki.sdn.sap.com/wiki/x/SZ
You can send your comments regarding the page so tat i can incorporate the same in the content which i am preparing now.
Regards,
Sharadha

How do i make a navigation bar for all pages

Hi friends !
I want the same navigation bar to appear on all the web pages of my website. (As these are the common things that all the webpages will have). But I didn't find any option to use the navigation bar as a template.
Will I have to copy and paste the same navigation bar on all the pages (let's say 50 to 60 pages, I will have). It will be very tiresome and tedious job to do.
And also if I make even a minor change in the navigation bar then I will have to change it in all 50-60 pages.
What should I do ?
Please help me in this regard.
Imagine a 100 or 200 page site, perfectly functioning and on the air. Then, one day, you need to add or delete some button, or simply change a link. You need to change the menubar in ALL 200 pages, and then re-publish them all. Quite a work, ah ?
Regards,
Jtechmiami

Although Dreamweaver Templates and Library items are suitable tools for doing this, they're tedious and cumbersome at best. They get old very quickly.
By far the most efficient method is to set your navigation bar up as a Server Side Include (SSI).
SSIs are not Dreamweaver specific, they're a general web technology available on any server.
A good primer here
http://www.projectseven.com/products/menusystems/pmm2/ug-examples/includes/index.htm
Do you already have a hosting account? Does it have PHP available?
jtechmiami wrote:
Imagine a 100 or 200 page site, perfectly functioning and on the air. Then, one day, you need to add or delete some button, or simply change a link. You need to change the menubar in ALL 200 pages, and then re-publish them all. Quite a work, ah ?
Not with SSIs. Simple sitewide menu updates take a few seconds.
You edit a single text file locally (either button labels or a CSS rule for styling the button), upload (1-2 seconds) and every page on the site is instantly updated.
Much better than DW Templates.

How to change color on Navigation Bar.

Website: www.iphoneappguru.com
How can I change the color of the navigation bar to something else? Check it out on my website!
Thanks!
-RahulR

This tutorial may be of help: #24 - How to Change the Basic, Rollover and Visited Color of an iWeb Navbar.
OT

How to display table range navigation bar at the bottom of the tr table i

Hello,
While I am using trinidad, I have to face a critical issue. Can I display table range navigation bar at the bottom of the <tr table> in Trinidad? and remove the range dropdown list, only show the "previous" and "next" link? The project is critical on the UI, this problem is very small but has to be fixed? Does anyone have any ideas？

Difficult to do? No.
<ul id="bottom-nav"><li><a hef="whatever.php">whatever</a></li><li class="last"><a hef="whatever2.php">whatever2</a></li></ul>
With this CSS -
ul#bottom-nav {
 list-style-type:none;
 overflow:hidden;
 width:70%;
 margin:0 auto;
ul#bottom-nav li {
 float:left;
 padding-right:10px;
 border-right:1px solid #FFF;
ul#bottom-nav li.last {
 border:none;
ul#bottom-nav a {
 /* your styles here */

How do I copy a Navigation Bar?

I've created a Navigation Bar, and I want to copy&paste
into other documents, or into a cell in a table.
But it stops working after the simplest cut&paste I can
devise.
What don't I understand here? Sure would LOVE some
help.

I know what you mean, I haven't found a specific fix, I tend
to go the other way and build a template including the Nav bar and
paste other stuff in. If you find a better fix I would love to find
out.
Good luck

How do I get my navigation bar to appear again?

before this I unchecked the menu bar and I only had the navigation bar showing. But then I accidently unchecked the navigation bar now only the tabs and the very top where you minimize/maximize/exit show. I need my address bar back.

Press either Alt or F10 to temporarily display the menu bar. Then in the View menu select Toolbars and click on the names of the toolbars that you want to display (selected toolbars will have a tick by the name).

Navigation bar floating, can't seem to position to top

Could use a second set of eyes. Bought a theme template and did some adjustments in DW. For the life of me, I cannot figure out why the navigation bar - "top_bar" - is floating. it should be positioned at the top of the page. The footer also seems to be floating.
http://kaufmanphotography.com/kp-weddings/
Not sure if this is a css or php issue. I can deal with css, php is a little tougher on me. Guidance would ure be appreciated.

I've been doing the drinking part...believe me!
Here is the grid.css code. It seems only directed to the tablets, etc...which is maybe what you were saying...or is there supposed to be something in there directed at the full page site and it is missing?
#Tablet (Portrait)
==================================================
@media only screen and (min-width: 768px) and (max-width: 960px) {
          .social_wrapper { width: 766px; }
          .logo_wrapper { margin: 28px 40px 0 20px; }
          #wrapper { width: 100%; margin: auto; }
          #top_bar { width: 766px; margin: auto; }
          .tagline { width: 706px; }
          .top_right, #slider_wrapper { display:none; }
          .page_caption, #page_content_wrapper { width: 726px; margin: auto; }
          .nivoSlider { width: 766px; }
          .nivoSlider img { width: 766px; }
          .nivo-controlNav { width: 766px; }
          .standard_wrapper.small { width: 726px; }
          input[type="submit"].medium, input[type="button"].medium, a.button.medium { font-size: 14px; padding: .65em 1.4em .65em 1.4em; }
          #footer { width: 766px; }
          #footer ul.sidebar_widget { width: 726px; }
          #copyright { width: 766px; }
          .copyright_wrapper { width: 726px; }
          .copyright_wrapper .left_wrapper { width: 450px; }
          .copyright_wrapper .right_wrapper { width: 200px; }
          #page_content_wrapper .inner { width: 726px; margin: auto; }
          .caption_inner { width: 726px; }
          .standard_wrapper { width: 726px; }
          #content_wrapper .inner .inner_wrapper img { max-width: 100%; }
          #content_wrapper .inner .inner_wrapper .sidebar_wrapper, #page_content_wrapper .inner .sidebar_wrapper .sidebar, #page_content_wrapper .inner .sidebar_wrapper { width: 190px;}
          #content_wrapper .inner .inner_wrapper .sidebar_content { width: 520px; }
          #content_wrapper .inner .inner_wrapper .sidebar_content img, #content_wrapper .inner .inner_wrapper .sidebar_content iframe, #content_wrapper .inner .inner_wrapper .sidebar_content div, #page_content_wrapper .inner .sidebar_content, #page_content_wrapper .inner .sidebar_content img, #page_content_wrapper .inner .sidebar_content iframe, #page_content_wrapper .inner .sidebar_content div { max-width: 500px; height: auto; }
          .comment .right { width: 79.5%; }
          ul.children div.comment .right { width: 64.5%; }
          #content_wrapper ul.children ul.children, #page_content_wrapper ul.children { width: 104%; }
          #menu_border_wrapper select { display: none; }
          .post_social { margin-top: 20px; }
#Mobile (Portrait)
==================================================
@media only screen and (max-width: 767px) {
          .top_right, #slider_wrapper { display:none; }
          .logo_wrapper { margin: 28px 40px 0 10px; }
    .social_wrapper { width: 318px; }
          #wrapper { width: 100%; margin: auto; }
          .page_caption, #page_content_wrapper { width: 290px; margin: auto; margin-top: 25px; }
          .page_caption { width: 298px; }
          #top_bar { width: 318px; height: auto; margin: auto; }
          #slider_wrapper { width: 318px; height: 132px; margin-top: 37px; }
          .nivoSlider { width: 318px; }
          .nivoSlider img { width: 318px; }
          .nivo-controlNav { width: 318px; }
          .standard_wrapper.small { width: 290px; }
          #footer { width: 318px; margin: auto; display: none; }
          #footer ul.sidebar_widget { width: 290px; }
          #copyright { width: 318px; }
          .copyright_wrapper { width: 290px; }
          .copyright_wrapper .left_wrapper { float: left; width: 100%; }
          .copyright_wrapper .right_wrapper { float: left; width: 100%; text-align: left; }
          #footer ul li.widget, #footer ul li.widget.last { float: left; width: 100%; }
          #content_wrapper { margin-top: -20px; }
          #page_content_wrapper { margin-top: 20px; padding: 20px 0 20px 0 }
          .caption_inner { width: 290px; }
          .standard_wrapper { width: 290px; }
          .small_thumb { width: 68px; height: 68px; }
          #page_content_wrapper .inner .inner_wrapper .sidebar_content img.img.portfolio_img, #page_content_wrapper .inner .inner_wrapper .sidebar_content img.portfolio_img, #page_content_wrapper .inner .sidebar_content { width:290px; }
          .inner_wrapper > .one_third, .inner_wrapper > .two_third.last { width: 100%; }
          .inner_wrapper > .two_third.last { margin-top: 20px; }
          #page_content_wrapper .inner { margin-top: 0; }
          #page_content_wrapper .inner .inner_wrapper img { max-width: 100%; height: auto; }
          #page_content_wrapper .inner .inner_wrapper .sidebar_wrapper { width: 100%; padding-left: 0;}
          #page_content_wrapper .inner .inner_wrapper .sidebar_content { width: 100%; }
          #page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper iframe, #page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper div, #page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper img, .post_wrapper img { max-width: 100%; height: auto; }
          #page_content_wrapper .inner .inner_wrapper .sidebar_wrapper { margin-top: 10px; }
          #searchform input[type="text"] { width: 286px; }
          .comment { width: 286px; }
          .comment_arrow { display: none; }
          .comment .right { width: 79%; }
          ul.children div.comment .right { width: 61.5%; }
          #page_content_wrapper ul.children ul.children { width: 72%; }
          #page_content_wrapper ul.children ul.children { width: 100%; }
          ul.children .comment { margin-left: 0; }
          #page_content_wrapper ul.children { border: 0; width: 410px; }
          #page_content_wrapper ul.children ul.children { margin-left: -16px; }
          .comment_wrapper #respond { margin-left: 0; }
          .comment_wrapper ul.children #respond { margin-left: -40px; }
          form textarea { max-width: 286px; }
          .post_header .post_detail { display: none; }
          .post_social { margin-top: 20px; }
          #menu_border_wrapper .nav ul, #menu_border_wrapper div .nav { display: none; }
          #menu_border_wrapper select { display: inline-block; float: right; margin-top: 10px; }
          .logo_wrapper { margin-top: 10px; }
          #menu_border_wrapper { text-align: center; margin: 10px 0 0 0; width: 100%; border: 0; }
          #imageFlow { top: 27%; height: 75%; }
          .post_img img.frame { border: 0; }
#Mobile (Landscape)
==================================================
@media only screen and (min-width: 480px) and (max-width: 767px) {
          .top_right, #slider_wrapper { display:none; }
          .social_wrapper { width: 480px; }
          #wrapper { width: 100%; margin: auto; }
          #top_bar { width: 480px; height: auto; margin: auto; float: none; }
          .page_caption, #page_content_wrapper { width: 450px; margin: auto; margin-top: 25px; }
          .page_caption { width: 460px; }
          .tagline { width: 420px; margin-left: -30px; }
          #slider_wrapper { width: 480px; height: 200px; margin-top: 37px; }
          .nivoSlider { width: 480px; }
          .nivoSlider img { width: 480px; }
          .nivo-controlNav { width: 480px; }
          .standard_wrapper.small { width: 420px; }
          .tagline_text { float: none; width: 100%; }
          .tagline_button { float: none; width: 100%; text-align: center; margin-top: 30px; }
          #footer { width: 480px; margin: auto; display: none; }
          #footer ul.sidebar_widget { width: 420px; }
          #copyright { width: 480px; }
          .copyright_wrapper { width: 420px; }
          .copyright_wrapper .left_wrapper { float: left; width: 100%; }
          .copyright_wrapper .right_wrapper { float: left; width: 100%; text-align: left; }
          #footer ul li.widget, #footer ul li.widget.last { float: left; width: 100%; }
          #content_wrapper { margin-top: -10px; }
          .caption_inner { width: 440px; }
          .standard_wrapper { width: 440px; }
          #content_wrapper .inner { margin-top: 0; }
          #page_content_wrapper .inner .sidebar_content, #page_content_wrapper .inner .sidebar_wrapper { width: 480px; }
          #page_content_wrapper .inner .inner_wrapper .sidebar_wrapper, #page_content_wrapper .inner .sidebar_wrapper .sidebar { width: 100%; padding-left: 0;}
          #page_content_wrapper .inner .inner_wrapper .sidebar_content { width: 100%; }
          #page_content_wrapper .inner .inner_wrapper .sidebar_content iframe, #page_content_wrapper .inner .inner_wrapper .sidebar_content div, #page_content_wrapper .inner .inner_wrapper .sidebar_content .post_wrapper img, .post_wrapper img { max-width: 100%; }
          #page_content_wrapper .inner .sidebar_wrapper .sidebar .content { margin-left: 0; }
          #searchform input[type="text"] { width: 426px; }
          .comment { width: 480px; }
          .comment_arrow { display: none; }
          .comment .right { width: 79%; }
          ul.children div.comment .right { width: 61.5%; }
          #page_content_wrapper ul.children ul.children { width: 72%; }
          #page_content_wrapper ul.children ul.children { width: 100%; }
          ul.children .comment { margin-left: 90px; }
          #page_content_wrapper ul.children { border: 0; }
          #page_content_wrapper ul.children ul.children { margin-left: -16px; }
          .comment_wrapper #respond { margin-left: 35px; }
          .comment_wrapper ul.children #respond { margin-left: -40px; }
          form textarea { max-width: 480px; }
          .post_header .post_detail { display: none; }
          .post_social { margin-top: 20px; }
          #menu_border_wrapper .nav ul, #menu_border_wrapper div .nav { display: none; }
          #menu_border_wrapper select { display: inline-block; float: right; margin-top: 10px; }
          .logo_wrapper { margin-top: 10px; }
          #menu_border_wrapper { text-align: center; margin: 10px 0 0 0; width: 100%; border: 0; }

How to implement non linear navigation Date LOV

Hi,
I have a requirement like I need to show non linear combo LOV in my UI which allows the user to navigate to next or previous item in the list.
Any help on this or do we have any inbuilt design pattern for this component.
I am using Jdev 11.1.1.7.0.
Many thanks in advance.
Regards,
Dileep.

Hi Frank,
Thank you so much for your reply. Sorry, I am not able to attach that component image here.
Actually it looks like normal combo box LOV, additionally it has two navigation icons both the sides (both left and right hand side) of combo box and allow the user to navigate to previous or next item in the list of values available in the combo box.
I am not sure whether it is fusion specific custom component or adf component. Any help on this?
Many thanks in advance.
Regards,
Dileep.

How to implement server side methods in client side player from main.asc?

Hi,
I am developing video player using RTMP NetConnection and NetStream object but it is giving me below Error. Can you please tell me how can I handle this. I have main.asc file form FMS server side but I don't know how to use it.
Async Error found = Error #2095: flash.net.NetConnection was unable to invoke callback setUserID.
Async Error found = Error #2095: flash.net.NetConnection was unable to invoke callback syncChat.
Async Error found = Error #2095: flash.net.NetConnection was unable to invoke callback playingNotComplete.
Async Error found = Error #2095: flash.net.NetConnection was unable to invoke callback nowPlaying.
Can anyone please help me ot solve this issue?
Best regards,
Sunil kumar

javascript are run on the client side.. but i think what you actually mean is getting some validation to your database without submitting the form?. yes it doesn't consumes time and memory of server.. why not use ajax so you can only submit a little request.. rather than submitting the whole page..

How to implement a side navigation bar which can handle commandLink

Similar Messages

Maybe you are looking for