need help with javascript tabs

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register

01-May-17 12:53
Hi

I need bit of help with javascript tabs from the following link: http://www.elated.com/articles/javascript-tabs/

issue 1) On the home condition surveys page itself here https://www.broadwaymediadesigns.co.uk/sites/kmsurveys/home-condition-surveys.php, I noticed the second link onwards don't work and open up the tab content, it works for the first link and it works if on the home page or any other page

issue 2) say for example I am on this link - https://www.broadwaymediadesigns.co.uk/sites/kmsurveys/home-condition-surveys.php#homebuyereports, I start clicking the other tabs, is there a way to have the #part change as well when clicking the other tab headings

issue 3) how do I make it responsive as it goes messy when make the screen smaller

issue 4) Last issue, is there a way to make the page stay at the top as it currently jumps to the content half way down the page so can't see the header, I found the post about it here http://www.elated.com/forums/topic/4717/#post19332 but I couldn't get it to work

Thank you in advance
02-May-17 12:20
"i I noticed the second link onwards don't work and open up the tab content,"

How can you tell when the last 'tabs' all have EXACTLY the same content?

"issue 3) how do I make it responsive as it goes messy when make the screen smaller"

use media queries.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/
02-May-17 13:01
I noticed because I was clicking the links in the nav menu and the #tags were changing but the tabs was not

I'll look at using media queries

Could you help me with issue 2 and 4 please?

 
New posts
Old posts

Follow Elated