Simpelt problem med javascript includes

Hvis du includer denne funktion som det første javascript.

function addListener(element, event, listener, bubble){
  if(element.addEventListener) {
    if(typeof(bubble) == "undefined") bubble = false;
    element.addEventListener(event, listener, bubble);
  } else if(element.attachEvent) {  	
    element.attachEvent("on" + event, listener);
  }
}

og skifter linje 144 i formstyling.js ud med:
addListener(window, 'load', Custom.init);

og sletter onload i body og skriver et skriver på linje 129 i samme fil:
addListener(window, 'load', function(){updateClock(); setInterval('updateClock()', 1000 ); showLvl();});

uden at se koden for de to script vil jeg antage de gør en af to ting.

1. Tildeler sig selv til onload eventen direkte 'window.onload = callme'.
2. Her en funktion med samme navn.

I begge tilfælde vil det sidst erklæret script vinde.

Tak for hjælpen, det kan godt være, det er dét, der problemet. Jeg er dog ikke sikker, så her kommer lige noget kode...

Selve scriptet - formstyling.js

 /*
 
 CUSTOM FORM ELEMENTS
 
 Created by Ryan Fait
 www.ryanfait.com
 
 The only things you may need to change in this file are the following
 variables: checkboxHeight, radioHeight and selectWidth (lines 24, 25, 26)
 
 The numbers you set for checkboxHeight and radioHeight should be one quarter
 of the total height of the image want to use for checkboxes and radio
 buttons. Both images should contain the four stages of both inputs stacked
 on top of each other in this order: unchecked, unchecked-clicked, checked,
 checked-clicked.
 
 You may need to adjust your images a bit if there is a slight vertical
 movement during the different stages of the button activation.
 
 The value of selectWidth should be the width of your select list image.
 
 Visit http://ryanfait.com/ for more information.
 
 */
 
 var checkboxHeight = "25";
 var radioHeight = "25";
 var selectWidth = "190";
 
 
 /* No need to change anything after this */
 
 
 document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');
 
 var Custom = {
     init: function() {
         var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
         for(a = 0; a < inputs.length; a++) {
             if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
                 span[a] = document.createElement("span");
                 span[a].className = inputs[a].type;
 
                 if(inputs[a].checked == true) {
                     if(inputs[a].type == "checkbox") {
                         position = "0 -" + (checkboxHeight*2) + "px";
                         span[a].style.backgroundPosition = position;
                     } else {
                         position = "0 -" + (radioHeight*2) + "px";
                         span[a].style.backgroundPosition = position;
                     }
                 }
                 inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                 inputs[a].onchange = Custom.clear;
                 if(!inputs[a].getAttribute("disabled")) {
                     span[a].onmousedown = Custom.pushed;
                     span[a].onmouseup = Custom.check;
                 } else {
                     span[a].className = span[a].className += " disabled";
                 }
             }
         }
         inputs = document.getElementsByTagName("select");
         for(a = 0; a < inputs.length; a++) {
             if(inputs[a].className == "styled") {
                 option = inputs[a].getElementsByTagName("option");
                 active = option[0].childNodes[0].nodeValue;
                 textnode = document.createTextNode(active);
                 for(b = 0; b < option.length; b++) {
                     if(option[b].selected == true) {
                         textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
                     }
                 }
                 span[a] = document.createElement("span");
                 span[a].className = "select";
                 span[a].id = "select" + inputs[a].name;
                 span[a].appendChild(textnode);
                 inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                 if(!inputs[a].getAttribute("disabled")) {
                     inputs[a].onchange = Custom.choose;
                 } else {
                     inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
                 }
             }
         }
         document.onmouseup = Custom.clear;
     },
     pushed: function() {
         element = this.nextSibling;
         if(element.checked == true && element.type == "checkbox") {
             this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
         } else if(element.checked == true && element.type == "radio") {
             this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
         } else if(element.checked != true && element.type == "checkbox") {
             this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
         } else {
             this.style.backgroundPosition = "0 -" + radioHeight + "px";
         }
     },
     check: function() {
         element = this.nextSibling;
         if(element.checked == true && element.type == "checkbox") {
             this.style.backgroundPosition = "0 0";
             element.checked = false;
         } else {
             if(element.type == "checkbox") {
                 this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
             } else {
                 this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
                 group = this.nextSibling.name;
                 inputs = document.getElementsByTagName("input");
                 for(a = 0; a < inputs.length; a++) {
                     if(inputs[a].name == group && inputs[a] != this.nextSibling) {
                         inputs[a].previousSibling.style.backgroundPosition = "0 0";
                     }
                 }
             }
             element.checked = true;
         }
     },
     clear: function() {
         inputs = document.getElementsByTagName("input");
         for(var b = 0; b < inputs.length; b++) {
             if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
                 inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
             } else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
                 inputs[b].previousSibling.style.backgroundPosition = "0 0";
             } else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
                 inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
             } else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
                 inputs[b].previousSibling.style.backgroundPosition = "0 0";
             }
         }
     },
     choose: function() {
         option = this.getElementsByTagName("option");
         for(d = 0; d < option.length; d++) {
             if(option[d].selected == true) {
                 document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
             }
         }
     }
 }
 window.onload = Custom.init;

Javascriptdelen af head.php (det der inkluderes i hver fil)

 <!-- Ur -->
 <script type="text/javascript">
 <!--
 // Ur i toppen
 
 function updateClock ( )
 {
   var currentTime = new Date ( );
 
   var currentHours = currentTime.getHours ( );
   var currentMinutes = currentTime.getMinutes ( );
   var currentSeconds = currentTime.getSeconds ( );
 
   // Pad the minutes and seconds with leading zeros, if required
   currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
   currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
   currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
 
 
 
   // Compose the string for display
   var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds;
 
   // Update the time display
   document.getElementById("clock").firstChild.nodeValue = currentTimeString;
 }
 
 // -->
 </script>
 
 <!-- Dropdown menu -->
 <script type="text/javascript">
 var timeout    = 0;
 var closetimer    = 0;
 var ddmenuitem    = 0;
 
 // open hidden layer
 function mopen(id)
 {    
     // cancel close timer
     mcancelclosetime();
 
     // close old layer
     if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 
     // get new layer and show it
     ddmenuitem = document.getElementById(id);
     ddmenuitem.style.visibility = 'visible';
 
 }
 // close showed layer
 function mclose()
 {
     if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 }
 
 // go close timer
 function mclosetime()
 {
     closetimer = window.setTimeout(mclose, timeout);
 }
 
 // cancel close timer
 function mcancelclosetime()
 {
     if(closetimer)
     {
         window.clearTimeout(closetimer);
         closetimer = null;
     }
 }
 
 // close layer when click-out
 document.onclick = mclose; 
 
 </script>
 
 <!-- XP bar -->
 <script type="text/javascript">
 function showXp() {
 document.getElementById("xpBarText").innerHTML = "157 / 300 XP";
 }
 
 function showLvl() {
 document.getElementById("xpBarText").innerHTML = "Level 20";
 }
 </script>
 
 <!-- Profile edit -->
 <script type="text/javascript">
 function showEditForm() {
     document.getElementById("profileTextShow").style.display = 'none';    
     document.getElementById("profileTextEdit").style.display = 'block';    
 }
 function showTextForm() {
     document.getElementById("profileTextShow").style.display = 'block';    
     document.getElementById("profileTextEdit").style.display = 'none';    
 }
 
 // Oplysninger
 
 function showEditTable() {
     document.getElementById("profileTableShow").style.display = 'none';    
     document.getElementById("profileTableEdit").style.display = 'block';    
 }
 function showTextTable() {
     document.getElementById("profileTableShow").style.display = 'block';    
     document.getElementById("profileTableEdit").style.display = 'none';    
 }
 </script>
 
 <script type="text/javascript">
 function showdiv(divid) {
     
     var div1 = document.getElementById('div1');
     div1.style.display='none';
     var div2 = document.getElementById('div2'); 
     div2.style.display='none';
     var div3 = document.getElementById('div3'); 
     div3.style.display='none';
     var div4 = document.getElementById('div4');
     div4.style.display='none';
     var div5 = document.getElementById('div5'); 
     div5.style.display='none';
     
     var thediv = document.getElementById(divid);
     thediv.style.display='block';
 }
 
 </script>
 <script type="text/javascript" src="/ress/formstyling.js"></script>
 
 </head>
 <body onload="updateClock(); setInterval('updateClock()', 1000 ); showLvl()">

Den del der bliver stylet

 <select class="styled" name="osLand">
                 <option value="dk">Danmark</option>
                 <option value="de">Tyskland</option>
                 <option value="gb">England</option>
                 <option value="usa">USA</option>
                 </select>

Mange, mange tak for svaret. Det virker! Jeg har dog lige et sidespørgsmål. Ved min normale select boks virker den funktion jeg har sat på, som skal "show/hide" nogle divs. Den virker dog ikke med stylingen. Ved du hvordan, man kan få "det sat ind i scriptet"?

I den kode der, var det ikke med, men du kan se hvordan scriptet kaldes her, resten kan ses i de ovenstående filer.

 <select class="styled" name="1" onchange="showdiv(this.value);">

EDIT:
Jeg er ikke specielt god til JS. Så det er tænkeligt, det er meget nemmere bare at omskrive scriptet til show/hide, så det sættes på options eller lign...

--------------------------------------------------------------------------

Mange, mange tak for hjælpen endnu en gang. Det lykkedes mig at ordne problemet ved blot at sætte onclick="showdiv(this.value);" på options i stedet for onchange="showdiv(this.value);" på select.

Tråden lukkes.

--------------------------------------------------------------------------

Tråden genåbnes.

Jeg har netop opdaget, at løsningen med onclick på options ikke virker i Chrome. Så spørgsmålet før er stadig aktuelt.