Noch nicht viel geschrieben
Hallo,
nachdem ich nun seit Tagen am "basteln" bin und eigentlich auch keine Ahnung von JS habe, hoffe ich, dass mir hier jemand auf die Sprünge helfen kann...
Ich habe diese hier in meine Seite eingebaut: Schöner scrollen mit MouseOver | Dr. Web Magazin und die Werte für height + width angepasst.
Leider funktioniert das JS nicht, was habe ich falsch gemacht?
Der Code-Ausschnitt:
CSS:
und die "scroll.class.js:
VG ud Danke schonmal
sMichal
nachdem ich nun seit Tagen am "basteln" bin und eigentlich auch keine Ahnung von JS habe, hoffe ich, dass mir hier jemand auf die Sprünge helfen kann...
Ich habe diese hier in meine Seite eingebaut: Schöner scrollen mit MouseOver | Dr. Web Magazin und die Werte für height + width angepasst.
Leider funktioniert das JS nicht, was habe ich falsch gemacht?
Der Code-Ausschnitt:
Code:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script src="scroll.class.js" type="text/javascript"> </script>
<script type="text/javascript">
var scroll = new SCROLL(
document.getElementById('content'),
{
'time': 60,
'width': 680,
'height': 280
}
);
</script>
Code:
<div id="mid_col">
<div class="scroller">
<p class="arrow" onmouseover="scroll.start(-10)" onmouseout="scroll.stop()" title="Nach oben"></p>
<p class="bar"></p>
<p class="arrow" onmouseover="scroll.start(10)" onmouseout="scroll.stop()" title="Nach unten"></p>
</div>
<div id="content">
<p><strong>Haftungsausschluss</strong></p>
<p class="auto-style28"><strong>Haftung für Inhalte</strong><br />Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte.</p>
<p class="auto-style28"><br /><strong>Haftung für Links</strong><br />Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
<p class="auto-style28"><strong>Haftung für Inhalte</strong><br />Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte.</p>
<p class="auto-style28"><br /><strong>Haftung für Links</strong><br />Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p><p><a href="disclaimer2.html"><img alt="" height="35" src="pictures/nach_rechts.png" style="float: right" width="19" class="auto-style26" /></a><a href="impressum.html"><img alt="" height="35" src="pictures/nach_links.png" style="float: right" width="19" class="auto-style26" /></a></p>
<p class="auto-style28"><strong>Haftung für Inhalte</strong><br />Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte.</p>
<p class="auto-style28"><br /><strong>Haftung für Links</strong><br />Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p><p><a href="disclaimer2.html"><img alt="" height="35" src="pictures/nach_rechts.png" style="float: right" width="19" class="auto-style26" /></a><a href="impressum.html"><img alt="" height="35" src="pictures/nach_links.png" style="float: right" width="19" class="auto-style26" /></a></p>
</div>
</div>
</div>CSS:
Code:
#mid_col {
float:left;
width: 780px;
min-height:320px;
height:320px;
background-color:#d9dadb;
}
#content {
margin: 20px;
text-align: left;
color: #707173;
font-family:Arial, Helvetica, sans-serif;
width:680px;
height:280px;
overflow:hidden;
clip: rect (0, 680px, 300px, 0);
position: absolute;
}
.scroller {
float: right;
width: 10px;
margin:10px;
}
.scroller .arrow {
border: 1px solid black;
cursor: pointer;
padding: 4px;
}
.scroller .bar {
height: 220px;
margin: 2px;
border: none;
padding: 0 2px;
}und die "scroll.class.js:
Code:
SCROLL = function(obj, attr) {
var interval;
var offset = {
'top': obj.offsetTop || 0,
'height': obj.offsetHeight || 0
};
this.start = function(amount) {
/* Default setzen */
attr.top = attr.top || 0;
attr.width = attr.width || "auto";
attr.height = attr.height || "auto";
/* Intervall starten */
interval = setInterval(
function() {
move(amount);
},
attr.time
);
};
this.stop = function() {
if (interval) {
clearInterval(interval);
}
}
function move(amount) {
/* Werte refreshen */
attr.top += amount;
attr.height += amount;
offset.top -= amount;
/* Grenze überschritten? */
if (attr.top < 0 || attr.height > offset.height) {
attr.top -= amount;
attr.height -= amount;
offset.top += amount;
return;
}
/* Object bewegen */
obj.style.clip = "rect(" + attr.top + "px " + attr.width + "px " + attr.height + "px 0)";
obj.style.top = offset.top + "px";
}
}VG ud Danke schonmal
sMichal
