javascript - Loade .js virker ikke? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

Bruger #12438 @ 11.02.09 20:05

Jeg har en rigtig lang JavaScript-kode indsat i min HTML-fil, som jeg egentlig gerne vil have i en ekstern fil og så loade den, som man gør med CSS. Her er koden:

JScript kode

 <script language="javascript" type="text/javascript">
 <!--
 // This code is from Dynamic Web Coding www.dyn-web.com 
 // Copyright 2002 by Sharon Paine Permission granted to use this code as long as this entire notice is included.
 // Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
 
 var dom = (document.getElementById) ? true : false;
 var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
 var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
 var ns4 = (document.layers && !dom) ? true : false;
 var ie4 = (document.all && !dom) ? true : false;
 var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
 
 var origWidth, origHeight;
 if (ns4) {
     origWidth = window.innerWidth; origHeight = window.innerHeight;
     window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
 }
 
 if (nodyn) { event = "nope" }
 var tipFollowMouse    = true;    
 var tipWidth        = 160;
 var offX             = 12;    // how far from mouse to show tip
 var offY             = 12; 
 var tipFontFamily     = "Verdana, arial, helvetica, sans-serif";
 var tipFontSize        = "8pt";
 var tipFontColor    = "#000000";
 var tipBgColor        = "#DDECFF"; 
 var origBgColor     = tipBgColor; // in case no bgColor set in array
 var tipBorderColor     = "#000080";
 var tipBorderWidth     = 2;
 var tipBorderStyle     = "ridge";
 var tipPadding         = 4;
 
 var messages = new Array();
 messages[0] = new Array('http://planmagic.com/images/plmbiz.jpg','Professional business planning software.',"#FFFFFF");
 messages[1] = new Array('http://planmagic.com/images/plmmar.jpg','Professional marketing planning software.',"#DDECFF");
 messages[2] = new Array('http://planmagic.com/images/plmfinance.jpg','Financial calculations and projections made easy.',"#E9E9E9");
 
 if (document.images) {
     var theImgs = new Array();
     for (var i=0; i<messages.length; i++) {
       theImgs[i] = new Image();
         theImgs[i].src = messages[i][0];
   }
 }
 
 var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
 var midStr = '" border="0"></td></tr><tr><td valign="top">';
 var endStr = '</td></tr></table>';
 
 var tooltip, tipcss;
 function initTip() {
     if (nodyn) return;
     tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
     tipcss = (ns4)? document.tipDiv: tooltip.style;
     if (ie4||ie5||ns5) {    // ns4 would lose all this on rewrites
         tipcss.width = tipWidth+"px";
         tipcss.fontFamily = tipFontFamily;
         tipcss.fontSize = tipFontSize;
         tipcss.color = tipFontColor;
         tipcss.backgroundColor = tipBgColor;
         tipcss.borderColor = tipBorderColor;
         tipcss.borderWidth = tipBorderWidth+"px";
         tipcss.padding = tipPadding+"px";
         tipcss.borderStyle = tipBorderStyle;
     }
     if (tooltip&&tipFollowMouse) {
         if (ns4) document.captureEvents(Event.MOUSEMOVE);
         document.onmousemove = trackMouse;
     }
 }
 
 window.onload = initTip;
 
 var t1,t2;    // for setTimeouts
 var tipOn = false;    // check if over tooltip link
 function doTooltip(evt,num) {
 
     if (!tooltip) return;
     if (t1) clearTimeout(t1);    if (t2) clearTimeout(t2);
     tipOn = true;
     // set colors if included in messages array
     if (messages[num][2])    var curBgColor = messages[num][2];
     else curBgColor = tipBgColor;
     if (messages[num][3])    var curFontColor = messages[num][3];
     else curFontColor = tipFontColor;
     if (ns4) {
         var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
         tooltip.write(tip);
         tooltip.close();
     } else if (ie4||ie5||ns5) {
         var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
         tipcss.backgroundColor = curBgColor;
          tooltip.innerHTML = tip;
     }
     if (!tipFollowMouse) positionTip(evt);
     else t1=setTimeout("tipcss.visibility='visible'",100);
 }
 
 var mouseX, mouseY;
 function trackMouse(evt) {
     mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
     mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
     if (tipOn) positionTip(evt);
 }
 
 function positionTip(evt) {
     if (!tipFollowMouse) {
         mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
         mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
     }
     // tooltip width and height
     var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
     var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
     // document area in view (subtract scrollbar width for ns)
     var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
     var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
     // check mouse position against tip and window dimensions
     // and position the tooltip 
     if ((mouseX+offX+tpWd)>winWd) 
         tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
     else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
     if ((mouseY+offY+tpHt)>winHt) 
         tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
     else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
     if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
 }
 
 function hideTip() {
     if (!tooltip) return;
     t2=setTimeout("tipcss.visibility='hidden'",100);
     tipOn = false;
 }
 //-->
 </script>

Har prøvet at lave en fil i samme mappe, som HTML-filen og kaldt den dropdown.js med følgende indhold:

JScript kode

 // This code is from Dynamic Web Coding www.dyn-web.com 
 // Copyright 2002 by Sharon Paine Permission granted to use this code as long as this entire notice is included.
 // Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
 
 var dom = (document.getElementById) ? true : false;
 var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
 var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
 var ns4 = (document.layers && !dom) ? true : false;
 var ie4 = (document.all && !dom) ? true : false;
 var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
 
 var origWidth, origHeight;
 if (ns4) {
     origWidth = window.innerWidth; origHeight = window.innerHeight;
     window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
 }
 
 if (nodyn) { event = "nope" }
 var tipFollowMouse    = true;    
 var tipWidth        = 160;
 var offX             = 12;    // how far from mouse to show tip
 var offY             = 12; 
 var tipFontFamily     = "Verdana, arial, helvetica, sans-serif";
 var tipFontSize        = "8pt";
 var tipFontColor    = "#000000";
 var tipBgColor        = "#DDECFF"; 
 var origBgColor     = tipBgColor; // in case no bgColor set in array
 var tipBorderColor     = "#000080";
 var tipBorderWidth     = 2;
 var tipBorderStyle     = "ridge";
 var tipPadding         = 4;
 
 var messages = new Array();
 messages[0] = new Array('http://planmagic.com/images/plmbiz.jpg','Professional business planning software.',"#FFFFFF");
 messages[1] = new Array('http://planmagic.com/images/plmmar.jpg','Professional marketing planning software.',"#DDECFF");
 messages[2] = new Array('http://planmagic.com/images/plmfinance.jpg','Financial calculations and projections made easy.',"#E9E9E9");
 
 if (document.images) {
     var theImgs = new Array();
     for (var i=0; i<messages.length; i++) {
       theImgs[i] = new Image();
         theImgs[i].src = messages[i][0];
   }
 }
 
 var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
 var midStr = '" border="0"></td></tr><tr><td valign="top">';
 var endStr = '</td></tr></table>';
 
 var tooltip, tipcss;
 function initTip() {
     if (nodyn) return;
     tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
     tipcss = (ns4)? document.tipDiv: tooltip.style;
     if (ie4||ie5||ns5) {    // ns4 would lose all this on rewrites
         tipcss.width = tipWidth+"px";
         tipcss.fontFamily = tipFontFamily;
         tipcss.fontSize = tipFontSize;
         tipcss.color = tipFontColor;
         tipcss.backgroundColor = tipBgColor;
         tipcss.borderColor = tipBorderColor;
         tipcss.borderWidth = tipBorderWidth+"px";
         tipcss.padding = tipPadding+"px";
         tipcss.borderStyle = tipBorderStyle;
     }
     if (tooltip&&tipFollowMouse) {
         if (ns4) document.captureEvents(Event.MOUSEMOVE);
         document.onmousemove = trackMouse;
     }
 }
 
 window.onload = initTip;
 
 var t1,t2;    // for setTimeouts
 var tipOn = false;    // check if over tooltip link
 function doTooltip(evt,num) {
 
     if (!tooltip) return;
     if (t1) clearTimeout(t1);    if (t2) clearTimeout(t2);
     tipOn = true;
     // set colors if included in messages array
     if (messages[num][2])    var curBgColor = messages[num][2];
     else curBgColor = tipBgColor;
     if (messages[num][3])    var curFontColor = messages[num][3];
     else curFontColor = tipFontColor;
     if (ns4) {
         var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
         tooltip.write(tip);
         tooltip.close();
     } else if (ie4||ie5||ns5) {
         var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
         tipcss.backgroundColor = curBgColor;
          tooltip.innerHTML = tip;
     }
     if (!tipFollowMouse) positionTip(evt);
     else t1=setTimeout("tipcss.visibility='visible'",100);
 }
 
 var mouseX, mouseY;
 function trackMouse(evt) {
     mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
     mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
     if (tipOn) positionTip(evt);
 }
 
 function positionTip(evt) {
     if (!tipFollowMouse) {
         mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
         mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
     }
     // tooltip width and height
     var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
     var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
     // document area in view (subtract scrollbar width for ns)
     var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
     var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
     // check mouse position against tip and window dimensions
     // and position the tooltip 
     if ((mouseX+offX+tpWd)>winWd) 
         tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
     else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
     if ((mouseY+offY+tpHt)>winHt) 
         tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
     else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
     if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
 }
 
 function hideTip() {
     if (!tooltip) return;
     t2=setTimeout("tipcss.visibility='hidden'",100);
     tipOn = false;
 }
 //-->
 </script>

Og indsat <script type="text/javascript" src="dropdown.js"></script> i hovedsektionen af HTML-dokumentet.

Men det fejler, har I nogen idé om hvorfor?

SVAR: Jeg havde et </script>-tag i bunden af .js-filen.
Tak til Steffen

Indlæg senest redigeret d. 12.02.2009 19:50 af Bruger #12438

5 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #14100 @ 12.02.09 18:04

Du har et </script> tag i slutningen af din dropdown.js...

og hvis du skal ha noget til at gå ind over swf'en skal du lige add'e:
fo.addParam("wmode","transparent");
til dit swfobject kald.

Bruger #10216 @ 11.02.09 20:18

4.283

Ligger filen det rigtige sted?
Linker du til filen det rigtige sted?
Hentes filen?
Afvikles filen?
Hvad får du af fejl, når filen afvikles?

Bruger #5789 @ 12.02.09 13:32

640

zip det og smid det på nettet.

/J

Bruger #12438 @ 11.02.09 20:34

Som sagt ligger begge filerne på skrivebordet, som de eneste. Jeg linker til dropdown.js som javascript-filen hedder. Jeg ved ikke om scriptet bliver hentet, men hverken IE eller FF registrere det. Først fik jeg nogle fejl-meddelelser i mit redigeringsprogram, men det var fordi jeg manglede nogle andre filer til hjemmesiden. Efter jeg flyttede dem ud på skrivebordet, siger den ikke noget. Men scriptet virker som sagt ikke?

EDIT: Når jeg ser "preview" i mit redigeringsprogram kommer den først med en popup om syntaks-fejl i linje 135 i index.html, selvom jeg hverken har en linje 135 dropdown.js eller index.html. Hvis jeg holder musen over det ene link, hvor dropdown skulle komme siger den fejl ved linje 34 i index.html og 35 ved det andet link. Fejlmeddelelsen er "et objekt var ventet". Det ser sådan ud:

<a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()">Link 1</a>
<a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()">Link 2</a>

Så den får besked på at hente nogle informationer fra mit javascript, men kan ikke få fat i dem og derfor opstår der fejl. Men hvorfor dælen bliver det ikke loadet?

Indlæg senest redigeret d. 11.02.2009 20:53 af Bruger #12438

Bruger #12438 @ 12.02.09 15:34

Har lagt en .rar op med alle filerne:

http://drop.io/x7d1wsb

Koden er aaa

Se også mit andet emne om samme hjemmeside:
http://www.udvikleren.dk/HTML/Thread.aspx/9/27574/LastPage/

Loade .js virker ikke?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler