• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Marquee HTML 4.01 Transitional gerecht

Neoaxizz

New member
Hallo,

ich habe gerade versucht einen Marquee auf meiner Seite einzubauen, jedoch werden mir dabei Fehler angezeigt.
Ich habe schon bei SELFHTML geschaut, jedoch im Grunde den gleichen Code bekommen!

Was mache ich falsch?

HTML:
<marquee align="center" direction="left" scrollamount="2" scrolldelay="5" onmouseover="this.stop()" onmouseout="this.start()">xxxx</marquee>
 
Marquee ist mal wieder eine MS Erfindung, die Fehlermeldungen stammen bestimmt nicht aus einem IE, oder?
Schau mal hier nach SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Ältere browser-proprietäre Elemente

Bin beim Validieren auf diesen Fehler gestossen.
Es wird zwar alles korrekt angezeigt (FF2 und IE7) jedoch stören mich die Validierungsfehler gewaltig.
Selfhtml konnte ich jetzt keine Alternative entnehmen. Kann ich dann davon ausgehen, das ich entweder mit diesem Fehler leben oder den Marquee löschen muss?
 
Da Marquee nicht von W3C anerkannt ist, bekommst du halt beim validieren Fehlermeldungen.

Aber in SELFHTML heißt es dazu:
Beachten Sie:
Es gibt mehrere Alternativen zum marquee-Element. Eine davon ist, mit Hilfe von Dynamischem HTML (SELFHTML: Dynamisches HTML) einen Lauftext-Effekt zu programmieren. Eine andere ist, so etwas mit Java oder Flash zu tun. Sie können ein Beispiel mit Java aufrufen und Beispiel mit Java downloaden. In jedem Fall sollten Sie bedenken, dass zappeliger Text vom restlichen Inhalt ablenkt und bei übertriebener Verwendung sehr schnell störend wirkt.
EDIT:
Hier ein weiterer Link für DHTML Kristof Lipfert JavaScript: innerHTML für Netscape 4
 
Zuletzt bearbeitet von einem Moderator:
keine Ahnung, müsste man ausprobieren ;)

Überrings habe ich da noch einen Fehler entdeckt
Code:
<a href="http://www.free-ranking.de" target="_new" title="Fr...
Muss heißen: target="_blank" ;)

Werde mir die Page mal Bookmarken, da Reisefotografien für meine Firma ziemlich wichtig ist, vllt. werden wir da ja fündig :D
 
Hab ich glatt übersehen, danke.
Hatte es gerade ausprobiert, jedoch wurden nur 3 Links angezeigt und bewegt hat sich auch nicht wirklich etwas.

Bookmark= Vielen dank :)
 
Kann es sein, dass sich alles auf reinen Text bezieht?

Definitiv nicht, habe es versucht mit dem ersten Beispiel mit innerHTML.

Code:
var txt=" + <a href=\"http://www.test.de\">Jetzt klicken<\/a>"+
        " Er läuft immer wieder erneut ab. + Tickertext";

Hat auch funktioniert, allerdings erst beim 2. Durchlauf, davor war merkwürdigerweise die Link-Codierung zu lesen.
 
Zuletzt bearbeitet von einem Moderator:
Hab mal Deine Links in ein Script reingebastelt, dass Du hier findest. Du solltest das JS auslagern. Valide ist die Sache. Wie Du siehst, musst Du alle einfachen Hochkommas mit einem Backslash markieren. Wichtig, wenn Du neue Links hinzufügst. Außerdem darf da kein Zeilenumbruch dazwischen sein.

PHP:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
 <html>
<head>
<title>s-Melcer.de - Reisefotografie, Reportagefotografie aus aller Welt</title>
<body>
<script type="text/javascript">

/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/

//Specify the marquee's width (in pixels)
var marqueewidth="300px"
//Specify the marquee's height
var marqueeheight="18px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor="#000000"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var marqueecontent='<nobr><a href="http://www.pr-add.1-cat.de" target="_blank" title="1-CAT.de - der kostenlose Eintragsdienst für alle wichtigen PR-Anbieter!"><img src="http://www.1-cat.de/1/pr-ser.gif" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="1-CAT.de - der kostenlose Eintragsdienst für alle wichtigen PR-Anbieter!" border="0" height="15" width="80"><\/a> <a title="SEO" href="http://www.ranking-hits.de/" target="_blank"><img src="http://www.ranking-hits.de/?ref=www.s-melcer.de&style=21" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="Suchmaschinenoptimierung mit Ranking-Hits" border="0"><\/a><a href="http://www.prelaunch24.com" target="_blank" title="Mein Google PageRank - Suchmaschinen Ranking - Ein kostenloser Service von prelaunch24.com"><img src="http://www.prelaunch24.com/pagerank_style03.php?site=www.s-melcer.de" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="prelaunch24" border="0"><\/a><a href="http://www.photography-ranking.de" target="_blank"><img src="http://www.photography-ranking.de/pr.php?ref=s-melcer.de&style=3" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="photography-ranking.de - Fotografie- Ranking- Topliste- Nachrichten" border="0"><\/a><a href="http://www.photo-ranking.de" title="Photo-Ranking.de - Pagerank Anzeige ohne Toolbar" target="_blank"><img src="http://www.photo-ranking.de/pr.php?ref=s-melcer.de&style=1" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="Photo-Ranking.de - Pagerank Anzeige ohne Toolbar" border="0"><\/a><a href="http://www.photography-ranking.de/user-566.html" target="_blank"><img src="http://www.photography-ranking.de/images/stat.gif" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="Statistik von: s-melcer.de bei www.photography-ranking.de" border="0"><\/a><a href="http://www.ranking-hits.de/" title="Pagerank" target="_blank"><img src="http://www.ranking-hits.de/?ref=www.s-melcer.de&amp;amp;amp;amp;style=18" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="Ranking-Hits" border="0"><\/a><a href="http://www.rankpro.de" target="_blank" title="rankpro"> <img src="http://www.rankpro.de/rank.gif?id=699&style=12" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" alt="kostenloser Counter mit Statistik und Pagerank - www.rankpro" border="0"><\/a><a href="http://www.rankbooster.de" target="_blank" title="Homepage Statistik"><img src="http://www.rankbooster.de/rank.gif?id=1967&amp;style=4" alt="Homepage Statistik" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" border="0"><\/a><a href="http://www.123-link.de/" target="_blank"><img src="http://www.123-link.de/123-link-logo2.gif" alt="123-link.de" class="opacity1" onmouseover="this.className=\'opacity2\'" onmouseout="this.className=\'opacity1\'" border="0"><\/a><\/nobr>'

////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'<\/span>')
var actualwidth=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"

}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"><\/div>')
write('<\/div><\/div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"><\/layer>')
write('<\/ilayer>')
}
document.write('<\/td><\/table>')
}
}
</script>
</body>
</html>
 
Als erstes möchte ich mich in aller Form bei dir bedanken, dass du dir die Zeit genommen und Mühe gemacht hast, dieses Script für mich zu erstellen. :rolleyes:

Ich hoffe meine Frage ist nicht zu peinlich!!

Du hattest geschrieben ich solle das JS auslagern.
Wenn ich es richtig hin bekommen und verstanden habe dann ist HIER das JS.

Ich habe nun versucht das ganze einzubauen (Index2.html)
HTML:
<script src="http://www.s-melcer.de/marquee.js"></script>
jedoch funktioniert das nicht ganz.
Mache ich da ein Fehler oder habe ich es grundlegend falsch gemacht?
 
Der Aufruf des externen JS gehört in den Head (evtl. Pfad anpassen).
PHP:
<script type="text/javascript" src="marquee.js"></script>

Aus dem JS entfernst Du noch Anfang und Ende. Im JS haben HTML-Tags nchts verloren.

PHP:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>s-Melcer.de - Reisefotografie, Reportagefotografie aus aller Welt</title>
<body>
<script type="text/javascript">

-----

</script> </body> </html>
 
Zurück
Oben