Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

R0cky.IV

[Resolvido] Checkbox e Textarea

Por , em Javascript

Recommended Posts

R0cky.IV    0

R0cky.IV
Postado 

<html>
<head>
<title>(Type a title for your page here)</title>
<script language="JavaScript">
<!--

function enable_text(){
		rs = document.getElementById('rapidshare');
		mu = document.getElementById('megaupload');
		hf = document.getElementById('hotfile');

		if(rs.checked || mu.checked || hf.checked){
				document.f1.other_text.disabled = false;
		}else{
				document.f1.other_text.disabled = true;
		}
}
//-->
</script>
<script language="JavaScript">
<!--
function rapidshare1(){
		rs = document.getElementById('rapidshare');

		if(rs.checked){
			document.f1.other_text.disabled = false;
			document.getElementById( "download" ).innerHTML += "[b]Rapidshare:[/b]\n\n\n\n"
		}
		else{
			document.f1.other_text.disabled = true;
			document.getElementById( "download" ).innerHTML = " "
		}

}
//-->
</script>
<script language="JavaScript">
<!--
function megaupload1(){
		mu = document.getElementById('megaupload');

		if(mu.checked){
			document.f1.other_text.disabled = false;
			document.getElementById( "download" ).innerHTML += "[b]Megaupload:[/b]\n\n\n\n"
		}
		else{
			document.f1.other_text.disabled = true;
			document.getElementById( "download" ).innerHTML = " "
		}
}
//-->
</script>
<script language="JavaScript">
<!--
function hotfile1(){
		hf = document.getElementById('hotfile');

		if(hf.checked){
			document.f1.other_text.disabled = false;
			document.getElementById( "download" ).innerHTML += "[b]Hotfile:[/b]\n\n\n\n"
		}
		else{
			document.f1.other_text.disabled = true;
			document.getElementById( "download" ).innerHTML = " "
		}
}
//-->
</script>
</head>
<body>

<form name="f1" method="post"/>
	<!-- RAPIDSHARE -->
	<input name="RS" type="checkbox" id="rapidshare" onclick="rapidshare1()" style="vertical-align:middle"/>
	<img src="hosts/RS_icon.png" style="vertical-align:middle"/>
	<!-- MEGAUPLOAD -->
	<input name="MU" type="checkbox" id="megaupload" onclick="megaupload1()" style="vertical-align:middle"/>
	<img src="hosts/MU_icon.png" style="vertical-align:middle"/>
	<!-- HOTFILE -->
	<input name="HF" type="checkbox" id="hotfile" onclick="hotfile1()" style="vertical-align:middle"/>
	<img src="hosts/Hotfile_icon.png" style="vertical-align:middle"/></br>
   <textarea name="other_text" cols="50" rows="10" id="download" disabled="disabled"></textarea>
</form>

</body>
</html>

O que este código me está a fazer é quando clico na primeira checkbox aparece Rapidshare, quando clico na segunda aparece Rapidshare e Megaupload e quando carrego na terceira aparece, rapidshare, megaupload, hotfile, ate aqui está como quero, agora so me falta quando clico na checkbox de rapidshare, desaparecer o nome rapidshare da textarea, quando clico na checkbox megaupload, desaparecer o nome rapidshare da textarea e quando clico na checkbox de hotfile desaparece o nome da checkbox e coloca a textarea disable....isto pode acontecer por uma outra ordem qualquer.. qualquer duvida perguntem..

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

augustoclaro    2

augustoclaro
Postado

Olá amigo!

Segue o código:

 

<html>
<head>
<title>(Type a title for your page here)</title>
<script language="Javascript">
<!--

function enable_text(){
                rs = document.getElementById('rapidshare');
                mu = document.getElementById('megaupload');
                hf = document.getElementById('hotfile');

                if(rs.checked || mu.checked || hf.checked){
                                document.f1.other_text.disabled = false;
                }else{
                                document.f1.other_text.disabled = true;
                }
}
//-->
</script>
<script language="Javascript">
<!--
function rapidshare1(){
                rs = document.getElementById('rapidshare');

                if(rs.checked){
                        document.f1.other_text.disabled = false;
                        document.getElementById( "download" ).innerHTML += "[b]Rapidshare:[/b]\n\n\n\n"
                }
                else{
                        document.f1.other_text.disabled = true;
                        document.getElementById( "download" ).innerHTML = " "
                }

}
//-->
</script>
<script language="Javascript">
<!--
function megaupload1(){
                mu = document.getElementById('megaupload');

                if(mu.checked){
                        document.f1.other_text.disabled = false;
                        document.getElementById( "download" ).innerHTML += "[b]Megaupload:[/b]\n\n\n\n"
                }
                else{
                        document.f1.other_text.disabled = true;
                        document.getElementById( "download" ).innerHTML = " "
                }
}
//-->
</script>
<script language="Javascript">
<!--
function textarea(f){
str = "";
for(i=0;i<=f.host.length-1;i++){
if (f.host[i].checked){
str+="[b]"+f.host[i].value+":[/b]\n\n\n\n";
}
}
document.getElementById("download").value=str;
}
//-->
</script>
</head>
<body>

<form name="f1" method="post"/>
        <!-- RAPIDSHARE -->
        <input name="host" type="checkbox" id="rapidshare" value="Rapidshare" onclick="textarea(this.form);" style="vertical-align:middle"/>
        <img src="hosts/RS_icon.png" style="vertical-align:middle"/>
        <!-- MEGAUPLOAD -->
        <input name="host" type="checkbox" id="megaupload" value="Megaupload" onclick="textarea(this.form);" style="vertical-align:middle"/>
        <img src="hosts/MU_icon.png" style="vertical-align:middle"/>
        <!-- HOTFILE -->
        <input name="host" type="checkbox" id="hotfile" value="Hotfile" onclick="textarea(this.form);" style="vertical-align:middle"/>
        <img src="hosts/Hotfile_icon.png" style="vertical-align:middle"/></br>
   <textarea name="other_text" cols="50" rows="10" id="download" disabled="disabled"></textarea>
</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

R0cky.IV    0

R0cky.IV
Postado

Antes de mais obrigado, mas não é bem assim que quero, essa parte de colocar os nomes na textarea ja tinha conseguido fazer, mas falta a parte que quando clico numa das checkbox a textarea que está disable fica enable, ou seja, vai ficar com duas funcionalidades as checkbox adicionar o nome na textarea e colocar a textarea que esta disable em enable. Quando nenhuma das checkbox não está selecionada a textarea fica disable.

 

Obrigado Imagem Postada

 

Edit:

 

Já consegui resolver.

<!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ãodocument.getElementById( "download" ).innerHTML = "";if (document.getElementById("rapidshare").checked)  document.getElementById( "download" ).innerHTML += "[b]Rapidshare[/b]nn"if (document.getElementById("megaupload").checked)  document.getElementById( "download" ).innerHTML += "[b]Megaupload[/b]nn"}</script><script language="JavaScript"><!--function enable_text(){        var sites = ["rapidshare","megaupload"];        for ( var i in sites ){                if(document.getElementById(sites[i]).checked){                        document.formname.mytext.disabled = false;                        return                }        }        document.formname.mytext.disabled = true;}//--></script><body><form name="formname"><input name="showit" type="checkbox" id="rapidshare" onclick="addOptions(); enable_text()" /> <b>RS:</b><input name="showit" type="checkbox" id="megaupload" onclick="addOptions(); enable_text()" /> <b>MU:</b><br /><textarea name="mytext" wrap="virtual" id="download" rows="20" cols="50" disabled="disabled"></textarea></form></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito