How do I get a form to appear on the screen when I click on a link?

1

I'm trying to get my form to appear in the space next to it when I click the "GET GUIDANCE GUIDE" link . I've tried something like: (but I have not had the expected result)

   <frameset cols="100%">
         <frame src="link da página aqui"></frame>           
       </frameset>

    
asked by anonymous 06.09.2016 / 16:27

2 answers

1

You have this option ... See if it helps.

.lightbox {
	/** Esconde a classe lightbox */
	display: none;
	/** Estilo basico para a classe */
}
.lightbox:target {
    /** Aplica essa regras quando target ocorre na classe */
    display: inline-block;
    outline: none;
}
a{
    display:block;
}
input{
float:left;
}
.close{
    /**Classe para fechar a div, se quiser*/
    display:inline;
    padding-left:7px;
}
<header>Digitação de Guias</header>
<hr/>
<a href="#content">Digitar Guia de Consulta</a>
<div id="content" class="lightbox">
  <form id="form_1">
      <input type="text" value="Nome"/><br/>
      <input type="text" value="Email"/>
      <input type="submit" value="enviar"/>
      <a class="close" href="#">X</a> 
  </form>
</div>
<a href="outro_form">Digitar Guia de Exames</a>
<a href="e_outro">Avisos Importantes</a>

Anything says that we adjust.

    
06.09.2016 / 17:03
0

You can use <iframe> or you can still make a request in ajax with jquery so follow below the tutorial link for both verbs

<iframe src="paginaembranco.html" name="meuIframe"></iframe>
<a href="http://google.com" target="meuIframe">

link

or for jquery with ajax link

    
06.09.2016 / 16:35