Design question

mgandy Well-Known Member

Messages:: 964

Likes Received:: 11

Best Answers:: 0

Trophy Points:: 158

#1

Does anyone now how the programming is done for the box with additional info, features, and description section. I looks like it uses some type of frame and can be found at

http://www.target.com/gp/detail.htm...-2793734?ie=UTF8&frombrowse=1&asin=B000GDAVD2

Sorry about that, the link should work now.

Thanks,

Mike

mgandy, Aug 14, 2007 IP

adamjthompson Well-Known Member

Messages:: 1,242

Likes Received:: 59

Best Answers:: 0

Trophy Points:: 125

#2

mgandy said: ↑

target.com/gp/detail.html/sr=/qid=/ref=br_1_7/601-5633112-2793734?ie=UTF8&frombrowse=1&asin=B000GDAVD2
Click to expand...

Page not found...

adamjthompson, Aug 14, 2007 IP

bpb2221 Peon

Messages:: 83

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 0

#3

This is how...JavaScript

function changeDetailPageTab(tabName) {

for (var i in tabArray) {

var tabObj = tabArray;

if (tabObj == null)
continue;

// set the tab image to 'on' or 'off'
var tab = document.getElementById('tab_' + tabObj.name);
if (tab != null){
tab.type = "image";
if (tabObj.name == tabName)
tab.src = tabObj.onImg;
else
tab.src = tabObj.offImg;
}
// show this tab, hide all others
var div = document.getElementById('div_' + tabObj.name);
if (div != null)
if (tabObj.name == tabName)
div.style.display = "block";
else
div.style.display = "none";
// Turn the accessibility images off.
var div2 = document.getElementById('access_' + tabObj.name);
if (div2 != null)
div2.style.display = "none";

} // foreach tab

// remeber which tab is selected
selectedDetailTabName = tabName;

// Handle accessibility text.
var access = document.getElementById('ddiv');
var text = "There are " + tabArray.length + " buttons in the next section, to make the tab readable click it and navigate past the buttons. The currently selected tab is " + tabName + ".";
access.innerHTML = text;

// hide or display the "see more info" link
var moreInfoLink = document.getElementById('moreInfoLink');
if (moreInfoLink != null) {
if (tabObj.enableMoreInfoLink)
moreInfoLink.style.display = "block";
else
moreInfoLink.style.display = "none";
}

}
Click to expand...

bpb2221, Aug 14, 2007 IP

bpb2221 Peon

Messages:: 83

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 0

#4

And Here is the HTML

<td id="dtabs" style="margin: 0pt; padding: 0pt;">
<div id="ddiv" class="invisible">There are 4 buttons in the next section, to make the tab readable click it and navigate past the buttons. The currently selected tab is features.</div>
<h3 class="offscreen">features</h3>
<input id="tab_features" class="dtabinput" type="image" onclick="changeDetailPageTab('features');return false;" onkeydown="setTabFocus(event,'features');" alt="Features" value="Features" src="http://ec1.images-amazon.com/images/G/16/detail/nav/features_tab_over._V45713821_.gif"/>
<h3 class="offscreen">description</h3>
<input id="tab_description" class="dtabinput" type="image" onclick="changeDetailPageTab('description');return false;" onkeydown="setTabFocus(event,'description');" alt="Description" value="Description" src="http://ec1.images-amazon.com/images/G/16/detail/nav/description_tab._V45714224_.gif"/>
<h3 class="offscreen">additionalInfo</h3>
<input id="tab_additionalInfo" class="dtabinput" type="image" onclick="changeDetailPageTab('additionalInfo');return false;" onkeydown="setTabFocus(event,'additionalInfo');" alt="Additional Info" value="Additional Info" src="http://ec1.images-amazon.com/images/G/16/detail/nav/addinfo_tab._V45715039_.gif"/>
<h3 class="offscreen">shippingInfo</h3>
<input id="tab_shippingInfo" class="dtabinput" type="image" onclick="changeDetailPageTab('shippingInfo');return false;" onkeydown="setTabFocus(event,'shippingInfo');" alt="Shipping Info" value="Shipping Info" src="http://ec1.images-amazon.com/images/G/16/detail/nav/shipinfo_tab._V45714965_.gif"/>
</td>
Click to expand...

bpb2221, Aug 14, 2007 IP

mgandy Well-Known Member

Messages:: 964

Likes Received:: 11

Best Answers:: 0

Trophy Points:: 158

#5

I appreciate the help

Thanks,

Mike

mgandy, Aug 14, 2007 IP

bpb2221 Peon

Messages:: 83

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 0

#6

Your welcome.
I accept all forms of reputation points. LOL

bpb2221, Aug 14, 2007 IP

Log in or Sign up

Design question

mgandy Well-Known Member

adamjthompson Well-Known Member

bpb2221 Peon

bpb2221 Peon

mgandy Well-Known Member

bpb2221 Peon

Useful Searches