Jump to content


Alex Hiroshi

Member Since 12/07/2003
Offline Last Active 02/02/2011, 08:33
*****

#989772 Pegar Primeiro E Ultimo Nome

Posted by Alex Hiroshi on 11/12/2009, 13:03

var nome = document.forms['nomeDoForm'].elements['nome'].value;

var sobrenome = document.forms['nomeDoForm'].elements['sobrenome'].value;    

alert( ( nome+"."+sobrenome.substring(sobrenome.lastIndexOf(" ")+1 ) ).toLowerCase() )



#989031 Alterar Cor Da Primeira Palavra Do Conteúdo De Uma Tag

Posted by Alex Hiroshi on 04/12/2009, 19:06

Tente assim:
<script type="text/javascript">
	function getElementsByClassName(sClassName) {
		var elements = document.getElementsByTagName("*");
	    var result = [];

	    for (var i = 0, len = elements.length; i < len; i++) {
	    	if (elements[i].className == sClassName) {
	        	result.push(elements[i]);
	        }
	    }

	    return result;
	}

	var par = getElementsByClassName('texto');

	for (var i=0; i < par.length; i++)
	{
		var primeiro = par[i].innerHTML.substring(0, par[i].innerHTML.indexOf(' '));
		var resto = par[i].innerHTML.substring(par[i].innerHTML.indexOf(' '));
		var transforma = "<span class='vermelho'>"+primeiro+"</span> ";
		par[i].innerHTML = transforma+resto;
	}
</script>



#988652 Validar Campo Data Somente Se O Campo Foi Preenchido

Posted by Alex Hiroshi on 02/12/2009, 16:32

Pra funcionar, a função validaData() tem que retornar true, para que o if, do validaFormulario(), funcione. Repare que na função validaData(), o único lugar que retorna true é o if que verifica a quantidade de caracteres no campo.
if (str.value.length == 0) { 
	        return true;
	}

Depois disso, o último if retorna false, caso a data seja inválida. Mas, e se a data for válida, o que a função retorna? Nada. Para resolver, é só colocar um return true; antes do fechamento da função validaData().
function validaData(str) { 

	if (str.value.length == 0) { 
	        return true;
	} 
	  
        /* ...continua código.... */

	        if (cons == false) { 
	                alert("A data inserida não é válida: " + str.value); 
	                str.value = "";
	                str.focus(); 
	                return false;
	        } 
	return true;
	}



#987922 Alterar Cor Da Primeira Palavra Do Conteúdo De Uma Tag

Posted by Alex Hiroshi on 28/11/2009, 07:00

É fácil. Recupere o texto (recomendo deixá-lo em uma tag); 'quebre-o', separando a primeira palavra; adicione uma tag nessa primeira palavra para estilizar e depois é só colocar de volta na página. Veja um exemplo:
<style type="text/css" media="screen">

	.vermelho {color:red;}

</style>



<p id="texto">Esse é um exemplo para o Fórum WMO!</p>



<script type="text/javascript">

	var par = document.getElementById('texto');

	var primeiro = par.innerHTML.substring(0, par.innerHTML.indexOf(' '));

	var resto = par.innerHTML.substring(par.innerHTML.indexOf(' '));

	var transforma = "<span class='vermelho'>"+primeiro+"</span> ";

	par.innerHTML = transforma+resto;

</script>



#679575 Mostrando E Escondendo

Posted by Alex Hiroshi on 26/12/2005, 14:06

Um script simples de menu com submenus que se "escondem", como os do Windows. Um exemplo vocês podem ver nesse tópico: http://forum.wmonlin...howtopic=111697

Para não ficar igual ao do tópico e para vocês terem uma idéia de como fazer, eu fiz esse script que usa cookies. Com cookies, a opção escolhida ficará gravada, podendo atualizar a página sem perder o menu escolhido.
Como é um script só para dar a idéia, eu não fiz validações. Sendo assim, ele pode apresentar erros caso você grave outros cookies depois. Mas isso é o de menos, é só estudar um pouco mais sobre cookies e melhorar o script.
<script type="text/javascriptt">
window.onload=function(){
var cookies = document.cookie;
cookienome = "menussubs"; // Nome do cookie, pode ser outro tbm.. 
	if(cookies){
var inicio = cookienome.length+1;
var fim = cookies.length;
		if(new RegExp(cookienome+"=").test(cookies)){
			mostcookie = cookies.slice(inicio,fim);
			document.getElementById(mostcookie).style.display="block";
		} else {
		ul = document.getElementById("menus").getElementsByTagName("ul");
		for(i=0;i<ul.length;i++){
			ul.item(i).style.display="none";
			}
		}
	}
}
function gravaCookie(a,b){
	data = new Date();
	data.setTime(data.getTime()+(60*60*24*1000)); 
	var expires = ";expires="+data.toGMTString();
	document.cookie = cookienome+"="+a+expires;
	if(b){
	var expires = ";expires=''";
	document.cookie = cookienome+"="+expires;
	}
}
function submenu(menu){
sm = document.getElementById(menu);
	if(sm.style.display=="none"){
		ul = document.getElementById("menus").getElementsByTagName("ul");
		for(i=0;i<ul.length;i++){
			ul.item(i).style.display="none";
		}
		sm.style.display="block";
		gravaCookie(menu,false);
	} else {
		sm.style.display="none";
		gravaCookie("",true);
	}
}
</script>

<div id="menus">
<a href="java script:;" onclick="submenu('sub');">Menu um</a> 
<ul id="sub" style="display:none;">
<li> xxxxx </li>
<li> xxxxx </li>
<li> xxxxx </li>
</ul>
<br />
<a href="java script:;" onclick="submenu('subdois');">Menu dois</a> 
<ul id="subdois" style="display:none;">
<li> zzzzz </li>
<li> zzzzz </li>
<li> zzzzz </li>
</ul>
</div>
O valor do cookie gravado para lembrar qual o menu ativo, é o id de cada submenu.


#667257 Caixa De Seleção Com Links

Posted by Alex Hiroshi on 02/12/2005, 13:21

Você quer com o botão ou sem?


#572004 "checkbox" .. Montando Um Esquema Com Ele

Posted by Alex Hiroshi on 22/04/2005, 06:53

1- Habilitar o botão apenas quando selecionar o checkbox

Primeiro de tudo, como vc quer que o botão fique habilitado depois que for checado, vc deve deixar o botão desabilitado usando disabled="disabled" no botão. Feito isso, o seu botão vai ficar desabilitado, sem clique.
Agora basta vc fazer o checkbox e usar o evento onclick para chamar uma função que faça com que o botão fique habilitado para cliques..
Na função vc só precisa indicar qual elemento que vc quer habilitar usando..
document.NomeDoForm.NomeDoElemento
Assim vc já da um "caminho" para fazer alguma coisa. para habilitar o campo vc usa disabled=false ou disabled="".. sendo assim, a função ficaria
document.NomeDoForm.NomeDoElemento.disabled="";
Está pronto, em partes..
O problema é que a pessoa pode clicar duas vezes no checkbox, assim ele habilita o botão e desmarca o checkbox e deixa o botão habilitado..
Para contornar isso, vc pode criar um if() na função e verificar se o botão está desabilitado ou habilitado.. a ideia é..
if(document.NomeDoForm.NomeDoCampo.disabled){
// se retornar true, vc habilita o campo
}
else{
// caso contrario, vc desabilita 
}
2- Ao clicar no botão, verifcar se o checkbox está marcado
Para isso, é só verificar se o check está checado ou não.. use um if() para verificar tbm, como foi feito com o disabled..
Com o disabled vc verifica se está desabilitado, com o checked vc verifica se está checado.. A sintaxe é a mesma
if(document.NomeDoForm.NomeDoCampo.checked){
// se retornar true, envia o formulário normalmente, use um return true;
}
else{
// caso contrario, da um alert('mensagem') falando que não está checado  
}
É apenas isso.. a sintaxe de uma função é
<script>
function NOME_DA_FUNÇÃO(){
. . ação . . 
}
</script>
Tente fazer, qualquer coisa se tiver alguma duvida sobre alguma coisa citada, volte a postar sem problemas (y)


#220771 Como Colocar Uma Pop Up De Boas Vindas?

Posted by Alex Hiroshi on 01/11/2003, 11:12

que tipo de pop up?
tem esse aqui q eh legal..

<script LANGUAGE="JavaScript">

<!--

setup='toolbar=no,location=no,directories=no,status=no,menubar=no,width=240,height=130'

setup += 'scrollbars=no,resizable=no'
pop = window.open ("","pop",setup)
pop.document.write('<head>');
pop.document.write('<Title>');
pop.document.write(' TITULO DA JANELINHA');
pop.document.write('</Title>');
pop.document.write('<script language="javascript">');
pop.document.write('setTimeout(');
pop.document.write('"self.close()');

// pop.document.write(';",7000)'); controla o tempo da janela aberta //

pop.document.write(';",7000)');
pop.document.write('</');
pop.document.write('script>');
pop.document.write('</head>');
pop.document.write('<body bgcolor=darkgray">');
pop.document.write('<center><font face="Comic Sans MS" color=black size=3>SEU TEXTO AQUI 1</font></center>');
pop.document.write('<center><img src="ALGUM IMAGEM AQUI"></center>');
pop.document.write('<center><b><font face="Comic Sans MS" color=black size=2>COLOQUE SEU TEXTO2</font></b></center>');
pop.document.write('</body>');
// -->
</script>

esse pop up ele some sozinho ;)


IPB Skin By Virteq