HTML-Seiteninhalt skalieren

[mondamin]

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

 

[rem]

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.

 

[mondamin]

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.

 

[Sandro Feuillet]

Das geht nur mit "Vektor - Grafiken" zB. PDF oder Flash... imo bei html nicht möglich...

Gruss Feuillet

 

[Alain Aubert]

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)

 

[mondamin]

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&quot >= 0) && (bAgent.indexOf("Mozilla/3&quot >= 0) && (bAgent.indexOf("Mac&quot >= 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];
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&quot && (actArray[j].length == 2)) {
if(actArray[j][0] == "VAR&quot {
tempArray[j] = CSStateArray[actArray[j][1]];
}
else {
if(actArray[j][0] == "ACT&quot {
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>

 

[Franz A.]

Das stammt von GoLive. Glaube ich, aber ich selber arbeite nicht damit

Franz