Avatar billede kjetilh Nybegynder
23. oktober 2003 - 12:37 Der er 2 kommentarer og
1 løsning

preview av form

Vil gjerne av følgende kode skal skrive ut preview i bunnen av den eksisterende side i stedet for en helt ny side.

<html>
<head>
<script language="JavaScript">
function preview(formelement)
{
    document.write("<tr><td>Preview: ");
    document.write(formelement.value);
    document.write("</td></tr>");
}
</script>
</head>
<body>
<table width="100%" cellpadding="2" cellspacing="0">
    <form method="get" action="index.php?op=2">
    <tr>
        <td align="left">Device Name:</td>
        <td align="left" width="90%"><input type="text" name="name" size="50" maxlength="50" value="Device Name / Mask Id"></td>
    </tr> 
    <tr>
        <td align="left" colspan="2"><input type="button" value="preview" onClick="preview(this.form.name);"> <input type="submit" name="submit" value="submit"></td>
    </tr>
    </form>
</table>
</body>
</html>
Avatar billede mm12010 Nybegynder
23. oktober 2003 - 12:51 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>preview av form</title>
<script language="JavaScript">
function preview(frm){
    document.getElementById('view').innerHTML=frm.navn.value;
    document.getElementById('pre').style.display='block';
    }
</script>
</head>
<body>
<table width="100%" cellpadding="2" cellspacing="0">
  <form method="get" action="index.php?op=2">
    <tr>
      <td align="left">Device Name:</td>
      <td align="left" width="90%"><input type="text" name="navn" size="50" maxlength="50" value="Device Name / Mask Id"></td>
    </tr>
    <tr>
      <td align="left" colspan="2"><input type="button" value="preview" onClick="preview(this.form);">
        <input type="submit" name="submit" value="submit"></td>
    </tr>
    <tr id="pre" style="display: none;">
      <td colspan="2"><div id="view">&nbsp;</div></td>
    </tr>
  </form>
</table>
</body>
</html>
Avatar billede kjetilh Nybegynder
23. oktober 2003 - 15:15 #2
mm12010, kanskje du lige kan se hvorfor dette ikke virker også da:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>preview av form</title>
<script language="JavaScript">
function preview(frm){
    document.getElementById('view').innerHTML=frm.navn.value;
   
    for(var i = 0; i < frm.revision.options.length; i++)
        if (frm.revision.options[i].selected)
            document.getElementById('revision').innerHTML=frm.revision.options[i].value;

    document.getElementById('pre').style.display='block';
    }
</script>
</head>
<body>
<table width="100%" cellpadding="2" cellspacing="0">
  <form method="get" action="index.php?op=2">
    <tr>
      <td align="left">Device Name:</td>
      <td align="left" width="90%"><input type="text" name="navn" size="50" maxlength="50" value="Device Name / Mask Id"></td>
    </tr>
    <tr>
        <td align="left">Revision:</td>
        <td align="left"><select name='revision' class="textfield"><option>Rev-A</option><option>Rev-B</option><option>Rev-C</option><option>Rev-D</option><option>Rev-E</option>
                        <option>Rev-F</option><option>Rev-G</option><option>Rev-H</option><option>Rev-I</option><option>Rev-J</option><option>Rev-K</option><option>Rev-L</option><option>Rev-M</option>
                        <option>Rev-N</option><option>Rev-O</option><option>Rev-P</option><option>Rev-Q</option><option>Rev-R</option><option>Rev-S</option><option>Rev-T</option><option>Rev-U</option>
                        <option>Rev-V</option><option>Rev-W</option><option>Rev-X</option><option>Rev-Y</option><option>Rev-Z</option></select></td>
    </tr>   
    <tr>
      <td align="left" colspan="2"><input type="button" value="preview" onClick="preview(this.form);">
        <input type="submit" name="submit" value="submit"></td>
    </tr>
    <tr id="pre" style="display: none;">
      <td><div id="view">&nbsp;</div></td><td><div id="revision">&nbsp;</div></td>
    </tr>
  </form>
</table>
</body>
</html>
Avatar billede mm12010 Nybegynder
24. oktober 2003 - 11:11 #3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>preview av form</title>
<script language="JavaScript">
function preview(frm){
    document.getElementById('view').innerHTML=frm.navn.value;
    alert(frm.revision.options.length);
    for(i=0;i<frm.revision.options.length;i++){
        if(frm.revision.options[i].selected){
            document.getElementById('rev_veiw').innerHTML=frm.revision.options[i].value;
            }
        }       
    document.getElementById('pre').style.display='block';
    }
</script>
</head>
<body>
<table width="100%" cellpadding="2" cellspacing="0">
  <form method="get" action="index.php?op=2">
    <tr>
      <td align="left">Device Name:</td>
      <td align="left" width="90%"><input type="text" name="navn" size="50" maxlength="50" value="Device Name / Mask Id"></td>
    </tr>
    <tr>
        <td align="left">Revision:</td>
        <td align="left"><select name='revision'><option value="Rev-A">Rev-A</option><option value="Rev-B">Rev-B</option><option value="Rev-C">Rev-C</option></select></td>
    </tr>   
    <tr>
      <td align="left" colspan="2"><input type="button" value="preview" onClick="preview(this.form);">
        <input type="submit" name="submit" value="submit"></td>
    </tr>
    <tr id="pre" style="display: none;">
      <td colspan=2><div id="view">&nbsp;</div> - <div id="rev_veiw">&nbsp;</div></td>
    </tr>
  </form>
</table>
</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester