Jump to content
einet

Check box Popup

Recommended Posts

einet

Boas,

Sou novo nisto in no forum, bom forum portugues.

Eu adopteu um codigo daqui do forum e a pergunta seria possivel clickar noch checkbox atraves de um popup e fazer o mesmo que faz este codigo?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<script type="text/javascript">
function addOptions() {
// apagar a caixa por omissão
document.getElementById( "download" ).innerHTML = "";

if (document.getElementById("rapidshare").checked)
  document.getElementById( "download" ).innerHTML += "[b]Rapidshare[/b]\n\n"

if (document.getElementById("megaupload").checked)
  document.getElementById( "download" ).innerHTML += "[b]Megaupload[/b]\n\n"
}
</script>
<body>
<form name="formname">
<input name="showit" type="checkbox" id="rapidshare" onclick="addOptions()" /> <b>RS:</b>
<input name="showit" type="checkbox" id="megaupload" onclick="addOptions()" /> <b>MU:</b><br />
<textarea name="mytext" wrap="virtual" id="download" rows="20" cols="50"></textarea>
</form>

</body>
</html>

Share this post


Link to post
Share on other sites
einet

Boas,

O Problema:

Um Formulario com a opção de um popup para fazer uma escolha de opções! fazendo cair numa textbox dinamica! "multilinhas

em caso de ter muitas opções!

Problema é que tentei muitos mas o problema não são fiaveis, e está opção funciona bem mas

não o que procuro!

Obrigado pela ajuda

J.Paulo

Share this post


Link to post
Share on other sites
herty

Eu aconselhava-te a usares jQuery, vai facilitar-te muito a vida :)

Lê alguma documentação e arranjas facilmente uma solução para esse problema.

http://jquery.com/

Share this post


Link to post
Share on other sites
brunoais

Se tu domares atenção, poderás reparar que esse código, usando o jQuery ainda é tão complicado que um feito usando o que há de nativo no javascript. Há que notar que este código é mais rápido e eficiente que o que ele indica nessa página

O que está lá é isto:

document.addEventListener('click', function (e){

		var width = e.target.style.width;
		var height = e.target.style.height;

		//calculating offset for displaying popup message
		var leftVal=e.pageX-(width/2)+"px";
		var topVal=e.pageY-(height/2)+"px";
		//show the popup message and hide with fading effect
		$('#popuup_div').css(
					{
						 left:leftVal,
						 top:topVal
					}
					).show().fadeOut(1500);
	}, false);

Usa o jQuery só para o que é mais complicado de escrever. É para isso q eu uso o jQuery (e não para coisas simples).


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
herty

Não vejo grande diferença :)

Muito provavelmente o

$(document).click(function(e){
...
}

vai fazer o mesmo que a linha abaixo

document.addEventListener('click', function (e){
...
}

Por isso não acredito que haja muita diferença de eficiencia

Share this post


Link to post
Share on other sites
brunoais

A principal diferença não é o que é que faz na prática. É o que é que ele tem que processar para fazer o mesmo. E a principal diferença não está aí.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

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

×
×
  • Create New...

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.