Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Sign in to follow this  
Sir Pereira

Form por baixo?

Recommended Posts

Sir Pereira

Boas pessoal,

é o seguinte, queria que ao clicar no link adicionar, abrisse uma "popup" se assim lhe posso chamar, com um formulário de inserção de dados.

E como tal, fui à procura de uns "popups" bonitos. Não encontrei bem o que queria, mas de qualquer maneira fui tentar adaptar este.

O problema é que ao clicar em Adicionar, a tabela que está por baixo sobrepõe-se à "popup".. Porque será?  :thumbsup:

Antes de clicar Adicionar:

antes_adicionar.jpg

Depois de clicar Adicionar:

width=750 height=409http://i138.photobucket.com/albums/q266/DJ_BloodHunter/depois_adicionar.jpg[/img]

O código que estou a utilizar:

		<a class="button" onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'block' " >ADICIONAR </a>
<div id='PopUp' style='display: none; position: absolute;  border: solid black 1px; padding: 10px; background-color: rgb(255,255,225); text-align: justify; font-size: 12px; width: 500px;'>
  <form action="addnoticia.php" method="POST">
    <h1 class="a">URL da miniatura:<br />
    <input type="text" name="thumbnail" size="75" maxlength="70" />
    </h1>
    <p class="a">Título:<br />
    <input type="text" name="title" size="55"  maxlength="50" />
    </p>
    <p class="a">Descrição:<br />
    <textarea rows="1" cols="55" name="description" onkeypress="return imposeMaxLength(this, 45);" ></textarea> 
    </p>
    <p class="a">Data:<br />
    <input type="text" name="date" size="16" value="<?php echo date("Y-m-d H:i:s"); ?>" readonly="readonly" />
    </p>
    <p class="a">URL do Youtube:<br />
    <input type="text" name="url" size="75" maxlength="70" />
    </p>
    <br />
    <input type="submit" value="Enviar notícia" />  <input type="reset" value="Apagar" />
    </form>
<br />
<div style='text-align: right;'><a onmouseover='this.style.cursor="pointer" ' style='font-size: 12px;' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'none' " ><span style="text-decoration: underline;">Cancelar</span></a></div>
</div>

O código veio daqui, apenas o adaptei:

http://codesnippets.joyent.com/posts/show/708

Cumpz

Share this post


Link to post
Share on other sites
IceBrain

❝The idea that I can be presented with a problem, set out to logically solve it with the tools at hand, and wind up with a program that could not be legally used because someone else followed the same logical steps some years ago and filed for a patent on it is horrifying.❞- John Carmack on software patents

A list  of command line apps

Share this post


Link to post
Share on other sites
IceBrain

Para isso, das duas uma: ou usas uma IFrame dentro da div, ou usas Ajax para actualizar o conteúdo (sendo que esta forma é a mais "limpa", imo).

Se usares a Prototype (framework Javascript), podes fazer isso num par de linhas usando o Ajax.Updater: http://www.prototypejs.org/api/ajax/updater

Nunca experimentei a prototype, mas há muita gente a usá-la.


❝The idea that I can be presented with a problem, set out to logically solve it with the tools at hand, and wind up with a program that could not be legally used because someone else followed the same logical steps some years ago and filed for a patent on it is horrifying.❞- John Carmack on software patents

A list  of command line apps

Share this post


Link to post
Share on other sites
Sir Pereira

Para isso, das duas uma: ou usas uma IFrame dentro da div, ou usas Ajax para actualizar o conteúdo (sendo que esta forma é a mais "limpa", imo).

Se usares a Prototype (framework Javascript), podes fazer isso num par de linhas usando o Ajax.Updater: http://www.prototypejs.org/api/ajax/updater

Nunca experimentei a prototype, mas há muita gente a usá-la.

Ui... e eu agora entender-me assim do nada com AJAX é que é lixado :thumbsup:

Penso que me vou ficar pela Iframe..

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.