how to expand all tree structure at once in webpage
-
Hi! I am a Chinese from Malaysia, I have been use google and yahoo to search for css and html answer few weeks already , but because of i am study mechanical engineering , have no coding basic at all , so until now i still cannot solve my problem.
Everyday I have to copy and paste all data from a webpage’s tables into Excel; there are more than 100 tables, each table contains 10 rows, each row is a link. When I click on it, it will expand and shown its content, but when I click on the 2nd row , the 1st row content will hide automatically, and when I click on the 3rd row, the 2nd row and other content also will hide automatically…
So I need to click the row 1 by 1 in order to show its contents and copy paste into excel, which is tedious and time consuming.
I have ask my boss for permission to log in and share his table data , this is my extra job i need work for him.
this url http://jsfiddle.net/engchiang/ghP2a/5/ , where its output result is when i open the website , the contents of 10 rows are all hidden.
The upper left corner is source code , the lower right corner is output result. this table consists of 10 rows , each of its 1st cell is link ,
this url http://jsfiddle.net/engchiang/ghP2a/6/ , where its output result is when i click on the 1st cell in 1st row , and the 1st row HTML will show as: tr class=”shown” , the other 9 rows HTML will show as: tr class=”hidden”
this url http://jsfiddle.net/engchiang/ghP2a/7/ , where its output result is when i click on the 2nd cell in 1st row , and the HTML of the 2nd row will show as: tr class=”shown” , but the HTML of the 1st row will change to: tr class=”hidden” disabled=”true”
then when i click on 1st cell in 3rd row , it show the 3rd row contents and hide the other row contents…
Is there any method that will cause the webpage expand all its tree contents when I open the webpage, or cause the link to not hide its contents automatically when I click on the other link?
I have a google chrome custom css file, which is put in C:UsersUserAppDataLocalGoogleChromeUser DataDefaultUser StyleSheets
can you provide me a code which can be put into my custom css? if you can solve my problem then i will no need to be work for my boss extra 1,2 hours everyday.
Thank You!! -
What is the URL of the free hosted WordPress.COM blog that you have purchased an annually renewable custom design upgrade for please? Without the URL we cannot even begin to help.
-
-
i have save and put the file into my file hosting site , and shared it , this is the file url
https://www.dropbox.com/sh/nvu5nnybywaqute/obJC4upkad
just right click the file and save target as -
@engchiang, as far as I know, this isn’t something that can be done at WordPress.com since it would javascript in order to create an expanding and collapsing table.
-
hi thesacredpath , i have no any coding basic, can you help me solve this issue , no matter is using javascript or HTML. thank you!
-
-
-
hi timethief, what is oops! put = out ? i have no any coding basic, can you write a code to me show i can put into my chrome custom css file. Thank you!
-
@timethief was correcting a typo in her first reply above, which should have read,
We cannot use JavaScript. The software strips it out.
We cannot use javascript here at WordPress.com: http://en.support.wordpress.com/code/#javascript .
To be able to use javascript, you would need to self-host an installation of the WordPress.org software on a third party web host. You can read more on the differences between WordPress.com and self-hosted WordPress.org sites here: http://en.support.wordpress.com/com-vs-org/ . Here are a few suggested hosting services for WordPress.org installations: http://get.wp.com/hosting/ .
If you do not know javascript, then you will need to hire someone to create the programming for you. You can check out this link and look around for someone who can help you with the code: http://directory.codepoet.com/ .
- The topic ‘how to expand all tree structure at once in webpage’ is closed to new replies.
WordPress.com Forums 