Anmelden, um zu folgen  
Folger 0
Gast

HTML-Seiteninhalt skalieren

6 Beiträge in diesem Thema

Hallo allerseits

Ist es möglich eine bestehende HTML-Seite zu skalieren, sodass man ihren Inhalt in einem kleineren Fenster darstellen kann?

Besten Dank für Tipps

Gruss Mondamin

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
Kommt immer auf die Seite drauf an.

Eine Seite mit vielen, breiten Graphiken lässt sich schlecht skalieren, eine Seite mit nur Text ist normalerweise ohne Probleme skalierbar. Der Text ist üblich nur in Abschnitte unterteilt, die Zeilentrennung wird dann vom Browser durchgeführt.

Selbstverständlich kann man eine Trennung auch erzwingen, oder auch, dass die Zeile eben nicht getrennt wird. Dann ist die Seite aber nicht mehr skalierbar.

Die Skalierbarkeit hängt also auch von den verwendeten Formatier-Befehlen ab !

Im Prinzip sollte man probieren, die optimale Lösung zwischen Darstellung und Skalierbarkeit zu finden. Probieren heisst: Seite erstellen und im Vorschaumodus oder in einem Browser einfach auf die Skalierbarkeit testen.

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
ich meine aber, dass sich die dargestellten Objekte bzw. Texte entsprechend verkleinern. Das heisst also, dass ich zum Beispiel in einem kleineren Fenster auch eine kleinere Schriftgrösse erhalten.

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
Das geht nur mit "Vektor - Grafiken" zB. PDF oder Flash... imo bei html nicht möglich...

Gruss Feuillet

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
Sehr schwierig. Rems Aussage ist gut. Allgemein könnte man sagen nein, aber es gibt schon Fälle, bei denen es ohne Probleme geht, Firefox setzt sich auch schon mal über CSS etc hinweg (da geht es besser).

Aber vielleicht solltest du genau erläuteren, was du skalieren möchtest, dann wäre es keine allgemeine, oberflächliche Diskussion.

QUOTE
ich meine aber, dass sich die dargestellten Objekte bzw. Texte entsprechend verkleinern

Ehrlich gesagt, kann ich noch nicht ganz folgen. Du könntest mittel JavaScript die Fenstergrösse auslesen und dementsprechend die Fontsize ändern. Ich glaube das geht, bei Bildern kann ich mir vorstellen, dass es ebenfalls möglich ist, wobei mir weder noch genau bekannt ist.
Aber es gibt auch noch die Clientseitige (wobei JS dies ja auch ist) Browsermethode den Inhalt zu skalieren, wobei sich dies wohl nur auf Text bezieht (und im IE wg CSS häufig nicht funktioniert)

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
Guten Morgen zusammen

Ich habe mich etwas schlauer gemacht, was mein Problem anbelangt.
Ich habe code gefunden, der genau das macht was ich meint. Allerdings kann ich mit den Tags "csaction" und "csscriptdict" nichts anfangen. Weiss jemand von Euch bescheid?

Folgender Code bewirkt, dass je nach angelicktem Namen ein Fenster sich öffnet, in welchem man die Steckbriefe zu den jeweiligen Personen sehen kann. Würde ich diese Steckbriefe direkt im Browserfenster öffnen, dann wären sie viel grösser dargestellt. Durch die folgenden Routinen wird das Ganze aber schön verkleinert, so dass es in einem "handlichen" Extrafenster dargestellt werden kann.
Ich kann mir nicht vorstellen, dass jemand Lust hat den Code durchzugehen. Wichtig für mich wäre zu wissen, ob jemand von Euch "csactions" und "csscriptdict" kennt und mir sagen kann wo das herkommt.

Gruss Mondamin

<csactions>
<csaction name="1148181" class="Open Window" type="onevent" val0="../../Steckbriefe/tobler_stephan.html" val1="" val2="480" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="13529019" class="Open Window" type="onevent" val0="../../Steckbriefe/jaeger.html" val1="" val2="500" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="1B107025" class="Open Window" type="onevent" val0="../../Steckbriefe/bischofberger.html" val1="" val2="500" val3="260" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="1C284131" class="Open Window" type="onevent" val0="../../Steckbriefe/kreis.html" val1="" val2="450" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="1E107537" class="Open Window" type="onevent" val0="../../Steckbriefe/schmid.html" val1="" val2="500" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="2044A039" class="Open Window" type="onevent" val0="../../Steckbriefe/vonlanthen.html" val1="" val2="520" val3="240" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="2044B441" class="Open Window" type="onevent" val0="../../Steckbriefe/tobler_christoph.html" val1="" val2="500" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="2044F043" class="Open Window" type="onevent" val0="../../Steckbriefe/andermatt.html" val1="" val2="450" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="20454B45" class="Open Window" type="onevent" val0="../../Steckbriefe/hofmann.html" val1="" val2="450" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="25F9E851" class="Open Window" type="onevent" val0="../../Steckbriefe/knoepfli.html" val1="" val2="450" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="286E6455" class="Open Window" type="onevent" val0="../../Steckbriefe/lehmann.html" val1="" val2="450" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="320F2F57" class="Open Window" type="onevent" val0="../../Steckbriefe/ruesch.html" val1="" val2="550" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="32CFCE59" class="Open Window" type="onevent" val0="../../Steckbriefe/tanner.html" val1="" val2="500" val3="260" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
<csaction name="330FA561" class="Open Window" type="onevent" val0="../../Steckbriefe/michel.html" val1="" val2="450" val3="230" val4="false" val5="false" val6="false" val7="false" val8="false" val9="false" val10="false">
</csactions>
<csscriptdict>
<script><!--
function CSClickReturn () {
var bAgent = window.navigator.userAgent;
var bAppName = window.navigator.appName;
if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
return true; // dont follow link
else return true; // dont follow link
}

CSStopExecution = false;
function CSAction(array) {
return CSAction2(CSAct, array);
}
function CSAction2(fct, array) {
var result;
for (var i=0;i<array.length;i++) {
if(CSStopExecution) return false;
var actArray = fct[array[i]];
if(actArray == null) return false;
var tempArray = new Array;
for(var j=1;j<actArray.length;j++) {
if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) {
if(actArray[j][0] == "VAR") {
tempArray[j] = CSStateArray[actArray[j][1]];
}
else {
if(actArray[j][0] == "ACT") {
tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
}
else
tempArray[j] = actArray[j];
}
}
else
tempArray[j] = actArray[j];
}
result = actArray[0](tempArray);
}
return result;
}
CSAct = new Object;

function CSOpenWindow(action) {
var wf = "";
wf = wf + "width=" + action[3];
wf = wf + ",height=" + action[4];
wf = wf + ",resizable=" + (action[5] ? "yes" : "no");
wf = wf + ",scrollbars=" + (action[6] ? "yes" : "no");
wf = wf + ",menubar=" + (action[7] ? "yes" : "no");
wf = wf + ",toolbar=" + (action[8] ? "yes" : "no");
wf = wf + ",directories=" + (action[9] ? "yes" : "no");
wf = wf + ",location=" + (action[10] ? "yes" : "no");
wf = wf + ",status=" + (action[11] ? "yes" : "no");
window.open(action[1],action[2],wf);
}

// --></script>
</csscriptdict>
<csactiondict>
<script><!--
CSAct[/*CMP*/ '1148181'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/tobler_stephan.html','',480,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '13529019'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/jaeger.html','',500,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '1B107025'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/bischofberger.html','',500,260,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '1C284131'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/kreis.html','',450,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '1E107537'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/schmid.html','',500,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '2044A039'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/vonlanthen.html','',520,240,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '2044B441'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/tobler_christoph.html','',500,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '2044F043'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/andermatt.html','',450,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '20454B45'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/hofmann.html','',450,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '25F9E851'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/knoepfli.html','',450,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '286E6455'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/lehmann.html','',450,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '320F2F57'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/ruesch.html','',550,230,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '32CFCE59'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/tanner.html','',500,260,false,false,false,false,false,false,false);
CSAct[/*CMP*/ '330FA561'] = new Array(CSOpenWindow,/*URL*/ '../../Steckbriefe/michel.html','',450,230,false,false,false,false,false,false,false);

// --></script>
</csactiondict>

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
Das stammt von GoLive. Glaube ich, aber ich selber arbeite nicht damit

Franz

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen

Erstellen Sie einen Account oder melde Sie sich an um kommentieren zu können

You need to be a member in order to leave a comment

Create an account

Registrieren Sie einen neuen Account in unserer Community. Es ist einfach!


Register a new account

Anmelden

Haben Sie bereits einen Account? Dann melden Sie sich hier an.


Jetzt Anmelden
Anmelden, um zu folgen  
Folger 0