Wie den News-Ticker an die Website anpassen?

TRS · #2 09.01.2005, 15:18

Nicht ganz einfach, aber probiere es so:

CSS

Code:

#ticker {}

#ticker a:link {text-decoration: underline;}

#ticker a:hover {text-decoration: none; color: red; /* Dein Farbcode einfügen*/}

#ticker table {
border: none !important;
}

HTML

Code:

<div id="ticker">
<script language="JavaScript" type="text/javascript" src="http://www.zieladresse.de/service_news7.php?bg_color=f1f1f1&text_color=000066&link_color=000066&border_color=f1f1f1"><noscript><a href="http://www.fussballportal.de" target="_blank">Datenbank auf www.zieladresse.de</a></noscript></script>
</div>

Silmarillion · #3 09.01.2005, 15:31

Servus Reimer,

der Rand ist schon einmal weg! :-)
Der Unterstrich und der Hover-Effekt scheinen sich aber nicht definieren zu lassen.

EDIT: Hat sich erledigt. Der Betreiber der Seite wird das Scipt entsprechend modifizieren.

mfg

Silmarillion · #4 10.01.2005, 13:16

Hat sich leider doch noch nicht erledigt. Der Programmierer der Seite (wir kooperieren künftig mit fussballportal.de) hat uns zwar ein neues Script geschrieben, was aber so einige Fehler aufweist. Da es hier einige User gibt, die sich mit JS sehr gut auskennen (ich denke da besonders an TDM und Reimer), würde ich Euch mal bitten, einen Blick darauf zu werfen! Hier der Code:

Code:

<span class="smallfont">
<div id="ticker">
<script language="JavaScript" type="text/javascript"
src="http://www.fussballportal.de/service_news11.php?bg_color=f1f1f1&text_color=000066&link_color=000066&border_color=f1f1f1&link_decoration=underline&link_color_over=FF4400&link_decoration=underline&link_decoration_over=underline">
<noscript><a href="http://www.fussballportal.de" target="_blank">Datenbank
auf www.fussballportal.de</a></noscript>
</script></div></span>

--> Link zum Testboard.

--> Code ist nicht valides XHTML. Ich bekomme (überwiegend Folgefehler) 45 Fehler aufgezeigt. Der Style weist ohne das Script 100% valides XHTML aus! Wie lassen sich die Fehler abstellen?

--> Es werden plötzlich sämtliche Links auf der Seite fett-markiert! Scheint wohl am Scriptcode von den neu hinzugefügten ">>" zu liegen. Diese sollten nämlich in <b>..</b> gesetzt werden.

--> Wie kann sich der Code überhaupt auf die ganze Seite bemerkbar machen? Sollte das Script sich negativ auf unsere Seite auswirken (können) - in welcher Art und Weise auch immer - dann teilt es mir bitte mit.

Wäre wirklich froh, wenn sich mal einige Experten dazu äußern würden. Thx im voraus.

mfg

TRS · #5 10.01.2005, 13:21

1. Nutze statt & das HTMl Zeichen & und der Noscript-Tag gehört nicht in den Javascript-Tag, sondern darunter.

2. kA, wahrscheinlich CSS Code

3. Der Betreiber des Tickers beliebigen HTML und JS Code auf deine Seite einfließen lassen. Beispielsweise könnte er alle deine Besucher auf seine Seite schicken.

Silmarillion · #6 10.01.2005, 13:24

Hallo Reimer,

Nummer 3 hört sich ja gar nicht gut an. Was würdest Du anraten?

mfg

Silmarillion · #7 10.01.2005, 13:47

So - Fehler sind, bis auf einen, minimiert. Beanstandet wird noch diese Zeile:

Code:

<div id="ticker">

(div ist hier nicht erlaubt!) Hat jemand eine Lösung parat?

Zusätzlich bleibt noch folgendes offen:

- Warum sind plötzlich sämtliche Links in "fett" und zudem noch teilweise normaler Text (siehe Begrüßungstext ect.) ? An den CSS-Einstellungen kann es nicht liegen, da ich hier nichts geändert habe.

- Kann ich dieses Script bedenkenlos einbauen, oder sollte ich lieber Abstand davon nehmen? (siehe Reimers State

)

mfg

TRS · #8 10.01.2005, 13:47

Vertrauen schenken, denn dagegen kann man kaum etwas machen. Wenn ihr Zukunft enger miteinander koopieren wollt, so sollten solche Ängste unbegründet sein.

Silmarillion · #9 10.01.2005, 13:49

Zitat:

Zitat von Reimer

Vertrauen schenken, denn dagegen kann man kaum etwas machen. Wenn ihr Zukunft enger miteinander koopieren wollt, so sollten solche Ängste unbegründet sein.

Das war es, was ich jetzt lesen wollte.

Notfalls wird es halt wieder ausgebaut.

Schaue Dir noch einmal bitte mein letztes State an, Reimer. Vielleicht hast Du ja eine Idee?

mfg

TRS · #10 10.01.2005, 13:57

Alle Links im übrigens fett, da dein Freund in seinem Script diese alle fett gesetzt hast. Sprech ihn noch mal an dass zu ändern.

MrNase · #11 10.01.2005, 13:59

Das wird der einfachste Weg sein. Ich denke einmal er wird dir dankbar sein wenn du ihn auf die offensichtlichen Fehler in seinem Script ansprichst. Bis das nicht geklärt ist würd ich es nicht einbauen da dir dadurch ja nur Nachteile entstehen

Silmarillion · #12 10.01.2005, 14:12

Hmmm, habt Ihr denn eine Erklärung dafür, warum ausgerechnet die Linkdefinition sich auf die komplette Seite auswirkt? Alle anderen Scripwerte/-defintionen kann ich ändern, ohne das dies Auswirkungen auf das restliche Layout hat.

Hier könnt Ihr Euch den Link mal anschauen. Scheint wohl an diesem t` zu liegen. (habe ich noch nie gesehen). Bei unserem Top10 Hack haben ist dies wie folgt gelöst worden : <b*>»</b*> 

Sollte doch eigentlich auch in diesem Falle funktionieren, oder?
mfg

TRS · #13 10.01.2005, 14:25

Dein Betreiber nutzt CSS und zwar a:link und dies bezieht sich dann auf alle Anker in deinem Dokument.

Silmarillion · #14 10.01.2005, 14:37

Kann ich persönlich dies irgendwie ändern, oder ist dies nur über eine weitere Korrektur des Scriptes möglich?

mfg

MrNase · #15 10.01.2005, 14:44

Du kannst deinen Inhalt in ein <div id="mycontent"> packen und dann in der CSS-Datei dann schreiben:

Code:

 #mycontent a:link
{
	color: #111111;
}


#mycontent a:visited
{
	color: #111111;
}


#mycontent a:hover, #mycontent a:active
{
	color: #444444;
}

Silmarillion · #16 10.01.2005, 14:47

Danke, Dominik. Der Programmierer will das Script noch einmal entsprechend modifizieren. Sollte es danach immer noch nicht klappen, werde ich es einmal mit Deinem Lösungsvorschlag versuchen. Auch an Reimer (erst einmal *g*) ein dickes Dankeschön für seine Hilfsbereitschaft. :-)

mfg

Patrick Gotthardt · #17 10.01.2005, 16:02

Sag ihm am besten gleich, dass er direkt die html-Tags aus seinem Script ausbauen soll.
Und noch flexibler wäre das Script, wenn es mit validem XHTML ausgegeben und durch CSS gestylt werden würde. Das wäre dann wenigstens valide, wesentlich kürzer, flexibler, usw.
Davon abgesehen sollte er vielleicht anstelle von zwei Tabellen lieber eine Liste nehmen...

Von "fetten" Links sehe ich nichts.

Silmarillion · #18 10.01.2005, 16:16

Servus TDM,

das Script wurde bereits modifiziert und in die offizielle Seite integriert. Ich habe es schon soweit wie möglich validiert - zumindest die Ausgabe.

Ein Fehler wird mir allerdings noch angezeigt: <div id="ticker"> (hier ist das div unzulässig) Wie könnte ich dies lösen?

Hast Du, als JS-Profi, noch irgendetwas zu beanstanden?

mfg

Patrick Gotthardt · #19 10.01.2005, 17:15

Das JS ist ok - ist ja extrem simpel. Wesentlich sinnvoller wäre es, die von mir vorgeschlagenen Verbesserungen vorzunehmen - dadurch würden sich viele Probleme in Luft auflösen.

Davon abgesehen bin ich mit nichten ein JS-Profi.

Silmarillion · #20 10.01.2005, 17:28

Naja, Du kennst Dich schon recht gut mit der Thematik JS aus.

Was genau meinst Du mit "Problemen"? (scheint bislang problemlos zu laufen

)

Hast Du noch eine Idee bezgl. des div-tags?

mfg

Patrick Gotthardt · #21 10.01.2005, 18:07

Klaro.

Du kannst kein Div in ein Span packen, Lösung: Entferne das "span" und füge dessen class-Attribute beim Div hinzu:

Code:

<div id="ticker" class="smallfont">

Silmarillion · #22 10.01.2005, 18:14

Muchas Gracias. Jetzt passt`s wieder.

mfg

Silmarillion · #23 25.01.2005, 13:02

Habe gerade feststellen müssen, dass Opera, Firefox und Mozilla beim "News-Ticker" die Pfeile (>>) vor den Links nicht korrekt ausgeben. Stattdessen wird jeweils ein ť angezeigt. Im IE funktioniert hingegen mal wieder alles wie gewünscht. *g*

Hat jemand einen Lösungsvorschlag parat?

mfg

naggeldak · #24 25.01.2005, 14:29

Dein Freund muss anstatt "»" das HTML-Entity "»" benutzen.

Silmarillion · #25 25.01.2005, 14:52

Mann...ich Dumpfbacke....

...hätte ich selber wissen müssen....habe ich es doch schon im Top-X Threads (Hack) angewendet...wo habe ich heute nur wieder meinen Kopf

....

Sollte problemlos klappen. Hab`s gleich mal an die entsprechende Person weitergegeben.

Bedankt. :-)

mfg

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Nachrichtenportal	Frederic Schneider	Blog, CMS, Wiki und Sonstige	29	17.07.2004 13:19