Avatar billede kbonline Nybegynder
05. februar 2007 - 00:29 Der er 1 løsning

lav en html tabel af input i formular

Hejsa - Jeg er ved at lave en formular der skal udfyldes med tekst og billeder.
Efter udfyldning skal de indtastede datas vises som en html side.
Billederne skal uploades via aspupload på en server i mappen "billeder".

Jeg har lavet formularen, men jeg kan ikke rigtigt får javascriptet til at virke perfekt (laver om i det valgte)
Og jeg mangler en "modtager side" som blot skal vise den færdige tabel med tekster og billeder.

Koden til tabellen er her, kan nogen hjælpe?

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Overskrift</title>

<script type="text/javascript">
function addRow(elm){
  var tb = getParent(elm,"tbody");
  var tr = tb.getElementsByTagName("tr")[0];
  var nyTr = tr.cloneNode(true);
  var inps = nyTr.getElementsByTagName("input");
  for(i=0;inps.length>i;i++){
    if(inps[i].type == "text")
      inps[i].value = "";
  }
  var submitRow = getParent(elm, "tr");
  tb.insertBefore(nyTr,submitRow);
}
function deleteRow(elm){
  var tb = getParent(elm,"tbody");
  var trs = tb.getElementsByTagName("tr");
  if(3>trs.length)
    return;
  tb.removeChild(trs[trs.length-2]);
}
function getParent(elm,TagName){
  var parElm = elm.parentNode;
  while(parElm.tagName.toLowerCase() != TagName.toLowerCase())
    parElm = parElm.parentNode;
  return parElm;
}
</script>
</head>

<body>
<form method="post" ENCTYPE="multipart/form-data" action="lavhtml3.asp">

<div align="center">
  <center>
<table border="3" cellspacing="1" bordercolor="#C0C0C0" width="56%" id="AutoNumber1">
  <tr>
    <td width="63%" valign="top" bgcolor="#CCFFCC" colspan="2">
    <p align="center">
    <font size="6" color="#008000"><b>Top og Generelt</b></font></td>
    </tr>
  <tr>
    <td width="20%" valign="top" bgcolor="#FFFF99"><font size="4">&nbsp;Ramme <br>
    </font><font size="4" color="#FF0000">(kant uden om auktion)</font></td>
    <td width="43%" bgcolor="#FFFF99">

      &nbsp;<font size="4">Farve</font>

      <select size="1" name="farveramme">
    <option value="#FF0000">Rød</option>
    <option value="#000080" selected>Blå</option>
    <option value="#000000">Sort</option>
    <option value="#008000">Grøn</option>
    </select></td>
    </tr>
  <tr>
    <td width="20%" valign="top" bgcolor="#FFFF99"><font size="4">&nbsp;Baggrunds farve <br>
&nbsp;</font></td>
    <td width="43%" bgcolor="#FFFF99">

      &nbsp;<font size="4">Farve</font>

      <select size="1" name="baggrund">
    <option value="#FF0000">Mørk Rød</option>
    <option selected value="#FFFFFF">Hvid</option>
    <option value="#000080">Mørk Blå</option>
    <option value="#000000">Sort</option>
    <option value="#008000">Mørk Grøn</option>
    <option value="#FFFF99">Lys gul</option>
    <option value="#CCFFCC">Lys grøn</option>
    <option value="#99FFCC">Lys blå</option>
    <option value="#FFCCCC">Lys rød</option>
    </select></td>
  </tr>
  <tr>
    <td width="20%" valign="top" bgcolor="#FFFF99"><font size="4">&nbsp;Overskrift&nbsp; <br>
&nbsp;</font></td>
    <td width="43%" bgcolor="#FFFF99">

      <p><font size="4">&nbsp;Tekst størrelse</font>

      <select size="1" name="stroverskrift">
    <option value="7" selected>7</option>
    <option value="5">5</option>
    <option value="4">4</option>
    <option value="2">2</option>
    </select>&nbsp;&nbsp;&nbsp;&nbsp; <font size="4">Farve</font>

      <select size="1" name="farveoverskrift">
    <option value="#FF0000" selected>Rød</option>
    <option value="#000080">Blå</option>
    <option value="#000000">Sort</option>
    <option value="#008000">Grøn</option>
    </select><br>
      <input type="text" name="overskrift" size="56"></p>

    </td>
  </tr>
  <tr>
    <td width="63%" valign="top" bgcolor="#CCFFCC" colspan="2">
    <p align="center"><font size="6" color="#008000"><b>T</b></font><b><font size="6" color="#008000">ekst
    og Billeder</font></b></td>
  </tr>
  <tr>
    <td width="63%" valign="top" bgcolor="#C0C0C0" colspan="2">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
      <tr>
        <td width="50%"><font size="4">Foto 1 </font>
        <font size="4" color="#FF0000">Max 100kb</font><p><font size="4">Tekst 1&nbsp;
        </font>&nbsp;&nbsp;&nbsp;
    <br>
    &nbsp;</p>

    <button name="addfield" type="button" value="tilføj flere foto og mere tekst" onclick="addRow(this);return false;" style="width: 200">TRYK HER<br>
        For at tilføje endnu et <br>
        Foto og tekst felt
        </td>
        <td width="50%"><input type="file" name="foto1" size="41"><br>
        <font size="4">Tekst størrelse</font>

      <select size="1" name="strtekst1">
    <option value="7">7</option>
    <option value="5">5</option>
    <option value="4" selected>4</option>
    <option value="2">2</option>
    </select>&nbsp;&nbsp;&nbsp;&nbsp; Farve

      <select size="1" name="farvetekst1">
    <option value="#FF0000">Rød</option>
    <option value="#000080" selected>Blå</option>
    <option value="#000000">Sort</option>
    <option value="#008000">Grøn</option>
    </select><br>
    <textarea rows="9" name="tekst1" cols="49"></textarea></td>
      </tr>
    </table>
    </td>
  </tr>

  <tr>
    <td width="100%" valign="top" bgcolor="#CCFFCC" colspan="2">
    <p align="center"><font color="#008000">
    <input type="submit" value="Vis siden" name="B1"> <br>
    <b>Bemærk</b> det kan tage flere minutter at uploade
    billederne.<br>
    Du kan følge upload nederst i browseren, på de grønne upload felter</font></td>
  </tr>
</table>
  </center>
</div>
    </form>
</body>

</html>
Avatar billede kbonline Nybegynder
15. marts 2007 - 13:08 #1
jeg lukker og slukker
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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