How to make a form appear on the screen when clicking a link?

Asked

Viewed 827 times

1

I’m trying to make my form appear in the white space next to it when I click on the link "TYPE IN CONSULTATION GUIDE". I’ve tried something like: (but I didn’t get the expected result)

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

inserir a descrição da imagem aqui

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 comments that we adjust.

  • In this case, my form is done on one page, and my restricted page is on another. Explaining better.. When the user logs in, they will be directed to the restricted page. On this restricted page, it contains the link to enter the query tab. (The Query Guide is made on a page, because the idea was that when clicking on the "query tab" link, open a window in which it contains the form). But now I need to make sure that when I click on the link, the form appears in the blank space. And this option that you gave me, does not do this.

0

  • if it worked mark as completed , if have more questions warn.

  • If it was to leave the form fixed in the blank part of the site, it would be very useful. But it was not the way I would like.

  • send the link or ss how it turned out and explain how you would like it to work

  • I have no website as an example. I will try to explain as much as possible. I have a page where when clicking on a "enter query tab" link, the form to be filled appears in the blank space of the screen.

  • yes with iframe works right , in the white space vc creates an iframe without borders of the size of the white space when vc clikar in link vc loads another html with the form inside iframe

  • I did as you explained it to me up there, and the form appeared inside the iframe.

Show 2 more comments

Browser other questions tagged

You are not signed in. Login or sign up in order to post.