firefox > javascript + doctype problem

**chet** · 09-03-2010 12:54

Hallo,
ich möchte mit zwei scrollbuttons ein div horizontal scrollen.

Doc type ist:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Das Problem: im Firefox funktioniert es mit dem doctype nicht.
In Opera und IE klappt es.
Ohne doctype geht es auch in FF.

Hier mal der Quellcode:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>test</title>
<link href="dkb.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript"><!--
					
var msg = "This page requires version 4 or later of\n Netscape Navigator or Internet Explorer"
var dyn = (document.layers || document.all || document.getElementById) ? true : alert(msg);
var nav = (document.layers) ? true : false;
var iex = (document.all) ? true : false;
var nav6=(document.getElementById) ? true : false;
var pos = 0;
var step = 5;
var speed = 0;
var leftend = -923;
var rightend = 0;
var time;

function scroll_left() {
if(pos > leftend) pos -= step;
do_scroll(pos);
time = setTimeout("scroll_left()", speed);
}

function scroll_right() {
if(pos < rightend) pos += step;
do_scroll(pos);
time = setTimeout("scroll_right()", speed);
}

function do_scroll(pos) {
if(iex) document.all.bilder.style.left = pos;
if(nav) document.layers[0].left = pos;
if(nav6) document.getElementById("bilder").style.left = pos;
}

function stop_scroll(b) {
clearTimeout(time)
}



function initial() {
breite=0;
for (i=0;i<document.images.length-2;i++)
	breite=breite+document.images[i].width+3;
document.getElementById("bilder").style.width=breite;
leftend = -breite + 923;
}
		


</script>

</head>

<body onload=initial()>
<div id ="container">

<div id="scroll-links">
<img 
      onmouseover="scroll_right(); return true;" 
      onmouseout="stop_scroll(); return true;"  
      src="pics/scrollinks.gif"> 

</div>
<div id="scroll-rechts">
<img 
     onmouseover="scroll_left(); return true;" 
      onmouseout="stop_scroll(); return true;" 
      src="pics/scrollrechts.gif"> 

</div>
				
<div id="bilder">
<table border="0" cellspacing="10" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
					
					
</div>		
			
	
</div>
</body>
</html>

Besten Dank schonmal für eure Mühen !!

Chet

**ein schlauer** · 09-03-2010 13:14

http://forum.jswelt.de/javascript-fa...erkonsole.html (Wo finde ich die Fehlerkonsole?)

**kkapsner** · 09-03-2010 14:12

http://de.selfhtml.org/html/xhtml/un...m#script_style

**chet** · 09-03-2010 17:50

besten Dank ein schlauer und kkapsner!
Leider krieg ich`s auch nach Studium der Links und rumprobieren nicht hin...

Habe den Quellcode mal validieren lassen:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>test</title>
<link href="dkb.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
//<![CDATA[
<!--
                                        
var msg = "This page requires version 4 or later of\n Netscape Navigator or Internet Explorer"
var dyn = (document.layers || document.all || document.getElementById) ? true : alert(msg);
var nav = (document.layers) ? true : false;
var iex = (document.all) ? true : false;
var nav6=(document.getElementById) ? true : false;
var pos = 0;
var step = 5;
var speed = 0;
var leftend = -923;
var rightend = 0;
var time;

function scroll_left() {
if(pos > leftend) pos -= step;
do_scroll(pos);
time = setTimeout("scroll_left()", speed);
}

function scroll_right() {
if(pos < rightend) pos += step;
do_scroll(pos);
time = setTimeout("scroll_right()", speed);
}

function do_scroll(pos) {
if(iex) document.all.bilder.style.left = pos;
if(nav) document.layers[0].left = pos;
if(nav6) document.getElementById("bilder").style.left = pos;
}

function stop_scroll(b) {
clearTimeout(time)
}



function initial() {
breite=0;
for (i=0;i<document.images.length-2;i++)
        breite=breite+document.images[i].width+3;
document.getElementById("bilder").style.width=breite;
leftend = -breite + 923;
}
                


//]]>
</script>
</head>
<body onload="initial()">
<div id="container">
<div id="scroll-links"><img onmouseover="scroll_right(); return true;" onmouseout="stop_scroll(); return true;" src="pics/scrollinks.gif" alt="" /></div>
<div id="scroll-rechts"><img onmouseover="scroll_left(); return true;" onmouseout="stop_scroll(); return true;" src="pics/scrollrechts.gif" alt="" /></div>
<div id="bilder">
<table border="0" cellspacing="10" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
</div>
</div>
</body>
</html>

Der Firefox tut`s nicht.

Dier Firefox Fehlerkonsole macht folgende Meldung:
syntax error , darunter steht die URL.
Klicke ich auf die URL, öffnet sich ein leeres Fenster und unter der URL in der Fehlerkonsole steht:

Fehler: uncaught exception: [Exception... "Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIWebNavigation.loadURI]" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: chrome://global/content/viewSource.js :: viewSource :: line 221" data: no]

Fehler: uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIWebProgress.removeProgressListener]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: chrome://global/content/bindings/browser.xml :: removeProgressListener :: line 390" data: no]

Das sagt mir leider gar nichts.

Falls jemand helfen kann, wäre toll !!

Chet

**ein schlauer** · 09-03-2010 18:03

Die Fehlermeldungen stammen nicht von dem Skript. Die Warnungen hast du dir auch mal angeschaut?

**chet** · 09-03-2010 20:48

Hallo ein schlauer,

Warnungen gibt`s keine. merkwürdig...

**kkapsner** · 09-03-2010 21:11

Testlink?

**chet** · 09-03-2010 21:48

Sorry, es gibt doch Warnungen:

beim Aufrufen der Seite:

Warnung: Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert.

Beim mouseover über einen Scroll-Button:

Warnung: Fehler beim Verarbeiten des Wertes für 'left'. Deklaration ignoriert.

Diese Warnung erscheint zigmal untereinander.

**kkapsner** · 09-03-2010 22:04

left braucht eine Einheit (px, pt, em, %, ...) - genauso wie width.

**chet** · 10-03-2010 19:20

Alles klar! Besten Dank!!
Jetzt läuft`s

Thema: firefox > javascript + doctype problem

LinkBack

Themen-Optionen

Anzeige

firefox > javascript + doctype problem

Empfehlenswerte Literatur von unserem Partner Terrashop

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

AW: firefox > javascript + doctype problem

Ähnliche Themen

Problem mit div ausklappen -> Eingabe abfangen -> auswerten -> Div schliessen

Mal wieder ein Problem mit Javascript

Javascript Problem, setTimeout() funktioniert nicht über frames?

Komplexes Problem in Firefox mit Ajax, Prototype und tinyMCE

Problem bei Layern im Firefox, im Internet Explorer funktioniert es!

Lesezeichen

Lesezeichen

Berechtigungen