Archivlink: javarea.de Forum > JavaScript > text Fader 2 funzt in FF nicht - im IE OK
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > text Fader 2 funzt in FF nicht - im IE OK

Pages: [1]

geschrieben von Gast am 04.02.2010 - 17:00
Hallo Cracks,

ich habe ein Test-xhtml transitional - nur - mit dem fader2 js erstellt und auch erfolgreich modifiziert.

im IE7 kein Problem - aber im FF 3.0.17 wird rein gar nichts wiedergegeben.

Woran könnte es liegen?

PS: wenn ich den link http://www.javarea.de/index.php3?op....&id=56
sowohl im FF + IE aufrufe - funktioniert alles! nur bei meinem eigenen nicht. ;-(

Vielen Dank für eure prompte Hilfe.

konni

geschrieben von Danny am 04.02.2010 - 17:26
Hallo Konni,
wie hast du das Script eingebunden ? Ein Link zu deiner Seite bzw der Quellcode würde helfen ;)

Gruß Danny

geschrieben von Gast am 04.02.2010 - 17:29
hallo Danny, danke für hilfeangebot - es folgt meine testseite: einfach nur das nackte doc mit dem script:

<!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=iso-8859-1\" />
<title>JS-Test</title>

<script language=\"Javascript\" type=\"text/javascript\">
<!--
var which=0;
var color= \"\";
var fade=1;
var r=0;
var g=0;
var b=0;
r_start=0;
g_start=0;
b_start=0;
r_end=255;
g_end=255;
b_end=255;
step=15;
var message= new Array();
message[0]=\'Schöööööööööön !!!!!!!\'
message[1]=\'DynamicHTML & Javascript\'
message[2]=\'kommen hier zum Einsatz\'
message[3]=\'Nicht schlecht ???\'


function hex_it(zahl) {
if (zahl==0) return(\"0\"); if (zahl==1) return(\"1\"); if (zahl==2) return(\"2\");
if (zahl==3) return(\"3\"); if (zahl==4) return(\"4\"); if (zahl==5) return(\"5\");
if (zahl==6) return(\"6\"); if (zahl==7) return(\"7\"); if (zahl==8) return(\"8\");
if (zahl==9) return(\"9\"); if (zahl==10) return(\"A\"); if (zahl==11) return(\"B\");
if (zahl==12) return(\"C\"); if (zahl==13) return(\"D\"); if (zahl==14) return(\"E\");
if (zahl==15) return(\"F\");
}

function byte_to_hex(zahl) {
wert1=Math.floor(zahl/16);
wert2=zahl-(wert1*16);
wert=hex_it(wert1) + hex_it(wert2);
return(wert);
}

function animate(){
color=\"#\"+byte_to_hex(r)+byte_to_hex(g)+byte_to_hex(b);
if (document.layers) {
// Netscape
document.animatedtext.document.writeln(\"<font face=\'Arial,Helvetica,MS Sans Serif\' color=\"+color+\" size=+2><NOBR><b>\"+message[which]+\"<\\/b><\\/NOBR><\\/font>\");
document.animatedtext.document.close();
}
else {
// IExplorer
document.all.animatedtext.innerHTML=\"<font color=\"+color+\" size=+2><NOBR><b>\"+message[which]+\"<\\/b><\\/NOBR><\\/font>\";
}
if (fade==1) { // einblenden
if (r_start<r_end) {if (r<r_end) r+=step; else r=r_end;}
else {if (r>r_end) r-=step;}
if (g_start<g_end) {if (g<g_end) g+=step; else g=g_end;}
else {if (g>g_end) g-=step;}
if (b_start<b_end) {if (b<b_end) b+=step; else b=b_end;}
else {if (b>b_end) b-=step;}
}
else { // ausblenden
if (r_start<r_end) {if (r>r_start) r-=step; else r=r_start;}
else {if (r<r_start) r+=step;}
if (g_start<g_end) {if (g>g_start) g-=step; else g=g_start;}
else {if (g<g_start) g+=step;}
if (b_start<b_end) {if (b>b_start) b-=step; else b=b_start;}
else {if (b<b_start) b+=step;}
}
// Einblenden beendet => Ausblenden
if ((r==r_end) && (g==g_end) &&(b==b_end)) {fade=-1;}
// Wieder Ausblenden beendet => nächste Message einblenden
if ((r==r_start) && (g==g_start) &&(b==b_start)) {
fade=1;r=r_start;g=g_start;b=b_start;
if (which<message.length-1) which+=1;
else which=0;

}
setTimeout(\'animate()\',50);
}

function init() {
r=r_start;
g=g_start;
b=b_start;
setTimeout(\'animate()\',150);
}
// -->
</script>


</head>
<body onload=\"init()\">
<div id=\"animatedtext\">
</body>
</html>

geschrieben von Gast am 04.02.2010 - 18:28
Zitat von: Danny am 04.02.2010 - 17:26
 
Hallo Konni,
wie hast du das Script eingebunden ? Ein Link zu deiner Seite bzw der Quellcode würde helfen ;)

Gruß Danny



geschrieben von Gast am 05.02.2010 - 19:55
Wer kann mir denn hierbei helfen??

Habe script hier eingestellt - allerdings kamen da automatisch backslashes dazu.. und ein schließendes div unten fehlt -a ber sonst funzt alles im IE - nur im Firefox nicht.

Wer weiß Abhilfe?? Weiß nicht weiter... :-(

Danke im Voraus,
Konni

geschrieben von Danny am 05.02.2010 - 20:21
Hallo Konni,

wenn du Scriptcode postest, dann bitte im [ code ] [ /code ] BB-Tag einschließen, dann funktioniert das auch mit \ . Das konnstest du natürlich nicht wissen .. ist ein kleiner Bug im Forum.

Wegen deinem Script. Ersetze mal die Zeilen

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
if (document.layers) {
// Netscape
    document.animatedtext.document.writeln("<font face='Arial,Helvetica,MS Sans Serif' color="+color+" size=+2><NOBR><b>"+message[which]+"</b></NOBR></font>");
    document.animatedtext.document.close();
 }
 else {
// IExplorer
    document.all.animatedtext.innerHTML="<font color="+color+" size=+2><NOBR><b>"+message[which]+"</b></NOBR></font>";
 }


mit der hier

HTML-Quelltext
1: 
document.getElementById("animatedtext").innerHTML="<font color="+color+" size=+2><NOBR><b>"+message[which]+"</b></NOBR></font>";


Teste das bitte noch einmal im IE, den habe ich gerade nicht zur Hand. Für den FF und Opera sollte es so klappen.

Gruß Danny

geschrieben von Gast am 06.02.2010 - 12:06
Lieber Danny! (liebe Danny?)

ist ja fantastisch! Ich habe wie vorgeschlagen ersetzt und es funktioniert sowohl im IE als auch im FF!

Bin begeistert und danke dir sehr für deine Hilfe!!!

Das "wie" mit script-posten merke ich mir - bin ja in der Tat das erste Mal hier..

Herzlichen Dank für die Hilfe und ein schönes WE wünscht dir
Konni - die Glückliche

geschrieben von Danny am 06.02.2010 - 13:06
Bitte Ich werde das Script bei Gelegenheit im Archiv mal anpassen.

P.S. "lieber" Danny ;)


geschrieben von Gast am 07.02.2010 - 09:59


LG, Konni


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.