SOLVED

form submit to _blank

Go to solution
Colby_Dix
Level 5

form submit to _blank

So I have a landing page that's a rather simple form that i am embedding into an iframe within a wordpress post. it looks good.

When you hit 'submit' it triggers an automatic link to a pdf, which unfortunately opens up in the iframe. that doesn't look good. 

Any advice I've tried to find on this has broken links or no info on the jquery code necessary. Any help is appreciated!

Colby

ooooh shiny.
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Colby_Dix
Level 5

Re: form submit to _blank

I figured it out, sort of. The key is to put this into the html window:

<base target="_blank" />


And then , boom, it's working in chrome at least. Not working reliably in IE...
 

ooooh shiny.

View solution in original post

13 REPLIES 13
Anonymous
Not applicable

Re: form submit to _blank

If you change the link to download your PDF to this format, it will redirect the whole page to the PDF:

"<a href="http://example.com/example.pdf" target="_top">Download PDF</a>"

This link structure should work because "_top" target is specifying the window object of the page at the top of the frames hierarchy.
Colby_Dix
Level 5

Re: form submit to _blank

there is no href in this case, it's using the marketo form submit button to redirect to the pdf. it's not a 'link' per se. to clarify it's the 'follow up url' in the form that links to the pdf.
ooooh shiny.
Anonymous
Not applicable

Re: form submit to _blank

Good point. Could you please post a link to the page? 

It will require a little bit of custom JavaScript. Just need to take a look at the page to see what needs to be changed. 
Colby_Dix
Level 5

Re: form submit to _blank

based on my findings here:

https://community.marketo.com/MarketoDiscussionDetail?id=90650000000PlLWAA0


I tried adding this in an html block on the landing page to no avail (the form utilized in this instance is 1090):
 

<script> 
 
  function setupFormSuccess (){
 
    var form = MktoForms2.getForm(1090);
 
    if(!form){
 
      setTimeout(setupFormSuccess, 500);
 
    }else{
 
      form.onSuccess(function (values, url){
 
        window.top.location.href = url;
 
        return false;
 
      });
 
    }
 
  }
  setupFormSuccess();
</script>

the blog post with the form exists here:

https://community.marketo.com/MarketoDiscussionDetail?id=90650000000PlLWAA0

ooooh shiny.
Anonymous
Not applicable

Re: form submit to _blank

Almost there. Made a change that should make it work. Try the code below (you will just need to change example.com/example.pdf to the link to your pdf, but keep same structure).

Let me know if it works? 

<script> 
 
  function setupFormSuccess (){
 
    var form = MktoForms2.getForm(1090);
 
    if(!form){
 
      setTimeout(setupFormSuccess, 500);
 
    }else{
 
      form.onSuccess(function (values, url){
 
        window.top.location.href = "http://example.com/example.pdf";
 
        return false;
 
      });
 
    }
 
  }
  setupFormSuccess();
</script>

Colby_Dix
Level 5

Re: form submit to _blank

still not working... hmmm.

i also tried using only "top.location.href" , still to no avail...
ooooh shiny.
Anonymous
Not applicable

Re: form submit to _blank

Ok. Let's keep trying. Try this:

<script> 
 
  function setupFormSuccess (){
 
    var form = MktoForms2.getForm(1090);
 
    if(!form){
 
      setTimeout(setupFormSuccess, 500);
 
    }else{
 
      form.onSuccess(function (values, followUpUrl){
 
        window.top.location.href = "http://example.com/example.pdf";
 
        return false;
 
      });
 
    }
 
  }
  setupFormSuccess();
</script>
Colby_Dix
Level 5

Re: form submit to _blank

still no. i feel like i must be missing something simple. to recap, I have a simple landing page with just a form and a small blurb of html that holds ONLY the javascript that we are trying. those are the only two elements for the LP. it uses form 1090, but the redirect after hitting submit always comes from the form settings and is not affected by the javascript at all. i know this as i set the form submit to go to an external page (google) and it goes there regardless of what's in the javascript.

does the html box need to be positioned somewhere specific for the java to take over the built in forms submit function?

ooooh shiny.
Anonymous
Not applicable

Re: form submit to _blank

I am not sure, so I will let somebody else comment here. I'll update this comment if I can think of anything else.