newsticker erweitern

[sanktusm]

Hallo,
ich habe hier ein tolles Script das ich verwenden möchte. Nun ist das Problem, dass der Ticker nicht mehr von Vorne anfängt wenn der Text durchgelaufen ist. Kann mir jemand einen Tipp geben, wie ich das realisieren kann.

Hier der Code:

<p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
<script type="text/javascript">
var ticker = document.getElementById('ticker');
var interval = null;

function scroll(who) {
interval = window.setInterval(function() {
who.style.left = (parseInt(who.style.left) - 1) + 'px';
}, 10);
}

</script>

[unset]

Check halt, ob das zu bewegende Element den Anzeigebreich bereits verlassen hat. Wenn ja, wirds eben wieder an den Anfang gesetzt.

[sanktusm]

hab leider keinen blassen schimmer..

wie ich das realierien kann. kannst du mir einen tipp geben?

[wahsaga]

Re: hab leider keinen blassen schimmer..

Original geschrieben von sanktusm
hab leider keinen blassen schimmer.. wie ich das realierien kann.

OffTopic:

---

Soweit ich mich erinnere, war das bisher so gut wie immer deine Standardantwort, wenn dir Tipps und Anregungen bzgl. Javascript gegeben wurden.

Vielleicht solltest du dich langsam mal ein bisschen mehr damit auseinandersetzen.

---

[sanktusm]

ok hab mich damit auseinandergesetzt

aber leider noch kein ergebnis erzielt. Hier eine erweiterung des scripts

<script type="text/javascript">

var ticker = document.getElementById('ticker');
var interval = null;

function scroll(who) {
interval = window.setInterval(function go() {
who.style.left = (parseInt(who.style.left) - 1) + 'px';
}, 10); i = i + 1;
if(i >= 10){
window.clearInterval(interval);
scroll(ticker); }
}



scroll(ticker);

</script>

[sanktusm]

nur noch ein kleiner sprung

<p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
<script type="text/javascript">
var ticker = document.getElementById('ticker');
var interval = null;
var i = 0;
function scroll(who) {
interval = window.setInterval(function() {
who.style.left = (parseInt(who.style.left) - 1) + 'px';
i = i + 1;
if(i >= 100) {
i = 0;
window.clearInterval(interval);

}
}, 10);
}

scroll(ticker);
</script>

bin ich der lösung näher gekommen?

[sanktusm]

nur noch ein kleiner sprung

<p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
<script type="text/javascript">
var ticker = document.getElementById('ticker');
var interval = null;
var i = 0;
function scroll(who) {
interval = window.setInterval(function() {
who.style.left = (parseInt(who.style.left) - 1) + 'px';
i = i + 1;
if(i >= 100) {
i = 0;
window.clearInterval(interval);

}
}, 10);
}

scroll(ticker);
</script>

bin ich der lösung näher gekommen?

[sanktusm]

ok gelöst soll nur einer sagen ich setze mich mit dem thema nicht auseinander

<p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
<script type="text/javascript">

var ticker = document.getElementById('ticker');
var interval = null;
var i = 0;


function scroll(who) {
interval = window.setInterval(function () {
who.style.left = (parseInt(who.style.left) - 1) + 'px';
i = i + 1;
if(i >= 200) {
i = 0;
window.clearInterval(interval);
who.style.left = 100;
scroll(ticker);
}
} , 10);
}

scroll(ticker);


</script>