Anzeige:
Ergebnis 1 bis 8 von 8

Thema: scrollBy für iframeInhalt von anderem Rechner

  1. #1
    Registrierter Benutzer
    Registriert seit
    05.04.2003
    Ort
    STUTTGART
    Beiträge
    27

    scrollBy für iframeInhalt von anderem Rechner

    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?

  2. #2
    Registrierter Benutzer
    Registriert seit
    27.08.2002
    Beiträge
    337
    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.

  3. #3
    Registrierter Benutzer
    Registriert seit
    05.04.2003
    Ort
    STUTTGART
    Beiträge
    27
    DANKE. Das Problem dürfte sich erledigt haben. Werd wohl tiefen einsteigen müssen.

  4. #4
    Registrierter Benutzer
    Registriert seit
    27.08.2002
    Beiträge
    337
    Hier noch eine einfache Lösung:
    Code:
    <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>

  5. #5
    Registrierter Benutzer
    Registriert seit
    05.04.2003
    Ort
    STUTTGART
    Beiträge
    27
    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.

  6. #6
    Registrierter Benutzer
    Registriert seit
    27.08.2002
    Beiträge
    337
    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.
    Code:
    <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>

  7. #7
    Registrierter Benutzer
    Registriert seit
    05.04.2003
    Ort
    STUTTGART
    Beiträge
    27
    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.

  8. #8
    Registrierter Benutzer
    Registriert seit
    27.08.2002
    Beiträge
    337
    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.

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •