Here you go:
Jeg har også tænkt mig selv at arbejde videre med den. Så får vi se hvems der bliv bedst :-))
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 3.2 Final//EN\">
<HTML>
<HEAD>
<TITLE>Måle bredde og højde på en tekst</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<?php
if ( !isset($fsize) ) $fsize=\"20px\";
if ( !isset($ftype) ) $ftype=\"verdana\";
if ( !isset($ftext) ) $ftext=\"\";
?>
<style>
td.x { font-size:<? echo($fsize); ?>; font-family:<? echo($ftype); ?>; }
</style>
<script language=\'javascript\'> <!--
function fillForm( ) {
document.typeForm.typeSiz.value=\'<? echo($fsize); ?>\';
document.typeForm.typeFac.value=\'<? echo($ftype); ?>\';
document.typeForm.typeTxt.value=\'<? echo($ftext); ?>\';
}; //end fillForm( )
function getForm( frm ) {
var tx = \"fsize=\" +escape(frm.typeSiz.value) +\'&\'
+\"ftype=\" +escape(frm.typeFac.value) +\'&\'
+\"ftext=\" +escape(frm.typeTxt.value);
return tx;
}; //end getForm( Form object ) -> string
var ns4 = (document.layers)? true: false;
function getXYcoord ( nvn ) { // find x,y coords for billede
var elm = document.images[nvn];
if ( ns4 ) return elm;
var rd = { x:0 ,y:0 };
do { rd.x += parseInt( elm.offsetLeft );
rd.y += parseInt( elm.offsetTop );
elm = elm.offsetParent;
} while ( elm );
return rd
}; //end getXYcoord ( string ) -> object{x,y}
function visBredde( ) {
var pos1 = getXYcoord( \'bred1\' );
var pos2 = getXYcoord( \'bred2\' );
var bred = pos2.x -pos1.x -15;
document.write( bred );
}; //end visBredde( )
function visHojde( ) {
var pos1 = getXYcoord( \'hoj1\' );
var pos2 = getXYcoord( \'hoj2\' );
var hoj = pos2.y -pos1.y -15;
document.write( hoj );
}; //end visHojde( )
// --> </script>
</HEAD>
<BODY bgcolor=\'white\' onload=\"fillForm()\">
<form action=\'exp103354.php\' name=\"typeForm\"
onsubmit=\"location=\'exp103354.php?\'+getForm( this );return false;\">
<table border=1 align=\'left\' bgcolor=#CCFFFF>
<tr><td>Bredde:</td>
<td><table cellpadding=0 cellspacing=0 border=0>
<tr><td><img name=\'bred1\' src=\'smil1515.gif\' width=15 height=15 border=0></td>
<td class=\'x\'><? echo($ftext); ?></td>
<td><img name=\'bred2\' src=\'smil1515.gif\' width=15 height=15 border=0></td>
</tr></table></td>
</tr>
<tr><td>Hojde:</td>
<td><table cellpadding=0 cellspacing=0 border=0>
<tr><td><img name=\'hoj1\' src=\'smil1515.gif\' width=15 height=15 border=0></td>
</tr>
<tr><td class=\'x\'><? echo($ftext); ?></td>
</tr>
<tr><td><img name=\'hoj2\' src=\'smil1515.gif\' width=15 height=15 border=0></td>
</tr></table></td>
</tr>
</table>
Indtast size <input name=\'typeSiz\' type=\'text\' size=4 value=\"\"> og font <input name=\'typeFac\' type=\'text\' value=\"\"><SELECT NAME=\"xxx\" onchange=\"this.form.typeFac.value=this.options[this.selectedIndex].value;\">
<OPTION VALUE=\'\'>-</OPTION>
<option value=\'Allegro BT\'>Allegro BT</option>
<option value=\'arial\'>Arial</option>
<option value=\'BankGothic Md BT\'>BankGothic Md BT</option>
<option value=\'verdana\'>Verdana</option>
<option value=\'Times New Roman\'>Times New Roman</option>
</SELECT><br>
Indtast den tekst der skal måles her:
<input name=\'typeTxt\' type=\'text\' value=\"\"><br>
og klik <input type=\'submit\' value=\"Vis størrelse\"><br clear=\'all\'>
<p>teksten i tabellen er <script>visBredde()</script> pixel bred, og <script>visHojde()</script> pixel høj.
<p align=\'right\'><!-- WebWriter AutoDato -->Opdateret: 29.8.2001<!-- WW -->
</BODY>
</HTML>
mvh JakobA
