Zaloguj | Zarejestruj | FAQ
Anonymous

Internal Links in Tables

+ Odpowiedz

Posty: 10 Strona 1 z 1


Internal Links in Tables

przez psr635 » So lut 04, 2012 7:10 pm

Hi, I'm not quite sure how to explain this but I'll give it a go.

Basically I've built a basic site and on its home page I have a table, and above this I want a variety of links to other tables - this I know how to do.

The problem I'm having is this: I want the other tables I'm linking to to appear in place of the current table on the current page - so when you click on the link above the table it changes to another table.

i.e. My page looks a little like this...


Table 1 link | Table 2 link | Table 3 link
_________________________________________
I want tables to appear here when you
click on the above links

_________________________________________



...sorry I've explained this very badly, but any help would be much appreciated!
Avatar użytkownika

psr635

  • Posty: 6
  • Dołączył(a): So lut 04, 2012 6:49 pm

Re: Internal Links in Tables

przez chrisf1288 » So lut 04, 2012 9:03 pm

Ya, I understand what you mean. You could use Javascript and JQuery. Here is a JSfiddle for you:

http://jsfiddle.net/QJwWq/
Avatar użytkownika

chrisf1288

  • Posty: 128
  • Dołączył(a): N cze 26, 2011 1:01 am

Re: Internal Links in Tables

przez psr635 » So lut 04, 2012 10:25 pm

That's brilliant thank you!

Is there a way of keeping the links themselves static so that they don't move?
Avatar użytkownika

psr635

  • Posty: 6
  • Dołączył(a): So lut 04, 2012 6:49 pm

Re: Internal Links in Tables

przez psr635 » So lut 04, 2012 10:25 pm

That's brilliant thank you!

Is there a way of keeping the links themselves static so that they don't move?
Avatar użytkownika

psr635

  • Posty: 6
  • Dołączył(a): So lut 04, 2012 6:49 pm

Re: Internal Links in Tables

przez chrisf1288 » So lut 04, 2012 11:26 pm

Glad to help! Here's the code:
http://jsfiddle.net/QJwWq/2/
Avatar użytkownika

chrisf1288

  • Posty: 128
  • Dołączył(a): N cze 26, 2011 1:01 am

Re: Internal Links in Tables

przez psr635 » N lut 05, 2012 1:33 am

Fantastic! Thank you very much!

Is there a way to do it without it being a drop down? Or a simpler way of doing it in html for future use?
Avatar użytkownika

psr635

  • Posty: 6
  • Dołączył(a): So lut 04, 2012 6:49 pm

Re: Internal Links in Tables

przez chrisf1288 » Pn lut 06, 2012 5:42 pm

What way would you rather it be instead of a dropdown feel? Well, sadly HTML doesn't really have anything that would be to do this. Javascript is for sure the way to go.
Avatar użytkownika

chrisf1288

  • Posty: 128
  • Dołączył(a): N cze 26, 2011 1:01 am

Re: Internal Links in Tables

przez psr635 » Pn lut 06, 2012 10:17 pm

Basically four static links and then space for a table beneath this, all of which will preferably stay centrally aligned on the page.

Sorry for being very picky!
Avatar użytkownika

psr635

  • Posty: 6
  • Dołączył(a): So lut 04, 2012 6:49 pm

Re: Internal Links in Tables

przez chrisf1288 » Pn lut 06, 2012 11:00 pm

http://jsfiddle.net/QJwWq/3/
Glad to help.
Avatar użytkownika

chrisf1288

  • Posty: 128
  • Dołączył(a): N cze 26, 2011 1:01 am

Re: Internal Links in Tables

przez psr635 » Wt lut 07, 2012 12:06 am

Perfect, thank you!
Avatar użytkownika

psr635

  • Posty: 6
  • Dołączył(a): So lut 04, 2012 6:49 pm


+ Odpowiedz

Strona 1 z 1