AsaMedlem sedan dec. 20011 860 inlägg Hur fixar man denna kod så det funkar i alla webbläsare?!
<html>
<head>
<title>Test</title>
<script language="javascript">
<!--
function InitPage(){
// Denna funktion skriver ut text i previewrutan när sidan laddas
with(document.form1){
txtPreview.innerHTML = '';
}
}
function UpdatePreview(){
// Denna funktion uppdaterar previewrutan vid varje tangentbordstryck
with(document.form1){
txtPreview.innerHTML = '' + txtName.value + '<br>' + txtEmail.value + '<br>' + txtUrl.value + '<br><br>' + txtMsg.value;
}
}
//-->
</script>
</head>
<body onload="InitPage();">
<form name="form1">
Namn:<br>
<input type="text" name="txtName" size="35" onkeyup="UpdatePreview();"><br>
Email:<br>
<input type="text" name="txtEmail" size="35" onkeyup="UpdatePreview();"><br>
Hemsida:<br>
<input type="text" name="txtUrl" size="35" onkeyup="UpdatePreview();"><br>
Meddelande:<br>
<textarea name="txtMsg" cols="50" rows="5" onkeyup="UpdatePreview();"></textarea>
<br><br>
Förhandsgranskning:<br>
<span name="txtPreview" id="txtPreview"></span>
</form>
</body>
</html>
Vad menar du med "alla" webbläsare? Finns många där ute...
mikkeXMedlem sedan aug. 2002477 inlägg Så här?
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function InitPage(){
// Denna funktion skriver ut text i previewrutan när sidan laddas
with(document.form1){
document.getElementById('txtPreview').innerHTML = '';
}
}
function UpdatePreview(){
// Denna funktion uppdaterar previewrutan vid varje tangentbordstryck
document.getElementById('txtPreview').innerHTML = '' + document.form1.txtName.value + '<br>' + document.form1.txtEmail.value + '<br>' + document.form1.txtUrl.value + '<br><br>' + document.form1.txtMsg.value;
}
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body onload="InitPage();">
<form name="form1" id="form1">
Namn:<br />
<input type="text" name="txtName" size="35" onkeyup="UpdatePreview();" />
<br />
Email:<br />
<input type="text" name="txtEmail" size="35" onkeyup="UpdatePreview();" />
<br />
Hemsida:<br />
<input type="text" name="txtUrl" size="35" onkeyup="UpdatePreview();" />
<br />
Meddelande:<br />
<textarea name="txtMsg" cols="50" rows="5" onkeyup="UpdatePreview();"></textarea>
<br />
<br />
Förhandsgranskning:<br />
</form>
<div id="txtPreview"> </div>
</body>
</html>
AsaMedlem sedan dec. 20011 860 inlägg De flesta menar jag. Typ Netscape, Mozilla. De vanligaste som används!
