Dropdown - Tekst istedet for billede
Jeg har brugt en dropdown funktion, som jeg har fundet herinde. Det gik fint med at tilpasse den.Altså lige indtil jeg ikke ville bruge billeder som objekt længere. Hvad skal jeg lave om for at få det til at virke?
<script language=\"JavaScript\">
function showSel(Side, ID) {
thisSel = document.getElementById(\"mySel\");
if (thisSel.style.visibility == \"hidden\") {
selL = xPos([ID]);
selT = yPos([ID]);
thisSel.style.left = selL; // Place the div at the pic - width a little offset
thisSel.style.top = selT+20; // Place the div at the pic - width a little offset
thisSel.style.visibility = \"visible\";
document.getElementById(\"selFrame\").src = Side; // Load the html into the iframe
}
else {
thisSel.style.visibility = \"hidden\";
}
}
/*******************************************************************************************************************************************************
Functions for positioning of the select-box
*******************************************************************************************************************************************************/
// Function that finds a pic\'s y-position:
function yPos(what){
var PosY = getY(document.Images[what]);
return PosY;
}
// Function that finds a pic\'s x-position:
function xPos(what){
var PosX = getX(document.Images[what]);
return PosX;
}
// These two next are used - in IE and NS6+ - by the two preceding functions:
function getY(obj) {
if (obj == document.body) {
return obj.offsetTop
}
else {
return obj.offsetTop + getY(obj.offsetParent);
}
}
function getX(obj) {
if (obj == document.body) {
return obj.offsetLeft
}
else {
return obj.offsetLeft + getX(obj.offsetParent);
}
}
</script>
</HEAD>
<BODY scroll=No>
<div id=\"mySel\" style=\"position:absolute;visibility:hidden;\">
<iframe id=\"selFrame\" width=\"100\" CLASS=\"MenuDrop\" FRAMEBORDER=\"0\"></iframe>
</div>
<TABLE BORDER=\"0\" CELLPADDING=\"0\" CELLSPACING=\"0\" WIDTH=\"100%\" HEIGHT=\"20\" BACKGROUND=\"Images/menu_spacer.gif\">
<TR>
<TD CLASS=\"HovedMenu\">
<A HREF=\"Virksomhedsinfo.asp\" TARGET=\"\" CLASS=\"HovedMenu\"> Virksomheden </A>
</TD>
<TD WIDTH=2>
<IMG SRC=\"images/menu_left_02.gif\" WIDTH=2 HEIGHT=20>
</TD>
<TD CLASS=\"HovedMenu\">
<A HREF=\"Medarbejderen.asp\" TARGET=\"\" CLASS=\"HovedMenu\"> Medarbejderen </A>
</TD>
<TD WIDTH=2>
<IMG SRC=\"images/menu_left_02.gif\" WIDTH=2 HEIGHT=20>
</TD>
<TD CLASS=\"HovedMenu\" id=\"3\" onmousedown=\"showSel(\'Projekter.htm\', 3);\" CLASS=\"HovedMenu\">
Projekter
</TD>
<TD WIDTH=\"99%\"> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
Jeg har forsøgt at lave document.Images[what] om til document.GetElementByID[what] men det var ikke helt nok. Når jeg ikke gør det kommer der fejlen:
Line: 34
Error: document.Images is null or not an object
Laver jeg det derimod om til document.getElementById[what]
Den fejl, er jo nok fordi det ikke er et billede jeg klikker på.
Line: 52
Error: \'offsetLeft\' is null or not an object
Er der nogen der har nogle idéer til hvordan jeg kan få det til at virke med tekst istedet for billeder?
