 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
ukuluku
Threadersteller
Dabei seit: 01.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 22.07.2008 13:06
Titel [Javascript] iframe horizontal UND vertikal scrollen |
  |
|
hallo
ich hatte die frage schon vor ein paar tagen in einem schon existierenden thread gestellt, habe aber das gefühl das sie dort leider untergegangen ist.
es ging um einen iframe der mit javascript gescrollt werden soll
([JavaScript gesucht] IFrame soll scrollen!!.
ich habe versucht das zu erweitern, denn ich möchte jetzt sowohl horizontal als auch vertikal scrollen, stoße dabei aber wieder an meine grenzen und frage mich, ob das überhaupt möglich ist.
so sieht mein code bisher aus. ergebnis entweder zittert der iframe oder der browser hängt sich auf..
würde mich über tipps, ideen die zur lösung anregen freuen:)
| Code: | <html><head>
<script type="text/javascript">
var myTimeout;
function scrollPage(dir) {
dir == 'right' ? frames['inhalt'].scrollBy(10,0) : frames['inhalt'].scrollBy(-10,0);
myTimeout = setTimeout("scrollPage('" + dir + "')", 50);
var myTimeout2;
function scrollPage(dir) {
dir == 'down' ? frames['inhalt'].scrollBy(0,10) : frames['inhalt'].scrollBy(0,-10);
myTimeout2 = setTimeout("scrollPage('" + dir + "')", 50);
}
}
</script>
</head>
<body>
<table width="720" border="0" align="center">
<tr align="center">
<td><iframe name="inhalt" id="inhalt" scrolling="no" src="start.html" width="720" height="240" frameborder="0">Sorry, your browser doesn't support iframes.</iframe></td>
</tr>
<tr align="center">
<td><p><a href="#" onMouseOver="scrollPage('left')" onMouseOut="clearTimeout(myTimeout)">left</a> - <a href="#" onMouseOver="scrollPage('right')" onMouseOut="clearTimeout(myTimeout)">right</a></p>
<p><a href="#" onMouseOver="scrollPage('up')" onMouseOut="clearTimeout(myTimeout2)">up</a> - <a href="#" onMouseOver="scrollPage('down')" onMouseOut="clearTimeout(myTimeout2)">down</a></p></td>
</tr>
</table>
</body>
</html> |
leider kommen die standard scrollbalken des browsers nicht in frage
|
|
| |
  |
 |
ukuluku
Threadersteller
Dabei seit: 01.07.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 23.07.2008 17:57
Titel
|
|
|
habs allein hinbekommen, yay 
| Code: | <html><head>
<script type="text/javascript">
var myTimeout;
function scrollPage(dir) {
dir == 'right' ? frames['inhalt'].scrollBy(10,0) : frames['inhalt'].scrollBy(-10,0);
myTimeout = setTimeout("scrollPage('" + dir + "')", 50);
}
var myTimeout2;
function scrollPage2(dir) {
dir == 'down' ? frames['inhalt'].scrollBy(0,10) : frames['inhalt'].scrollBy(0,-10);
myTimeout2 = setTimeout("scrollPage2('" + dir + "')", 50);
}
</script>
</head>
<body>
<table width="720" border="0" align="center">
<tr align="center">
<td><iframe name="inhalt" id="inhalt" scrolling="no" src="start.html" width="720" height="240" frameborder="0">Sorry, your browser doesn't support iframes.</iframe></td>
</tr>
<tr align="center">
<td>
<p>
<a href="#" onMouseOver="scrollPage('left')" onMouseOut="clearTimeout(myTimeout)">left</a> - <a href="#" onMouseOver="scrollPage('right')" onMouseOut="clearTimeout(myTimeout)">right</a>
</p>
<p><a href="#" onMouseOver="scrollPage2('up')" onMouseOut="clearTimeout(myTimeout2)">up</a> - <a href="#" onMouseOver="scrollPage2('down')" onMouseOut="clearTimeout(myTimeout2)">down</a></p>
</td>
</tr>
</table>
</body>
</html> |
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
iframe per javascript vertikal scrollen
nur vertikal-scrollen / nicht horizontal. geht das?
iFrame: nur vertikal scrollen, geht das?
[JavaScript gesucht] IFrame soll scrollen!!
[Javascript] Scrollen von iFrame [solved]
container horizontal und vertikal ausrichten.
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
