Kald af javascript
Jeg skriver hele scripet med så i kan se hvad jeg mener……….I et faneblad har jeg lagt en checkboks ind som kalder et javascript, problemet er så at den ikke kan læse værdien som jeg kalder.
???????????
---------------------------------------------
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
<title>DHTML - Menus - Tab</title>
<STYLE>
.conts {visibility:hidden;}
.tab { border-top:solid thin #E0E0E0;
border-right:solid thin gray;
border-left:solid thin #E0E0E0;
font-family:Verdana;
font-size:10pt;
text-align:center;
font-weight:normal;
color: 0000ff}
.selTab { border-left:solid thin white;
border-top:solid thin white;
border-right:solid thin black;
font-weight:bold;
text-align:center;
color: 0000ff}
</STYLE>
<style type=\"text/css\">
TD.format
{
COLOR: blue;
FONT-FAMILY: Verdana;
FONT-SIZE: 15px;
FONT-WEIGHT: bolder
}
TD.format A:active
{
COLOR: red;
TEXT-DECORATION: none
}
TD.format A:link
{
COLOR: blue;
TEXT-DECORATION: none
}
TD.format A:visited
{
COLOR: blue;
TEXT-DECORATION: none
}
TD.format A:hover
{
COLOR: red;
TEXT-DECORATION: none
}
</style>
<SCRIPT LANGUAGE=JavaScript>
//a public function that the container uses to pass in values for the labels
function public_Labels(label1, label2, label3, label4, label5, label6, label7){
t1.innerText = label1;
t2.innerText = label2;
t3.innerText = label3;
t4.innerText = label4;
t5.innerText = label5;
t6.innerText = label6;
t7.innerText = label7;
}
//a public function that the container uses to pass in values for the card containers
function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){
t1Contents.innerHTML = contents1;
t2Contents.innerHTML = contents2;
t3Contents.innerHTML = contents3;
t4Contents.innerHTML = contents4;
t5Contents.innerHTML = contents5;
t6Contents.innerHTML = contents6;
t7Contents.innerHTML = contents7;
init();
}
//sets the default display to tab 1
function init(){
tabContents.innerHTML = t1Contents.innerHTML;
}
//this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;
function changeTabs(){
if(firstFlag == true){
currentTab = t1;
tabBase = t1base;
firstFlag = false;
}
if(window.event.srcElement.className == \"tab\"){
currentTab.className = \"tab\";
tabBase.style.backgroundColor = \"white\";
currentTab = window.event.srcElement;
tabBaseID = currentTab.id + \"base\";
tabContentID = currentTab.id + \"Contents\";
tabBase = document.all(tabBaseID);
tabContent = document.all(tabContentID);
currentTab.className = \"selTab\";
tabBase.style.backgroundColor = \"\";
tabContents.innerHTML = tabContent.innerHTML;
}
}
</SCRIPT>
</head>
<body bgcolor=\"#003399\" onclick=\"changeTabs()\" onload=\"init()\">
<TABLE STYLE=\"width:100%; height:250\" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ID=t1 CLASS=selTab HEIGHT=25>Text 1</TD>
<TD ID=t2 CLASS=tab>Text 2</TD>
<TD ID=t3 CLASS=tab>Text 3</TD>
<TD ID=t4 CLASS=tab>Text 4</TD>
<TD ID=t5 CLASS=tab>Text 5</TD>
<TD ID=t6 CLASS=tab>Text 6</TD>
<TD ID=t7 CLASS=tab>Text 7</TD>
</TR>
<TR>
<TD ID=t1base STYLE=\"height:2; border-left:solid thin white\"></TD>
<TD ID=t2base STYLE=\"height:2; background-color:white\"></TD>
<TD ID=t3base STYLE=\"height:2; background-color:white\"></TD>
<TD ID=t4base STYLE=\"height:2; background-color:white\"></TD>
<TD ID=t5base STYLE=\"height:2; background-color:white\"></TD>
<TD ID=t6base STYLE=\"height:2; background-color:white\"></TD>
<TD ID=t7base STYLE=\"height:2; background-color:white; border-right:solid thin white\"></TD>
</TR>
<TR>
<TD HEIGHT=\"*\" COLSPAN=7 ID=tabContents
STYLE=\" border-left:solid thin white;
border-bottom:solid thin white;
border-right:solid thin white\">sample contents</TD>
</TR>
</TABLE>
</DIV>
<DIV CLASS=conts ID=t1Contents><Font color=\"#0000ff\"> This text is on tab 1</font></DIV>
<DIV CLASS=conts ID=t2Contents><Font color=\"#0000ff\"> This text is on tab 2</font></DIV>
<DIV CLASS=conts ID=t3Contents><Font color=\"#0000ff\"> This text is on tab 3</font></DIV>
<DIV CLASS=conts ID=t4Contents><Font color=\"#0000ff\"> This text is on tab 4</font></DIV>
<DIV CLASS=conts ID=t5Contents><Font color=\"#0000ff\"> This text is on tab 5</font></DIV>
<DIV CLASS=conts ID=t6Contents><Font color=\"#0000ff\"> This text is on tab 6</font></DIV>
<DIV CLASS=conts ID=t7Contents><Font color=\"#0000ff\"> This text is on tab 7</font></DIV>
</body>
</html>
---------------------------------------------
