Hej!
Har stött på problem när jag försöker implementera Mike's DHTML scroller på min sida. Använder Firefox. Följande kod har jag laborerat med:
<div id="tempholder"></div>
<script language="JavaScript" src="dhtmllib.js"></script>
<script language="JavaScript" src="scroller.js"></script>
<script language="JavaScript">
/*
Mike's DHTML scroller (By Mike Hall)
Last updated July 21st, 02' by Dynamic Drive for NS6 functionality
For this and 100's more DHTML scripts, visit [url]http://www.dynamicdrive.com[/url]
*/
//SET SCROLLER APPEARANCE AND MESSAGES
var myScroller1 = new Scroller(0, 0, 480, 32, 1, 5); //(xpos, ypos, width, height, border, padding)
myScroller1.setColors("#006600", "#ccffcc", "#009900"); //(fgcolor, bgcolor, bdcolor)
myScroller1.setFont("Verdana,Arial,Helvetica", 2);
myScroller1.addItem("<b>Click here for <a href='http://dynamicdrive.com'>Dynamic Drive</a>, the net\'s #1 DHTML site!</b>");
myScroller1.addItem("<b>Visit <a href='http://www.brainjar.com'>Brain Jar</a>, Mike\'s great coding site!</b>");
myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='http://javascriptkit.com'>JavaScript Kit.</a>");
myScroller1.addItem("<b>Discuss and get help on web coding, at <a href='http://www.codingforums.com'>CodingForums.com</a></b>");
//SET SCROLLER PAUSE
myScroller1.setPause(2500); //set pause beteen msgs, in milliseconds
function runmikescroll() {
var layer;
var mikex, mikey;
// Locate placeholder layer so we can use it to position the scrollers.
layer = getLayer("placeholder");
mikex = getPageLeft(layer);
mikey = getPageTop(layer);
// Create the first scroller and position it.
myScroller1.create();
myScroller1.hide();
myScroller1.moveTo(mikex, mikey);
myScroller1.setzIndex(100);
myScroller1.show();
}
window.onload=runmikescroll
</script>
<div id="placeholder" style="position:relative; width:420px; height:32px;"> </div>
Koden ovan fungerar helt okej när man stoppar in den i en tom html-sida och visar i Firefox. Ett fungerande exempel kan ni se se i ett exempel som finns på Mike's hemsida eftersom jag just nu sitter och jobbar med detta lokalt på min dator.
När jag sökte på ett annat forum (Codingforums.com) hittade jag följande information som hjälpte mig komma på vad problemet var:
"If I take the DOCTYPE out the script works fine. Only the XHTML 1.1 DOCTYPE seems to effect it. Other HTML doctypes work fine. Does anyone know why the DOCTYPE makes FireFox mess it up?"
Det verkar alltså vara så att min DOCTYPE (<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">) som jag använder ställer till problem för hur detta lilla javaskript visas i webbläsaren.
Någon som har råkat ut för detta förut? Tar jag bort DOCTYPE så ser sidan helt okej ut i FF men i IE ser den katastrofal ut. Alltså är inte detta ett alternativ att utelämna den.
Tips? :)