[JS] 1 Form verzenden naar meerdere pagina's (preview)

Pagina: 1
Acties:

  • Bjk
  • Registratie: Augustus 2002
  • Laatst online: 18-05 14:58
Ik wil een formulier met daarin 2 velden publiceren of previewen. Dit wou ik doen dmv een javascript die naar een klik op één van de buttons (Publiceren/Preview) de action veranderd.
Hiervoor heb ik gezocht op GoT en had een boel resultaten. Zodoende heb ik ook daarvan dingen overgenomen maar toch werkt hij niet. Mischien kunnen jullie helpen.

De javascript:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
<script language="JavaScript" type="text/JavaScript">
function preview()
{
document.getElementById("preform").action ='?preview=1'
document.getElementById("preform").submit();
}
function submit()
{
document.preform.action.value='query.php?action=post'
document.getElementById("preform").submit();
}
</script>


De HTML:
HTML:
1
2
3
4
5
6
<form action="" method="post" name="preform" id="preform">
<input class="form" name="onderwerp" type="text" id="onderwerp">
<textarea class="form" name="item" cols="35" rows="8" id="item"></textarea>
 <input name="preview" type="submit" id="preview" onclick="preview();" value="Preview">
<input name="additem" type="submit" id="additem" onClick="submit();" value="Publiceer artikel">
</form>


Probleem:
Hij wijzigt de action niet, kortom het form word niet naar de goeve pagina verzonden en ik kom niet verder. Zelf denk ik dat de Javascript goed is, maar ik ben zeker geen expert. Heb het op twee manieren geprobeert (verschilt dus in preview/submit). Toch werken beide niet. Help!

[ Voor 20% gewijzigd door Bjk op 03-01-2005 13:20 ]


  • Janoz
  • Registratie: Oktober 2000
  • Laatst online: 07:31

Janoz

Moderator Devschuur®

!litemod

Ik zie hier geen enkele regel php. Javascript hoort in Webdesign & Graphics.

Move + titlefix

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'


  • Foutlook
  • Registratie: Februari 2001
  • Niet online
ipv
code:
1
type="submit"


dit doen:
code:
1
type="button"

  • Bjk
  • Registratie: Augustus 2002
  • Laatst online: 18-05 14:58
Nee werkt niet, helaas :(.

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

waarom gebruik je niet gewoon een hidden field die je zet met een onclick (net zoals hier op GoT)

HTML:
1
2
3
<input name="data[type]" value="send" type="hidden">
<input value="Bekijk bericht" onclick="this.form['data[type]'].value='preview'" type="submit"> 
<input value="Verstuur bericht" onclick="this.form['data[type]'].value='send'" type="submit">

  • Blaise
  • Registratie: Juni 2001
  • Niet online
Ik heb dit probleem zo opgelost:


Java:
1
2
3
4
5
6
7
8
function bewaar(suborprev){
    var myform = document.forms.nieuwsform;
    if (suborprev == 1) myform.submit(); // submit
    else if (suborprev == 2){
        myform.action = '/preview'; // preview = andere action
        myform.submit();
    }
}

HTML:
1
2
<input type="button" value="bewaar" class="button"  onclick="bewaar(1)" />
<input type="button" value="preview" class="button" onclick="bewaar(2)" />

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Blaise schreef op maandag 03 januari 2005 @ 17:55:
Ik heb dit probleem zo opgelost:

HTML:
1
2
<input type="button" value="bewaar" class="button"  onclick="bewaar(1)" />
<input type="button" value="preview" class="button" onclick="bewaar(2)" />
met als nadeel het je zonder javascript helemaal niet meer werkt :)
Pagina: 1