Jag har ett iriterande problem. jag har två javascript som jag vill använda på en sida men dom verkar inte gilla varandra särskilt mycket. Enskillt fungerar scripten bra men när jag har båda fungerar bara det jag laggt underst i "head" delen av sidan.

Klistrar jag in koden så som nedan så kommer det bara vara scriptet som gör om checkboxarna på sidan till bilder som kommer att fungera. Medans det övre av de två, som ger ändrad bakgrundsfärg på rad i tabell vid mouseover, kommer slås ut helt och alltså inte fungera.

Finns det någon lösning på detta så att båda kan fungera på samma sida?

Här är de två scripten:

<script language = "javascript">		
startHighlight = function()
{				
	if (document.all && document.getElementById)
	{
		navRoot = document.getElementById("myGrid");
			
		// Get a reference to the TBODY element 
		tbody = navRoot.childNodes[0];
			
		for (i = 1; i < tbody.childNodes.length; i++)
		{
			node = tbody.childNodes[i];
			if (node.nodeName == "TR")
			{
				node.onmouseover=function()
				{
					this.className = "over";								
				}
					
				node.onmouseout=function()
				{
					this.className = this.className.replace("over", "");
				}
			}
		}
	}
}
	
window.onload = startHighlight;			
</script>

<script type="text/javascript">
//<![CDATA[

function enhanceCheckboxes()
{
function img_onclick()
{
var bOff = (/Unchecked/.test(this.title));
this.title = bOff ? 'Checked' : 'Unchecked';
this.src = bOff ? 'images/logga_in/checkbox_checked.gif' : 'images/logga_in/checkbox.gif';
this.nextSibling.checked = bOff;
}

function input_onclick()
{
this.previousSibling.onclick();
}

var img,
input,
inputs = document.getElementsByTagName('input'),
i = inputs.length;
do
{
if (/checkbox/.test((input = inputs[--i]).type))
{
input.style.position = 'absolute';
input.style.left = '-3000px';
input.parentNode.insertBefore((img = document.createElement('img')), input);
img.title = input.checked ? 'Checked' : 'Unchecked';
img.src = input.checked ? 'images/logga_in/checkbox_checked.gif' : 'images/logga_in/checkbox.gif'
img.onclick = img_onclick;
input.onclick = input_onclick;
}
}
while (i);
}

onload = function()
{
enhanceCheckboxes();
//other onload routines
}

//]]>
</script>

Hej Johan,

Är inte särskilt haj på JavaScript (lärde mig faktiskt en del av att titta på din kod), men är det inte så enkelt att den första sättningen av windows.onload skrivs över av den andra? För att komma runt det skulle du kanske kunna skriva den sista kodsnutten så här:

prevOnLoad = windows.onload;

onload = function()
{
enhanceCheckboxes();
//other onload routines
if (prevOnLoad != null)
    prevOnLoad();
}
    

Tack för ditt svar. Letade som en galning efter andra script som passade ihop istället och det känns som jag hittat en bättre lösning istället för dessa script. Men tack i alla fall.