Avatar billede kbonline Nybegynder
03. januar 2007 - 00:03 Der er 4 kommentarer og
1 løsning

PRÆMIE OPGAVE - Tilføj endnu en tekstbox eller fotoupload form

Hejsa
Jeg er ved at lave en formularside hvor man kan skrive tekst og vælge billeder fra sin HD.
Jeg har brugt det som nedenstående, og det virker egentlig også fint.
Den gør det at man på siden inden vælger antal foto man ønsker hvorefter formularen kommer til at se sådan ud:
---------------------
tekstform1
fotouploadform1
tekstform2
fotouploadform2
fotouploadform3
fotouploadform4
fotouploadform5
fotouploadform6
tekstform3
----------------------
Koden kan du se nederst.
Det jeg gerne ville have var at jeg istedet kunne vælge meller 2 knapper "tilføj tekstform" og tilføj fotouploadform"
Disse knapper kommer hver gang man har udfyldt et forfelt, så man helt selv kan vælge hvor mange tekstform og fotoform ham ønsker og i hvilken rækkefølge. (sikkert via noget java halløj)
Jeg håber i forstår hvad jeg mener.
Den der kan lave det for mig, vil udover de dejlige 200 point, modtage en USB drive på 2 Gigabite fra mig :-)

Her kommer den gamle kode.
<% session("antalfoto")= request("antalfoto") %>
<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>
</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="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Ramme <br>
    <font color="#FF0000">(kant uden om auktion)</font></td>
    <td width="38%" bgcolor="#C0C0C0">

      &nbsp;Farve

      <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="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Baggrunds farve <br>
&nbsp;</td>
    <td width="38%" bgcolor="#C0C0C0">

      &nbsp;Farve

      <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="25%" valign="top" bgcolor="#808080">&nbsp;Overskrift&nbsp; <br>
&nbsp;</td>
    <td width="38%" bgcolor="#808080">

      <p>&nbsp;Tekst størrelse

      <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; Farve

      <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="58"></p>

    </td>
  </tr>
  <tr>
    <td width="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Foto 1
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font> </td>
    <td width="38%" bgcolor="#C0C0C0"><input type="file" name="foto1" size="41"></td>
  </tr>
  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Tekst 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <br>
&nbsp;</td>
    <td width="38%" bgcolor="#808080">&nbsp;Tekst størrelse

      <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>
<% if session("antalfoto") > 1 then %>
  <tr>
    <td width="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Foto 2
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font></td>
    <td width="38%" bgcolor="#C0C0C0"><input type="file" name="foto2" size="41"></td>
  </tr>

  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Tekst 2</td>
    <td width="38%" bgcolor="#808080">Tekst størrelse

      <select size="1" name="strtekst2">
    <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="farvetekst2">
    <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="8" name="tekst2" cols="49"></textarea></td>
  </tr>
<%
else
end if
%>
<% if session("antalfoto") > 2 then %> 
  <tr>
    <td width="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Foto 3
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font></td>
    <td width="38%" bgcolor="#C0C0C0"><input type="file" name="foto3" size="41"></td>
  </tr>
<%
else
end if
%>
 
<% if session("antalfoto") > 3 then %> 
  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Foto 4
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font></td>
    <td width="38%" bgcolor="#808080"><input type="file" name="foto4" size="41"></td>
  </tr>
<%
else
end if
%>

<% if session("antalfoto") > 4 then %>
  <tr>
    <td width="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Foto 5
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font></td>
    <td width="38%" bgcolor="#C0C0C0"><input type="file" name="foto5" size="41"></td>
  </tr>
<%
else
end if
%>

<% if session("antalfoto") > 5 then %>

  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Foto 6
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font></td>
    <td width="38%" bgcolor="#808080"><input type="file" name="foto6" size="41"></td>
  </tr>
<%
else
end if
%> 
 
  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Afsluttende tekst</td>
    <td width="38%" bgcolor="#808080">Tekst størrelse

      <select size="1" name="strtekst3">
    <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="farvetekst3">
    <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="8" name="tekst3" cols="49"></textarea></td>
  </tr>
  <tr>
    <td width="100%" valign="top" bgcolor="#C0C0C0" colspan="2">
    <p align="center"><input type="submit" value="Lav HTML koder" name="B1"> <br>
    <font color="#FF0000"><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>
<p>&nbsp;</p>
    </form>
</body>

</html>
Avatar billede elskermad.dk Nybegynder
03. januar 2007 - 13:56 #1
Jeg er slet ikke sikker på om jeg har forstået opgaven korrekt (og kan i øvrigt ikke ASP), men måske noget lignende?

<html>

<head>
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Overskrift</title>
<script type='text/javascript'>
    imagenr = 3;
   
    function addimage(nr) {
        var place    = document.getElementById('billeder');
       
        var table    = document.createElement('table');
       
            var tr = document.createElement('tr');
           
                var td1    = document.createElement('td');
                td1.style['width'] = '25%';
                td1.style['verticalAlign'] = 'top';
                td1.style['backgroundColor'] = '#808080';
                td1.appendChild(document.createTextNode(' Foto ' + nr));
               
                    var helplink = document.createElement('a');
                    helplink.setAttribute('target','_blank');
                    helplink.setAttribute('href','smaafiler.htm');
                    helplink.appendChild(document.createTextNode('(hjælp)'));
                   
                    var maxsize = document.createElement('div');
                    maxsize.style['color'] = '#FF0000';
                    maxsize.appendChild(document.createTextNode(' Max 100kb'));
                   
                    td1.appendChild(helplink);
                    td1.appendChild(maxsize);
                   
                var td2    = document.createElement('td');
                td2.style['width'] = '38%';
                td2.style['backgroundColor'] = '#808080';
               
                    var upload = document.createElement('input')
                    upload.setAttribute('type','file');
                    upload.setAttribute('name','foto' + nr);
                    upload.setAttribute('size','41');
                   
                    td2.appendChild(upload);
               
                tr.appendChild(td1);
                tr.appendChild(td2);
           
            table.appendChild(tr);
           
        place.appendChild(table);
    }
   
    window.onload = function() {
        addimage(imagenr++);
    }
</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="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Ramme <br>
    <font color="#FF0000">(kant uden om auktion)</font></td>
    <td width="38%" bgcolor="#C0C0C0">

      &nbsp;Farve

      <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="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Baggrunds farve <br>
&nbsp;</td>
    <td width="38%" bgcolor="#C0C0C0">

      &nbsp;Farve

      <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="25%" valign="top" bgcolor="#808080">&nbsp;Overskrift&nbsp; <br>
&nbsp;</td>
    <td width="38%" bgcolor="#808080">

      <p>&nbsp;Tekst størrelse

      <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; Farve

      <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="58"></p>

    </td>
  </tr>
  <tr>
    <td width="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Foto 1
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font> </td>
    <td width="38%" bgcolor="#C0C0C0"><input type="file" name="foto1" size="41"></td>
  </tr>
  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Tekst 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <br>
&nbsp;</td>
    <td width="38%" bgcolor="#808080">&nbsp;Tekst størrelse

      <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>
  <tr>
    <td width="25%" valign="top" bgcolor="#C0C0C0">&nbsp;Foto 2
    <a target="_blank" href="smaafiler.htm">(hjælp)</a> <font color="#FF0000">
    Max 100kb</font></td>
    <td width="38%" bgcolor="#C0C0C0"><input type="file" name="foto2" size="41"></td>
  </tr>

  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Tekst 2</td>
    <td width="38%" bgcolor="#808080">Tekst størrelse

      <select size="1" name="strtekst2">
    <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="farvetekst2">
    <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="8" name="tekst2" cols="49"></textarea></td>
  </tr>
  <tr>
      <td colspan='2'>
          <div id='billeder'></div>
         
          <input type='button' value='Tilføj billedfelt' onClick='addimage(imagenr++)'>
      </td>
  </tr> 
  <tr>
    <td width="25%" valign="top" bgcolor="#808080">&nbsp;Afsluttende tekst</td>
    <td width="38%" bgcolor="#808080">Tekst størrelse

      <select size="1" name="strtekst3">
    <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="farvetekst3">
    <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="8" name="tekst3" cols="49"></textarea></td>
  </tr>
  <tr>
    <td width="100%" valign="top" bgcolor="#C0C0C0" colspan="2">
    <p align="center"><input type="submit" value="Lav HTML koder" name="B1"> <br>
    <font color="#FF0000"><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
05. januar 2007 - 00:02 #2
Hejsa - Jeg synes ikke rigtigt der sker noget når jeg trykker på knappen?
Avatar billede kbonline Nybegynder
05. januar 2007 - 00:03 #3
Jeg har forsøgt at forklare problemet i et andet spg. også, hvis du hjælper mig, skal du nok få din præmie :-) Når det virker som jeg ønsker det naturligvis.
Avatar billede kbonline Nybegynder
05. januar 2007 - 00:04 #4
Glemte lige link til andet spg.
http://www.eksperten.dk/spm/753890
Avatar billede kbonline Nybegynder
29. maj 2007 - 10:45 #5
lukker lige her
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