helmuthelmut2000
Oct 18, 2009
view4767
view7
0
Goto Top

Vorlage auf einer PHP-Seite nicht Scrollen.

GermanQuestionPHPDevelopment
Hallo,

Ich hab da mal ne Frage.

Ich habe in PHP eine Site gemacht die mir aus einer MSSQL DB daten ausgibt.
Die Site besteht aus einer Vorlage und aus einer Normalen Seite.
Wenn jetzt sehr viele Daten kommen dann gibt es mehrere Seiten also muß man
am Scroll z.B. weiterscollen. Dabei bewegt sich dann aber die ganze Seite.
Gibt es da was wo mir z.B. die Vorlage also bei mir das Inhaltsverzeichnis das
habe ich auf der Vorlage drauf habe stehen bleibt wenn man mit der Seite nach unten
scrollt?

Danke.

Helmut
comment-contentCommentShareShare
Share on Facebook Share on Twitter Share on Reddit Share on Linkedin

Content-Key: 127366

Url: https://administrator.de/contentid/127366

Printed on: April 20, 2024 at 00:04 o'clock

7 Comments
Latest comment
Goto Top
Member: kaiand1
kaiand1 Oct 18, 2009 at 12:32:53 (UTC)
Goto Top
Du könntes zb ein Frame Bereich definieren der dann nur scrollt mit den Ausgegeben Daten.
Ist aber mehr HTML Bereich face-smile
Oder halt die Ausgabe auf X Zeile begrenzen und Links setzten fürs vor und zurück "Blättern"
Member: Supermax
Supermax Oct 18, 2009 at 14:12:48 (UTC)
Goto Top
Verwende CSS für deine HTML-Ausgabe, dann gibt es gleich mehrere Möglichkeiten: du kannst die Daten in ein DIV mit einer fixen Höhe und dem CSS-Attribut "overflow:scroll;" packen, oder den nicht zu scrollenden Teil mit "position:fixed;" als nicht scrollbar festlegen. "position:fixed;" wird allerdings vom IE 6 (und Vorversionen) nicht unterstützt.
Member: helmuthelmut2000
helmuthelmut2000 Oct 18, 2009 at 20:51:26 (UTC)
Goto Top
OK.

Mit dem Befehl overflow:scroll muß ich mal Googlen.

Ich meld mich dann wieder.
Member: Supermax
Supermax Oct 19, 2009 at 05:15:49 (UTC)
Goto Top
http://www.css4you.de/ ist eine gute Anlaufstelle
Member: helmuthelmut2000
helmuthelmut2000 Oct 22, 2009 at 14:01:02 (UTC)
Goto Top
Hallo,

Die www.css4you ist sehr gut.
Aber mit overflow:scroll komme ich da nicht weiter.
Ich kann da den Scroll reinmachen aber deshalb scrollt
sich drotzdem noch die ganze Seite also Vorlage und Anzeigebereich.
Ich glaub das geht doch nur mit Frame.
Member: Guenni
Guenni Oct 22, 2009 at 19:12:28 (UTC)
Goto Top
Hi Helmut,

hab ein nettes Java-Script gefunden.

Wenn die Seite gescrollt wird, so wird der DIV-Bereich auf

seine Ursprungsposition geschoben.

<html>
<body topmargin="20">  

<!-- DIV-Bereich der beim Scrollen auf seine Ursprungsposition verschoben wird //-->
<div id="divStayTopLeft" style="position:relative;  
width:754px; height:100px; z-index:0; left: 10px; top: 10px;
background-color: #d3d3d3; layer-background-color: #d3d3d3;
visibility: visible;">  
<font color="#ff0000"> Vorlage </font><br><br>  
Text zur Vorlage
</div>
<!--  Ende Div//-->

<!--
Floating Menu script-  Roy Whittle
(http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
//-->

<script type="text/javascript">  
var verticalpos="fromtop"  
function JSFX_FloatTopDiv(){
 var startX = 3,
 startY = 0;
 var ns = (navigator.appName.indexOf("Netscape") != -1);  
 var d = document;
 function ml(id){
  var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x;this.style.top=y;};
  el.x = startX;
  if (verticalpos=="fromtop") el.y = startY;  
   else{
        el.y = ns ? pageYOffset + innerHeight :
        document.body.scrollTop + document.body.clientHeight;
        el.y -= startY;
        }
 return el;
}
window.stayTopLeft=function(){
 if (verticalpos=="fromtop"){  
  var pY = ns ? pageYOffset : document.body.scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
 }else{
       var pY = ns ? pageYOffset + innerHeight :
       document.body.scrollTop + document.body.clientHeight;
       ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
 ftlObj.sP(ftlObj.x, ftlObj.y);
 setTimeout("stayTopLeft()", 10);  
}
ftlObj = ml("divStayTopLeft");  
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
<!-- Text wurde zum Testen mit margin-top nach unten verschoben.
Wenn der Text nach oben/unten gescrollt wird, verschiebt sich
das oben definierte DIV-Element entsprechend.
// -->
<p style="margin-top:800px;">  
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
</p>
</body>
</html>


Gruß
Günni

P.S.: Funktioniert mit IE8, andere Browser zum Testen hab ich i.M. nicht installiert.
Member: helmuthelmut2000
helmuthelmut2000 Oct 27, 2009 at 14:26:05 (UTC)
Goto Top
Hallo,

Bei mir scrollt sich da noch genauso die ganze Seite.
Vielleicht gibts da ja auch eine andere Lösung.

Ich habe das so.
Ich habe da eine Seite wo die Daten ausgegeben werden und da habe ich für jede
Spalte eine Überschrift, was in der Spalte angezeigt wird.
Wenn jetzt in einer Spalte sehr viel angezeigt wird, dann gibt das mehrere Seiten.
Wenn man jetzt ganz nach unten scrollen muß dann Verschwindet ja die Überschrift
und es ist sehr Mühsam sich die Daten herauszulesen.
Deshalb brauch ich da etwas wo die Überschrift stehen bleib. Wenn man dann nach
unten scrollt dann sieht man immer noch wo welche Splate ist.
Ich habe das mal mit Frame versucht, aber da hat man das Problem, wenn man da die
Fenstergröße am Brouser verändert dann verschieben sich auch die Spalten.
Das sieht dann nicht so gut aus. Deshalb hab ich gedacht ich Versuch das mal mit einer
Dynamischen Seite. Aber das geht auch nicht so.

Gruß
Helmut
GermanQuestionPHPDevelopment
Hotly discussed
gleixnerdCheck of ZFW Firewallgleixnerd - 3 CommentsAlexWishaHow to set up and configure a Linux GRE tunnelAlexWisha - 3 CommentsjstrickerWIREGUARD VPN ON UDM PRO BEHIND FRITZBOX - HANDSHAKE DID NOT COMPLETEjstricker - 3 CommentsDaniEnd of Support dates for Office 2016, 2019 Apps und Productivity ServersDani - 1 Comment