Søg
Avatar billede floetti Nybegynder
17. marts 2004 - 00:13 Der er 12 kommentarer og
1 løsning

send form uden at reloade

Hej!

Jeg har en side, hvor man har nogle værdier som skal sendes til samme side og blive sammensat.
Problemet er bare at jeg ikke kan få sendt info'et uden at siden reloader... tænkte at det kunne laves med javascript, har prøvet mig frem, men det jeg ikke så skrap til det!!!

Eksempel ligger her: http://www.floetti.dk/tests/content

Prøv og skriv i indhold og så lave et billede, så ser du hvad jeg mener...

På forhånd tak
//floetti.dk
Avatar billede roenving Novice
17. marts 2004 - 00:17 #1
Hvorfor skal du også submitte ?-)

Du kan da bare bruge en button i stedet for en submit !-)
Avatar billede floetti Nybegynder
17. marts 2004 - 00:24 #2
Jo, det har jeg lavet... men så kommer værdierne ikke med, eller hvad?

Jeg prøver lige...
Avatar billede floetti Nybegynder
17. marts 2004 - 00:27 #3
Jeg har lavet en if($_POST['mail']), men kan jeg få det i javascript??
Avatar billede roenving Novice
17. marts 2004 - 00:27 #4
Du kan da bare selv lave en funktion, som kreerer den innerHTML, du har brug for i output-feltet !-)
Avatar billede floetti Nybegynder
17. marts 2004 - 00:35 #5
Jp, det kunne jeg nok, om jeg fandt ud af det;)

Kan du komme med et fingerpeg om hvordan kunne laves??
Avatar billede roenving Novice
17. marts 2004 - 00:47 #6
Bare eksempel, slet ikke gennemarbejdet:

function makeHTML(f){
var newHTML = '<DIV class="';

var radios = f.adjust;

for(i=0;radios.length>i;i++){
  if(radios[i].checked)newHTML+= radios[i].value;
}

newHTML += '"><IMG src="';

var kilder = ['1234.jpg','2345.jpg','3456.jpg','4567.jpg'];

var radios = f.billede;

for(i=0;radios.length>i;i++){
  if(radios[i].checked)newHTML+=kilder[i]
}

newHTML += '"'+((f.ramme[0].checked)?' border="1"':"")+"></DIV>";

document.getElementById('showDiv').innerHTML = newHTML;

}
Avatar billede floetti Nybegynder
17. marts 2004 - 00:55 #7
skal jeg så sætte  onClick="makeHTML(f);" i button, da alle værdies er udfylt?
Avatar billede roenving Novice
17. marts 2004 - 00:58 #8
Ja, næsten, for du skal sikre dig at parameteren er din form, så sådan:

<button onclick="makeHTML(this.form);">Lav kode</button>
</form>
Avatar billede floetti Nybegynder
17. marts 2004 - 01:02 #9
Jeg har lagt eksemplet op. Der melder fejl... jeg må have lavet noget forkert:(
Avatar billede roenving Novice
17. marts 2004 - 01:14 #10
Du havde jo heller ikke 'oversat', så det var dine egne feltnavne osv.

-- desuden måtte jeg opgive at se fejlen, fordi jeg bruger Mozilla til at kigge på kode, og du har åbenbart en ShowHide, som ikke dur med almindelige browsere ...

-- egentlig fuldstændigt tåbeligt, for det er så enkelt at sikre at andre browsere end IE fungerer med den slags, jeg gad dog ikke lige nu kigge i koden !-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fløtti Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" src="default.js" type="text/javascript"></SCRIPT>
<script language="javascript" src="jscripts.js" type="text/javascript"></SCRIPT>

<style type="text/css">
<!--
.titlebox {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #00CC66;
    border: 1px dotted #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.mainbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #E0E0E0;
    border: 1px dotted #000000;
}
-->
</style>
</head>

<body>

<script language="javascript">
function makeHTML(f){
var newHTML = '&lt;DIV class="';

var radios = f.align;

for(i=0;radios.length>i;i++){
  if(radios[i].checked)newHTML+= radios[i].value;
}

newHTML += '"&gt;&lt;IMG src="';

var kilder = ['1234.jpg','2345.jpg','3456.jpg','4567.jpg'];

radios = f.pic;

for(i=0;radios.length>i;i++){
  if(radios[i].checked)newHTML+=kilder[i]
}

newHTML += '"'+((f.border[0].checked)?' border="1"':"")+"&gt;&lt;/DIV&gt;";

document.getElementById('MakeSource').innerHTML = newHTML;
}
</script>
<table width="60%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="20" class="titlebox">&nbsp;<strong>Billeder</strong> <img src="show.gif" border="1" align="absmiddle" id="AddIMGpic" onclick="java script:showHide('AddIMG');"></td>
  </tr>
  <tr>
    <td>
    <div style="display:none;" id="AddIMG">

    <form name="make" method="POST" action="">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="mainbox">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="center">
                <td>BILLEDE 1                  </td>
                <td>BILLEDE 2                  </td>

                <td>BILLEDE 3                  </td>
                <td>BILLEDE 4                  </td>
              </tr>
              <tr align="center">
                <td><input name="pic" type="radio" value="1234"></td>
                <td><input name="pic" type="radio" value="5678"></td>
                <td><input name="pic" type="radio" value="9010"></td>
                <td><input name="pic" type="radio" value="1112"></td>

              </tr>
          </table></td>
        </tr>
        <tr>
          <td height="17">&nbsp;</td>
        </tr>
        <tr>
          <td class="mainbox"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>

                <td width="17%" align="right">Placering:</td>
                <td width="83%"><input name="align" type="radio" value="img_left">
                  Venstre</td>
              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td><input name="align" type="radio" value="img_center">
                  Centreret</td>

              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td><input name="align" type="radio" value="img_right">
                  H&oslash;jre</td>
              </tr>
              <tr>
                <td align="right">&nbsp;</td>

                <td>&nbsp;</td>
              </tr>
              <tr>
                <td align="right">Ramme:</td>
                <td><input name="border" type="radio" value="1">
                  Ja
                  <input name="border" type="radio" value="0">
                  Nej</td>

              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td align="right">&nbsp;</td>
                <td><button onclick="makeHTML(this.form);">Lav kode</button></td>

              </tr>
          </table></td>
        </tr>
      </table>
      </form>
    </div></td>
  </tr>
</table>
<br>
<table width="60%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <td height="20" class="titlebox">&nbsp;<strong>Kopier tekst : </strong></td>
  </tr>
  <tr>
  <td class="mainbox">
  <div style="display:auto;" id="MakeSource">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td height="40" align="center"></td>
  </tr>
  </table>
  </div>
  </td>
  </tr>
</table>
<br>
<table width="60%" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td height="20" class="titlebox">&nbsp;<strong>Indhold: </strong></td>
  </tr>
  <tr>
    <td valign="top"><form name="form1" method="post" action="">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
     
        <tr>
          <td align="center"><textarea name="tekst_lang" cols="60" rows="10" id="tekst_lang"></textarea>
          </td>

        </tr>
      </table>
    </form></td>
  </tr>
</table>
</body>
</html>
Avatar billede floetti Nybegynder
17. marts 2004 - 01:20 #11
OK! takker for hjælpen;)

Jeg prøver mig frem
Avatar billede floetti Nybegynder
18. maj 2006 - 00:49 #12
nå... gammalt, har totalt glemt dette, er også lagt væk fra det nu, så jeg lukker bare. Håber det er i orden med dig roenving...
Avatar billede floetti Nybegynder
18. maj 2006 - 00:50 #13
og det sidste!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »