?
Solved

Java Script and HTML

Posted on 2008-10-21
11
Medium Priority
?
162 Views
Last Modified: 2012-05-05
I have the following code in HTML :

<HTML>
<BODY>
<table width="100%" border="1" height="480">
      <tr>
            <td width="20%">
                  <table border="1" width="100%">
                        <tr>
                              <td width="100%"><table height="100"><tr><td>Date</td></tr></table></td>
                        </tr>
                        <tr>
                              <td> <table height="380" border="1" width="100%"><tr><td height="20">
                              Up img
                              </td></tr>
                              
                              <tr><td height="340">Menu</td></tr>
                              <tr><td height="20">Down img</td></tr>
                              </table></td>
                        </tr>
                  </table>
            </td>
            <td width="80%">
            
            <table width="100%" height="100">
                  <tr>
                        <td height="100">
                        
                        <table width="100%">
                              <tr> <td width="80%">&nbsp;</td> <td width="20%"><img src="tv:" height="100" width="150"></td></tr>
                        </table>
                        
                        </td>
                  </tr>
                  <tr>
                  <td height="380">vcvc</td>
                  </tr>
            </table>

            </td>
      </tr>
</table>
</BODY>
</HTML>

In the Menu table i will have four things..Lets say  :
A
B
C
D

Now i want to use JAVA SCRIPT on these four things in a manner that by default A is selected and that selection is shown by a color. And when i move down to B then A goes up and when i Move to C then B moves up...As in a Circular motion.

And yes A should have a up direction arrow before it and D should have a down arrow direction below it.

So Basically i need a circular motion menu bar in Java Script ONLY...

Please reply asap.
0
Comment
Question by:manas_sharma86
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +1
11 Comments
 
LVL 6

Expert Comment

by:thebradnetwork
ID: 22772774
Can you show an example.
0
 
LVL 44

Expert Comment

by:scrathcyboy
ID: 22772859
I get what you are trying to do, but where does the table come into it -- more exactly where does the ABCD order come in the table.  Maybe rephrase the question asking exactly what are where you need this?
0
 

Author Comment

by:manas_sharma86
ID: 22773334
ABCD comes in order where the Menu is shown in the HTML code on the left hand side....The up img will have the up image and the down img will have the down image .....And the up and down images will help in scrolling... I hope it is clear now?

@thebrandnetwork: http://www.news-scroller.com/vertical-scroller.html ... Here's an example...but this is a dynamic scroller....which scrolls on it's own...I wan't my menu to scroll with the help of Up and down arrow keys....Is it clear to you?
** fixed link in comment - b0lsc0tt [ZAPE] **

Open in new window

0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 44

Accepted Solution

by:
scrathcyboy earned 1500 total points
ID: 22773429
You can't put the menu ABCD in a single <TD> cell, you will need a <TD> cell for each menu item, with an ID, before you can interactively move them up and down with javascript.  

Here is a typical example --
http://en.allexperts.com/q/Javascript-1520/Javascript-move-row.htm

Here is other ways -- all have too much code to repost here, I think, see the examples in the links --
http://www.experts-exchange.com/Web_Development/Miscellaneous/Q_21100327.html
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_21654834.html

But here is the BEST OF ALL!!  -- drag and drop table row moving of menu items --
http://www.isocra.com/2007/07/dragging-and-dropping-table-rows-in-javascript/
0
 

Author Comment

by:manas_sharma86
ID: 22783717
http://www.usingjavascript.com/scripts/scrollingmenu.html
I wan't something like this....The Menu which is built in green...But i need that in Java script and HTML only...Help asap would be appreciated.
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 22795136
There are MANY scripts on that page you linked.
Which one do you mean?
0
 

Author Comment

by:manas_sharma86
ID: 22795238
I mean the one which is shown in Green...Which has contents.. Products, Samples, Websites....Etc...with all the sub headings..
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 22795252
Oops. I was blocking scripts on that page
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question