Comments on: Dynamic JavaScript Tabs http://akrabat.com Developing PHP software in the Real World, by Rob Allen Mon, 06 Feb 2012 14:53:22 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Heinz http://akrabat.com/dynamic-javascript-tabs/#comment-109052 Heinz Thu, 19 Jan 2012 18:30:22 +0000 http://www.akrabat.com/jstabs/#comment-109052 Wow, I fixed it, I had mistakenly added an id "id='tabs'" to the script tag that screwed up the whole program. From now on the script tag id's will not match any of the html tags! something like "id='blank'" and "id='blank1'" and "id='blank2'". Wow, I fixed it, I had mistakenly added an id "id='tabs'" to the script tag that screwed up the whole program. From now on the script tag id's will not match any of the html tags! something like "id='blank'" and "id='blank1'" and "id='blank2'".

]]> By: Heinz http://akrabat.com/dynamic-javascript-tabs/#comment-109031 Heinz Thu, 19 Jan 2012 17:33:17 +0000 http://www.akrabat.com/jstabs/#comment-109031 Hey I had everything working fine with the tabs but now I'm getting error: object doesn't suport this property or method pointing to "tabs = getChildElementsByClassName(tabContainer, 'tab-item');" I don't understand why it was working yesterday and today it's on the fritz. First I thought it was because I moved the html from a file environment to a thumb drive server environment but switching back still drew the new error. I changed the "for(i=0;" to "for(var i=0;" thinking it was an IE8 js platform thing but that didn't get the error to stop either. Guess It would be a prity cold day in H-E Double Tooth Picks before I got a responce or suggestion as I have no real way of knowing how I managed to screw it up. Hey I had everything working fine with the tabs but now I'm getting error: object doesn't suport this property or method pointing to
"tabs = getChildElementsByClassName(tabContainer, 'tab-item');"
I don't understand why it was working yesterday and today it's on the fritz. First I thought it was because I moved the html from a file environment to a thumb drive server environment but switching back still drew the new error. I changed the "for(i=0;" to "for(var i=0;" thinking it was an IE8 js platform thing but that didn't get the error to stop either.
Guess It would be a prity cold day in H-E Double Tooth Picks before I got a responce or suggestion as I have no real way of knowing how I managed to screw it up.

]]> By: Heinz http://akrabat.com/dynamic-javascript-tabs/#comment-96333 Heinz Sun, 18 Dec 2011 18:42:50 +0000 http://www.akrabat.com/jstabs/#comment-96333 Acctualy tab[i].style.display='none'; has no affect because it doesn't overide the display property in BuildTabs('tab-container-2'). So It looks like I would have to create a reBuildTabsByDate('tab-cotainer-2')? Acctualy tab[i].style.display='none';
has no affect because it doesn't overide the display property in BuildTabs('tab-container-2'). So It looks like I would have to create a reBuildTabsByDate('tab-cotainer-2')?

]]> By: Heinz http://akrabat.com/dynamic-javascript-tabs/#comment-96331 Heinz Sun, 18 Dec 2011 18:34:11 +0000 http://www.akrabat.com/jstabs/#comment-96331 Hey Rob, I'm closer and have added BuildTabs('tab-container-2'); ActivateTab('tab-container-2', 0); to my viewbydate onclick function but the old tabs remain even though I added tabs[i].parentNode.removeChild(tabs[i]); it still produced 1 active old tab and 2 inactive old tabs, 1 active new tab and 2 inactive new tabs. I'm thinking I'll have to use style display none but I'd much rather the tabs be gone. Any advice greatly appreciated. Hey Rob,
I'm closer and have added BuildTabs('tab-container-2');
ActivateTab('tab-container-2', 0); to my viewbydate onclick function but the old tabs remain even though I added tabs[i].parentNode.removeChild(tabs[i]); it still produced 1 active old tab and 2 inactive old tabs, 1 active new tab and 2 inactive new tabs. I'm thinking I'll have to use style display none but I'd much rather the tabs be gone. Any advice greatly appreciated.

]]> By: Heinz http://akrabat.com/dynamic-javascript-tabs/#comment-96146 Heinz Sun, 18 Dec 2011 02:14:47 +0000 http://www.akrabat.com/jstabs/#comment-96146 Hi Sir, Thanks for the script. Genericly it works wonders. I tried to add two spans in a p tag to the tab-container-2 so that when span id=viewbydate is clicked the tabs innerText and title.nodeValue would be fetched from the childNodes of the tabs which happen to be tables placed in the p tags of class=tab-content. The alerts tabs[i].childNodes[0].outerHTML show up correctly but the html doesn't change. It looks like I'd have to create a complete reBuildTabs function for the html to change. Since the tabs in tab-container-2 are invoice tables the second span id=viewbynumber would have to rebuild the tabs to. Any advice greatly appreciated. I'm getting the ordernumber from a td in the invoice table via dom childNodes. Hi Sir,
Thanks for the script. Genericly it works wonders. I tried to add two spans in a p tag to the tab-container-2 so that when span id=viewbydate is clicked the tabs innerText and title.nodeValue would be fetched from the childNodes of the tabs which happen to be tables placed in the p tags of class=tab-content.
The alerts tabs[i].childNodes[0].outerHTML show up correctly but the html doesn't change. It looks like I'd have to create a complete reBuildTabs function for the html to change. Since the tabs in tab-container-2 are invoice tables the second span id=viewbynumber would have to rebuild the tabs to. Any advice greatly appreciated. I'm getting the ordernumber from a td in the invoice table via dom childNodes.

]]> By: Rob... http://akrabat.com/dynamic-javascript-tabs/#comment-89177 Rob... Mon, 21 Nov 2011 11:30:49 +0000 http://www.akrabat.com/jstabs/#comment-89177 Hi Jeremy, I have no idea! Ive never needed more than 4 or 5 tabs. Regards, Rob... Hi Jeremy,

I have no idea! Ive never needed more than 4 or 5 tabs.

Regards,

Rob...

]]> By: Jeremy http://akrabat.com/dynamic-javascript-tabs/#comment-89153 Jeremy Mon, 21 Nov 2011 08:41:02 +0000 http://www.akrabat.com/jstabs/#comment-89153 How do I handle the tabs wrapping? In firefox, it doesn't seem to handle that very well. The second row of tabs jump around depending on which tab I made active. my page will be deployed to different locations and each location will have different amount of tabs based on their location so I have no way to hard code this. I currently have javascript to create the tags and the customer just has to populate an array. I don't want them to see this menu jump around like this. How do I handle the tabs wrapping? In firefox, it doesn't seem to handle that very well. The second row of tabs jump around depending on which tab I made active.

my page will be deployed to different locations and each location will have different amount of tabs based on their location so I have no way to hard code this. I currently have javascript to create the tags and the customer just has to populate an array. I don't want them to see this menu jump around like this.

]]> By: Kehnee http://akrabat.com/dynamic-javascript-tabs/#comment-83309 Kehnee Sun, 16 Oct 2011 15:07:34 +0000 http://www.akrabat.com/jstabs/#comment-83309 iframe and /iframe don't forget to wrap in . iframe and /iframe don't forget to wrap in .

]]> By: Kehnee http://akrabat.com/dynamic-javascript-tabs/#comment-83308 Kehnee Sun, 16 Oct 2011 15:06:21 +0000 http://www.akrabat.com/jstabs/#comment-83308 I figured it out...it's using the tags. I forgot to close the tabs hence why it wasn't working before. Don't forget to close your tags in this case I figured it out...it's using the tags. I forgot to close the tabs hence why it wasn't working before. Don't forget to close your tags in this case

]]> By: Kehnee http://akrabat.com/dynamic-javascript-tabs/#comment-83178 Kehnee Sat, 15 Oct 2011 15:55:25 +0000 http://www.akrabat.com/jstabs/#comment-83178 By the way thanks for creating this tabs. It's the easiest by far I've implemented. Just wondering how versatile it is. By the way thanks for creating this tabs. It's the easiest by far I've implemented. Just wondering how versatile it is.

]]>