Testdrive pfr-Fonts

O

Ossi

Erfahrenes Mitglied
Gumbo vom Forum hat mir mal einen schönen Script für ein Testdrive mit downloadbaren Schriften spendiert. Ich habe das Testdrive mal hier raufgeladen (habe den Link zum Webfont-Player gesetzt, so daß es im IE unter Windows funktioniert):
http://www.scholzn.privat.t-online.de/seiten/truedoc.htm

Da in dem Script jedoch DOM (document.getElementById) verwendet wird, läuft das Testdrive nicht auf Netscape 4.xx-Browsern (dafür war die Bitstream-Technologie eigentlich mal gedacht) und nicht auf dem iCab-Browser (der diese Technologie auch unterstützt), so daß man das Testdrive nicht auf einem Mac laufen lassen kann. Außerdem mag Truedoc lieber font-face als font-family.

Kann man den Script "umstricken", so daß er auch den beiden Mac-Browsern läuft?

P.S. Hier habe ich mal eine Testseite raufgeladen, wie es Netscape und iCab am liebsten haben (obwohl als deprecated eingestuft):
http://www.scholzn.privat.t-online.de/seiten/netscape.htm


Vieleicht geht es ja so ähnlich:

Code: 
document.Vorschaufeld.document.open();
document.Vorschaufeld.document.write("\<font face=\"" 
	+ schrift + "\" size=\""
	+ schriftgroesse 
	+ " color=\"" 
	+ schriftfarbe
	+ "\"\>"
	+ text
	+ "\<\/font\>");
document.Vorschaufeld.document.close();	
}
 
Zuletzt bearbeitet:
Beim Netscape 4 wirst du damit probleme haben. Das einzige was mir dazu einfällt wäre ein Popup mit dem Preview - das müsste auch in den beiden BRowsern Funktionieren (eigentlich würd ich den IFrame vorziehen, aber ich weis nicht inwieweit dieser Fehlerfrei unterstützt wird).

Das ganze würde ungefähr so aussehen:

PHP: 
<html>
<head>
<script type="text/javascript">

function popup(){
  var schrift = document.formular.schrift.value;
  var groesse = document.formular.schriftgroesse.value;    
  var farbe = document.formular.schriftfarbe.value;  
  var text = document.formular.text.value;
    
  var html  = '<html><head>\n';
      html += '<LINK REL=fontdef SRC="http://www.scholzn.privat.t-online.de/pfr/amelia.pfr">\n';
      html += '<LINK REL=fontdef SRC="http://www.scholzn.privat.t-online.de/pfr/amtype.pfr">\n';
      html += '<LINK REL=fontdef SRC="http://www.scholzn.privat.t-online.de/pfr/broadway.pfr">\n';
      html += '</head><body>\n';
      html += '<font face="'+schrift+'" size="'+groesse+'" color="'+farbe+'">'+text+'</font>\n';
      html += '</body></html>';

  var preview = window.open('#','preview','');
      preview.document.open();
      preview.document.write(html);
      preview.document.close();
}
</script>
</head>
<body>

<form name="formular" action="javascript:popup();">
  <select name="schrift">
    <option value="Amelia BT" selected>Amelia </option>
    <option value="AmericanTypewriter Medium">American Typewriter </option>
    <option value="BroadD">Broadway</option>
  </select>

    &nbsp;<span class="Normal">Schriftart</span>&nbsp;&nbsp; 
        
    <input name="schriftgroesse" span class="Normal" size="3" maxlength="3" value="48">
    &nbsp;<span class="Normal">Schriftgrad (Punkt)</span> &nbsp; 
        
    <select name="schriftfarbe" span class="Bold">
      <option value="black" style="color:black">black</option> 
      <option value="gray" style="color:gray">gray</option> 
      <option value="maroon" style="color:maroon">maroon</option> 
    </select>
    
    &nbsp;<span class="Normal">Schriftfarbe (HTML)</span><br>
    <br>
    
    <textarea name="text" cols="110" rows="10">Hier Text eingeben</textarea>
    
    <br>
    <br>
    
    <input type="submit" value="zeigen" span class="Normal">
  </p>
  <hr align="left" width="570">
  </form>
</body>
</html>

Natürlich musst du es noch etwas anpassen und erweitern. Ein "on-the-fly" Preview werden wir mit dem NN4 nicht schaffen..,

bye
 
Danke, ich habe es angepaßt, aber es läuft auf dem Mac weder mit dem IE (bei OS 9.22 gibt es leider nur Version 5.1.7) noch mit Netscape 4.xx oder iCab. Unter Windows und dem IE funktioniert es.

Ich habe gelesen, daß man bei Netscape (4.xx) das schon mit der Methode machen kann, wie ich es oben versucht habe (document.open, document.write, document.close), nur eben nicht so dynamisch bei jeder Änderung, sondern erst alle Variablen "einsammeln" und dann onclick zusammen übergeben.

Es gibt schon so ein Testdrive das auch mit Netscape 4.xx läuft, nur, man muß nicht alles "klauen" und außerdem ist es so chaotisch aufgebaut, daß man nur schwer hinter die Funktionsweise kommt.

Hier der Link: http://www.truedoc.com/webpages/samples/samples_l4.html
 
Original geschrieben von Ossi
Danke, ich habe es angepaßt, aber es läuft auf dem Mac weder mit dem IE (bei OS 9.22 gibt es leider nur Version 5.1.7) noch mit Netscape 4.xx oder iCab. Unter Windows und dem IE funktioniert es.
Zum Vergrößern anklicken....
Was funktioniert nicht? Die korreckte Darstellung oder kommt das Popup nicht?

Ich habe gelesen, daß man bei Netscape (4.xx) das schon mit der Methode machen kann, wie ich es oben versucht habe (document.open, document.write, document.close), nur eben nicht so dynamisch bei jeder Änderung, sondern erst alle Variablen "einsammeln" und dann onclick zusammen übergeben.
Zum Vergrößern anklicken....
Ich habe leider keinen N4 Installiert um das zu testen. Einen Mac hab ich leider auch nicht rumstehen :(

Es gibt schon so ein Testdrive das auch mit Netscape 4.xx läuft, nur, man muß nicht alles "klauen" und außerdem ist es so chaotisch aufgebaut, daß man nur schwer hinter die Funktionsweise kommt.
Zum Vergrößern anklicken....
Du musst es ja nich tklauen - und wenn der Code eh nicht schön ist, kannst du ja auf basis dieses Codes deinen eigenen schreiben ;)

bye
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück