Solved

Java Script and HTML

Posted on 2008-10-21
11
154 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
  • 3
  • 2
  • 2
  • +1
11 Comments
 
LVL 6

Expert Comment

by:thebradnetwork
Comment Utility
Can you show an example.
0
 
LVL 44

Expert Comment

by:scrathcyboy
Comment Utility
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
Comment Utility
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
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 500 total points
Comment Utility
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
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 

Author Comment

by:manas_sharma86
Comment Utility
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
Comment Utility
There are MANY scripts on that page you linked.
Which one do you mean?
0
 

Author Comment

by:manas_sharma86
Comment Utility
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
Comment Utility
Oops. I was blocking scripts on that page
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
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…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

744 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now