[Resolvido] É possivel?

ions · Janeiro 28, 2009

Pessoas http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

tow aqui devolta, tentei, tentei, tentei... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif ... daí tentei mais um pouquinho e não deu. http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

seguinte:

tenho uma função que esta validando os dados de um form, sendo que caso algum campo esteja em branco ele retorna um alert e deixa a borda do input vermelha e banana, banana, banana :rolleyes: ...

enfim,

dentro da função tem lá(caso retorne o erro):

$(\'campo\').style.border=\'1px solid #ce2929\';

agora eu queria que dentro dessa função, tivesse o evento onFocus, para aparecer uma div dizendo, para a anta http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif do cara que não preencheu os campos, para que ele preencha-os..

deu p entender né!? :blink: rsrsrs

sem mais, http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

HELP http://forum.imasters.com.br/public/style_emoticons/default/excl.gif

PS: não uso emoticons pq eu n gosto mt n :x.

Otata · Janeiro 28, 2009

é possivel sim , posta o seu cod para vermos..

t+

berkowitz · Janeiro 28, 2009

Bom... vamos lá.

Seu jQuery para atribui estilo está incorreto (funciona, mas não é assim). O correto é:

$('campo').css('border','1px solid #ce2929');

ou

$('campo').css({
  border: '1px solid #ce2929'
});

Sobre o focus tente algo assim (só pra você ter uma idéia):

$('campo').focus(function() {
  $('seiLaOnde').html('<div>OI</div>');
});

Como nosso amigo disse acima, posta teu cod aí pra gente ver.

ABRAX!

ions · Janeiro 28, 2009

@Otata

Ok's

@berkowitz

Poxa, não sabia que este modo estava incorreto não, muito obrigado por me alertar disto.

o code da página é este:

<script TYPE="text/javascript">
window.onload = function() {
	 document.getElementById("account").focus();
}
</script>

<script language="javascript">
<!--
function checkFields() {

var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
   if (keyCode == 13) {
	if($(\'password\').value==\'\' && $(\'account\').value==\'\') {
	   alert(\'Type your Account and Password!\');
	   $(\'password\').style.border=\'1px solid #ce2929\';
	   $(\'account\').style.border=\'1px solid #ce2929\';
	   $(\'password__\').style.color=\'#ce2929\';
	   $(\'account__\').style.color=\'#ce2929\';
	}
		if($(\'password\').value==\'\' && $(\'account\').value!=\'\') {
		   alert(\'Type your Password!\');
		   $(\'password\').style.border=\'1px solid #ce2929\';
		   $(\'password__\').style.color=\'#ce2929\';
		}
		if($(\'account\').value==\'\' && $(\'password\').value!=\'\') {
		   alert(\'Type your Account!\');
		   $(\'account\').style.border=\'1px solid #ce2929\';
		   $(\'account__\').style.color=\'#ce2929\';
		}
		if($(\'password\').value!=\'\' && $(\'account\').value!=\'\') {
		   handleEnter(event);
		}
   }
}
function handleEnter(event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
  document.login_form.submit();
}
return false;
}
function login() {
	if(($(\'account\').length == "8") && ($(\'password\').length == "8")) {
		document.login_form.submit();
	}
return false;
}
-->
</script>

 <FORM ACTION="?subtopic=logando" METHOD="POST" name="login_form" id="login_form">

<div id="top_login"></div>

<div id="middle_login">

<div id="conteudo_login">

<div id="login">

<ul class="login">

<li class="login"><strong id="account__">Account:</strong></li>

<li><input name="account" type="password" maxlength="8" class="keyboardInput" id="account" title="Type here your Account"></li>

<li class="login"><strong id="password__">Password:</strong></li>

<li><input name="password" type="password" maxlength="8" class="keyboardInput" id="password" title="Type here your Password"
onKeyPress="checkFields(); login()"
onfocus="$(\'instructions_login\').style.display=\'block\'"
onblur="$(\'instructions_login\').style.display=\'none\'"></li>

</ul>

</div>

<div id="divider_login">

<div id="divider_login_conteudo">

<ul class="login_offer">

<li><a href="?subtopic=lostaccount" class="login">Lost Account</a></li>

<li class="login_spacer">Why not!? It\'s <strong>FREE!</strong>

<br>

<a href="?subtopic=signup" class="login">Create now your free account!</a>

</li>

</ul>

</div>

</div>

<div id="instructions_login">

<br>

Type your Account and Password then press the "Enter" key.

</div>

</div>

</div>

<div id="footer_login"></div>

</form>

o JS que faz a validação dos campos de login é zuado, acontece que não manjo muito de javascript :rolleyes:

ions · Janeiro 31, 2009

Não foi do melhor jeito mais, RESOLVIDO!

para quem quiser dar uma olhada no code, usar, me elogiar(difícil hein), arrumar alguma coisa... enfim.. tá aí:

<script TYPE="text/javascript">
window.onload = function() {
	 document.getElementById("account").focus();
}
</script>

<script language="javascript">
<!--
function checkFields() {

var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
   if (keyCode == 13) {
	if($(\'password\').value==\'\' && $(\'account\').value==\'\') {
	   alert(\'Type your Account and Password!\');
	   $(\'password\').style.border=\'1px solid #ce2929\';
	   $(\'account\').style.border=\'1px solid #ce2929\';
	   $(\'password__\').style.color=\'#ce2929\';
	   $(\'account__\').style.color=\'#ce2929\';
	}
		if($(\'password\').value==\'\' && $(\'account\').value!=\'\') {
		   alert(\'Type your Password!\');
		   $(\'password\').style.border=\'1px solid #ce2929\';
		   $(\'password__\').style.color=\'#ce2929\';
		}
		if($(\'account\').value==\'\' && $(\'password\').value!=\'\') {
		   alert(\'Type your Account!\');
		   $(\'account\').style.border=\'1px solid #ce2929\';
		   $(\'account__\').style.color=\'#ce2929\';
		}
		if($(\'password\').value!=\'\' && $(\'account\').value!=\'\') {
		   handleEnter(event);
		}
   }
}
function handleEnter(event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
  document.login_form.submit();
}
return false;
}





function instructionsAccount() {
	if($(\'account__\').style.color == "#ce2929") {
		document.getElementById(\'instructions_account\').style.display = \'block\';
	}else{
		$(\'instructions_account\').style.display = \'none\';
}
}

function instructionsPassword() {
	if($(\'password__\').style.color == "#ce2929") {
		$(\'instructions_password\').style.display = \'block\';
	}else{
		$(\'instructions_password\').style.display = \'none\';
		$(\'instructions_login\').style.display=\'block\';
}
}

function hideInstructionsAccount() {
	if($(\'account__\').style.color == "#ce2929") {
		$(\'instructions_account\').style.display = \'none\';
}
}

function hideInstructionsPassword() {
	if($(\'password__\').style.color == "#ce2929") {
		$(\'instructions_password\').style.display = \'none\';
}	
}	
-->
</script>

 <FORM ACTION="?subtopic=logando" METHOD="POST" name="login_form" id="login_form">

<div id="top_login"></div>

<div id="middle_login">

<div id="conteudo_login">

<div id="login">

<ul class="login">

<li class="login"><strong id="account__">Account:</strong></li>

<li><input name="account" type="password" maxlength="8" class="keyboardInput" id="account" title="Type here your Account"
onFocus="instructionsAccount()"
onBlur="hideInstructionsAccount()"></li>

<li class="login"><strong id="password__">Password:</strong></li>

<li><input name="password" type="password" maxlength="8" class="keyboardInput" id="password" title="Type here your Password"
onKeyPress="checkFields()"
onfocus="instructionsPassword()"
onblur="$(\'instructions_login\').style.display=\'none\'; hideInstructionsPassword()"></li>

</ul>

</div>

<div id="divider_login">

<div id="divider_login_conteudo">

<ul class="login_offer">

<li><a href="?subtopic=lostaccount" class="login">Lost Account</a></li>

<li class="login_spacer">Why not!? It\'s <strong>FREE!</strong>

<br>

<a href="?subtopic=signup" class="login">Get now your free account!</a>

</li>

</ul>

</div>

</div>

<div id="instructions_login">

<br>

Type your <b>Account</b> and <b>Password</b> then press the "Enter" key.

</div>

<div id="instructions_account">

<br>

Type your <b class="colorce2929">Account</b> correctly.

</div>

<div id="instructions_password">

<br>

Type your <b class="colorce2929">Password</b> correctly.

</div>

</div>

</div>

<div id="footer_login"></div>

</form>

<script TYPE="text/javascript">
<!--
autojump(\'account\', \'password\', 8);
//-->
</SCRIPT>

Explicando o que eu fiz pra não ficar complicado para vocês:

Ao invez de definir um evento onFocus na função, eu criei novas funções que checassem, onFocus, se a cor da fonte do objeto era tal e se fosse daí sim mostrar a tal div. Espero ter sido claro e,

Muito obrigado a TODOS

Entrar

Arquivado

[Resolvido] É possivel?

Recommended Posts

ions 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Otata 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

berkowitz 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

ions 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ions 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Javascript - Calcular Valores Monetário em Tempo Real

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante