PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : scrollBy für iframeInhalt von anderem Rechner


FriedrichLaher
12-04-2003, 22:56
der 1te iframe von http://www.schmieder-laher.de/test.html
läßt sich mit dem "scroll" Link (nach oben) scrollen,
der Inhalt ist auf dem selben Rechner gehostet wie die Seite die ihn referenziert.
Beim
2ten iframe funktioniert das nicht.
Der Inhalt kommt von einem anderem Host.
Ist
das behebbar - wenn wie?
Jana
14-04-2003, 22:17
Warum machst du die Scroller mit iframe?
Das funktioniert doch in vielen Browsern nicht.

Mach doch 2 up and down Buttons.
Definiert 1 div-Box als Ansichtsfenster und laß jeweils eine Box sich hinter dem
Ansichtsfenster bewegen.
Woher der Inhalt kommt spielt keine Rolle.
FriedrichLaher
15-04-2003, 09:52
DANKE. Das Problem dürfte sich erledigt haben. Werd wohl tiefen einsteigen müssen.
Jana
16-04-2003, 22:11
Hier noch eine einfache Lösung:


<html>
<head>
<style type='text/css'>
#e1 {
position:absolute;
visibility:visible;
overflow:auto;
clip(0,100%,100%,0);
left:20;
top:50;
width:200px;
height:100px;
border:1px solid #008;
}
#e2 {
position:absolute;
visibility:visible;
overflow:auto;
clip(0,100%,100%,0);
left:300;
top:250;
width:200px;
height:100px;
border:1px solid #008;
}
</style>

</head>
<body>
<div id="e1">
<pre>
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
</pre>
</div>

<div id="e2">
<pre>
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
put a bunch of text here
</pre>
</div>

</body>
</html>
FriedrichLaher
16-04-2003, 23:25
Herzlichen Dank Jana,
für Deine Mühe.
Lassen sich nun die div inhalte auch gleichzeitig, mit einem Klick zu beliebigen Positionen scrollen?
In 2 Array müssten also die Positionen gespeichert sein,
der Klick auf "weiter" erhöht eine Variable, der auf "zurück" verringert sie,
mit dem Wert als index wird auf entsprechen Positionswerte aus den Arrays gescrollt.
Jana
18-04-2003, 11:54
Der array war mir zu kompliziert.
Ich hab einfach die momentane Position um einen relativen Wert verändert.
Die Templates bekommst du bei http://cross-browser.com
Es ist wichtig, daß die Fenster in allen Browsern zu sehen sind.


<html><head>
<title>Scroll</title>

<script type='text/javascript' src='../cbe/cbe_core.js'></script>
<script type='text/javascript' src='../cbe/cbe_clip.js'></script>

<script type='text/javascript' src='../cbe/cbe_slide.js'></script>
<script type='text/javascript' src='../cbe/cbe_slide2.js'></script>
<script type='text/javascript' src='../cbe/cbe_event.js'></script>

<style>
#e1{position:absolute; width:50px; height:50px; z-index:1000;
border: 0px solid #000000; font-size : 8pt;
left:80px; top: 180px}

#e2{position:absolute; width:50px; height:50px; z-index:1000;
border: 0px solid #000000; font-size : 8pt;
left:80px; top: 180px}
#e3{position:absolute; width:50px; height:50px; z-index:1000;
border: 0px solid #000000; font-size : 8pt;
left:80px; top: 180px}

#e4{position:absolute; width:50px; height:50px; z-index:1000;
border: 0px solid #000000; font-size : 8pt;
left:80px; top: 180px}

.transparent {
position:absolute; visibility:hidden; overflow:hidden; font-size : 8pt;
margin:0; padding:0; width:100; height:100; clip:rect(0 100 100 0);
layer-background-color:transparent;}

.transparent2 {
position:absolute; overflow:hidden; font-size : 8pt;
margin:0; padding:0; width:100; height:100; clip:rect(0 100 100 0);
layer-background-color:transparent;}
</style>
<script type='text/javascript'><!--
var cc,c,dd,d, e1,e2,e3,e4;
function windowOnload() {

with (c = cbeGetElementById('c').cbe) {
resizeTo(200,170);
moveTo(170,150);
show();
}
with (cc = cbeGetElementById('cc').cbe) {
resizeTo(200,400);
moveTo(0,200);
show();
slideTo(0,0,1000);
}

with (d = cbeGetElementById('d').cbe) {
resizeTo(200,170);
moveTo(400,150);
show();
}
with (dd = cbeGetElementById('dd').cbe) {
resizeTo(200,400);
moveTo(0,200);
show();
slideTo(0,0,1000);
}



with (e1 = cbeGetElementById('e1').cbe) {
resizeTo(200,180);
moveTo(80,200);
show();
}

with (e2 = cbeGetElementById('e2').cbe) {
resizeTo(200,180);
moveTo(80,220);
show();
}
with (e3 = cbeGetElementById('e3').cbe) {
resizeTo(200,180);
moveTo(180,350);
show();
}

with (e4 = cbeGetElementById('e4').cbe) {
resizeTo(200,180);
moveTo(220,350);
show();
}
}

function move(cbe,topbottom) {
stop(cbe);
cbe.slideTo(0,topbottom, 30000);
}

function stop(cbe) {
cbe.stopSlide();
}

function skip(cbe,topbottom) {
stop(cbe);
cbe.moveBy(0,topbottom);
}
//--></script>

</head>

<body bgcolor="gray">

<div id='e1' class='e1'><a href="#" onMouseOver="move(cc,-500); move(dd,-500);" onMouseOut="stop(cc); stop(dd);"><img src="../images/arrow_up.gif" width="20" height="17" alt="" border="0"></a> </div>
<div id='e2' class='e2'><a href="#" onMouseOver="move(cc,500); move(dd,500);" onMouseOut="stop(cc); stop(dd);"><img src="../images/arrow_down.gif" width="20" height="17" alt="" border="0"></a> </div>

<div id='e3' class='e3'><a href="#" onMouseOver="skip(cc,-20); skip(dd,-20);" ><img src="../images/arrow_left.gif" width="20" height="17" alt="" border="0"></a> </div>
<div id='e4' class='e4'><a href="#" onMouseOver="skip(cc,20); skip(dd,20);" ><img src="../images/arrow_right.gif" width="20" height="17" alt="" border="0"></a> </div>



<div id='c' class='transparent'>
<div id='cc' class='transparent'>

<b>Anfahrt</b><br><br>
Lauingen a.d. Donau selbst liegt an der B16 zwischen Günzburg und Donauwörth bzw.
im Dreieck &nbsp; Ulm, Ingolstadt und Augsburg.<br>

Das Lokal PEP findet sich direkt in der Innenstadt von Lauingen. <br>

In Lauingen fahren Sie auf der B16 in Richtung Dillingen und biegen dann
in Richtung Bahnhof ab.<br>

Sie treffen auf eine größere Kreuzung an der das PEP liegt.
Über dem PEP befindet sich eine Spielhalle.


</div></div>

<div id='d' class='transparent'>
<div id='dd' class='transparent'>

<b>Anfahrt</b><br><br>
Lauingen a.d. Donau selbst liegt an der B16 zwischen Günzburg und Donauwörth bzw.
im Dreieck &nbsp; Ulm, Ingolstadt und Augsburg.<br>

Das Lokal PEP findet sich direkt in der Innenstadt von Lauingen. <br>

In Lauingen fahren Sie auf der B16 in Richtung Dillingen und biegen dann
in Richtung Bahnhof ab.<br>

Sie treffen auf eine größere Kreuzung an der das PEP liegt.
Über dem PEP befindet sich eine Spielhalle.


</div></div>


</body>
</html>
FriedrichLaher
18-04-2003, 12:49
DANKE! DANKE! DANKE für diese imense Mühe.
Du
machst mir wirklich ein schlechtes Gewissen.
Ich
hätte wohl von Anfang an sagen müssen, wofür genau es gedacht ist:
http://matheplanet.com/matheplanet/nuke/html/submit.php einen Artikel auf dem Matheplaneten
wo
ich auf den head keinen Einfluß habe.
Aber
vielleicht übernimmt Martin die CBE Sachen.
Um all
Deine Arbeit wirchlich zu verstehen muß ich mich noch vielmehr in js und HTML
einarbeiten.
Jana
18-04-2003, 16:21
Nun ja, wenn ich wüßte was das werden soll könnte ich es vielleicht machen.
Schließlich hab ich auch mal versucht diese Dinge an den Mann oder Frau zu bringen.

P.S.: Der Scroller war eine Sache von 5 Minuten.