✔ Javascript Iframe scrolling dynamisch ändern

P

pchilfe

Erfahrenes Mitglied
Liebe Freunde,

Ich möchte in einem IFrame die Eigenschaft von scrolling='no' dynamisch per Javascript ändern.


IFrame:
HTML: 
<iframe id='ifr1' name='frn' padding='1px' src='inhalt.php' width='100%' frameborder='0' marginheight='0' marginwidth='0' scrolling='no'>
</iframe>

Aber mit dem Befehl:

HTML: 
document.getElementById('ifr1').scrolling= yes;

funktioniert es nicht. Kann jemand mir hilfen?

Vielen Dank im Vorraus ...
pchilfe
 
Theóretisch so:
Code: 
document.getElementById('ifr1').scrolling= 'yes';
Praktisch macht das der IE nicht mit.

Versuche stattdessen, die Scrollbars über die overflow-Eigenschaft der Dokumente im iFrame zu steuern.
 
in Einem DIV Bereich overflow:auto Automatisch nach unten scroll

Liebe Freunde,

Ich erzeuge über die CSS ein Daten-Container, dass bestimmte Inhalt dynamisch per PHP zeigt:

Style.css:
Code: 
#container {
 font: 10pt Arial;
 height: 200px;
 background-color: #EAEAFF;
 background-attachment: scroll;
 overflow: auto;
}

in HTML-Seite:
Code: 
<html>
...
<body onload='scroll();'>
...
<div id="container">
   PHP-Script Daten ....
  </div>
...
</body>
</html>

Alles functioniert außer, dass ich vergeblich mit dem folgenden Javascript versuche:
Code: 
<script>function scroll() {window.scrollTo(10000,10000); }</script>

den scrollbar von overflow: auto automatisch, nach dem Laden vom PHP-Script, nach unten "bis zum Inhalt Ende vom Container"zu scrollen.

kann jemand mir einen Tip geben? vielleicht habe ich etwas übersehen :)

Vielen Dank für jede Hilfe.
Gruß ..
pchilfe
 
Die scrollTo()-Mehode ist für das window-Objekt (Browser-Fenster) gedacht, und nicht für DIV-Boxen.

Als mögliche Lösung fällt mir da die scrollIntoView()-Methode ein.

Code: 
<script type="text/javascript">
function scroll() {
  document.getElementById("Sprungmarke").scrollIntoView(true);
}
</script>
Code: 
<body onload="scroll();">
...
<div id="container">
   PHP-Script Daten ....

   <!-- "Sprungmarke" -->
   <span id="Sprungmarke"></span>
</div>
...
</body>
 
Danke sehr für deine Hilfe. Ich habe gerade deine Lösung probiert. Leider bleibt der scrollbar oben und Springt nicht zur <span id="Sprungmarke"></span>. :-(
 
der Inhalt des Dokumentes ist:

HTML: 
<html>
<title>DataLoad</title>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<link rel="stylesheet" href="styles.css" type="text/css" />
<script type="text/javascript">

function scroll(){
 document.getElementById("Sprungmarke").scrollIntoView(true);
}
</script>
</head>
<body onload="scroll();">

<div id="container">
 <div id="content1">
  <div id="content2">
   
   <? PHP-Script ?>

  </div>
  <span id="Sprungmarke"></span>
 </div>
</div>
</body>
</html>

Die Style.css:

Code: 
form {
 margin: 0 auto;
}

#container {
 border: 1px solid #B52021;
 width: 400px;
}

#content1 {
 font: 10pt Arial;
 height: 200px;
 background-color: #EAEAFF;
 background-attachment: scroll;
 overflow: auto;
}

#content2 {
 margin: 5px;
}

Eigentlich sollte funktionieren oder?
 
Bei mir funktioniert dein gezeigter Quellcode einwandfrei; zu Testzwecken habe ich ein PHP-Dokument in das DIV includet.
 
Leider funktioniert es bei mir nicht. Ich weiss nicht warum? Aber kann es sein dass es an die folgende JS-Funktion liegen:

Code: 
function GetData()
{
 if (xmlHttp) {
     xmlHttp.open('GET', 'SQLData.php', true);
     xmlHttp.onreadystatechange = function () {
         if (xmlHttp.readyState == 8) {
             document.getElementById("content1").innerHTML = xmlHttp.responseText;
         }
     };
     xmlHttp.send(null);
 }
}

Gruß ...


//edit

Ok ... Ich habe den fehler gefunden.

Tausand Dank für die Hilfe wirklich vielen vielen Dank.

Gruß ...
pchilfe
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück