• 0
Sign in to follow this  
John Doe

Tutoriais

Question

Olá pessoa, tudo bem com vocês ?

Se quiserem complementar o tópico com algumas perguntas freqüentes, é só colocarem aqui biggrin.gif

Não se esqueçam q esse tópico não é scripts, e se alguém aqui ficar postando scripts eu vo remover o post smile.gif

PS: Estarei sempre editando aqui pra colocar mais perguntas frequentes ok ?

******************************************************

Como tirar o sublinhado dos links ?

Coloque um estilo de CSS no head("cabeçalho") da página assim:

<style>

<!--

a:hover {color:#00000;text-decoration:none}

a {color:#00000;text-decoration:none}

a:visited {color:#00000;text-decoration:none}

a:active {color:#00000;text-decoration:none}

-->

</style>

******************************************************

Como desabilitar um campo de formulário ?

Coloque a propriedade disabled na tag. Exemplo:

<input type="button" disabled="true">

Serve para inputs de texto, checkbox, rádio e textarea também.

******************************************************

Como dar um refresh nas páginas

Use o método reload() .Exemplo:

<script language="JavaScript">
<!--
window.location.reload();
-->
</script>
******************************************************
Como saber a resolução de quem está acessando meu site ?
Use o screen.height e screen.width , onde: screen.width = largura e screen.height = altura Ex.
<script LANGUAGE="JAVASCRIPT">
<!--
alert(screen.width+"x"+screen.height);
-->
</script>
******************************************************
Como colocar um menu para selecionar arquivos ?
Isso é HTML , mas beleza: <input type="file"> ******************************************************
Como eu faço um botão pra ver o código-fonte da página atual ?
Use o view-source, q ve o código fonte de uma página...Assim:
<html> <head> <script language="JavaScript"> <!-- window.location="view-source:"+window.location; --> </script> </head> <body><!--HAHAHAHA--> <p> Ola !</p><body> </html>
******************************************************
Como colocar uma mensagem na barra de status ?
Use o método status().Ex:
<script language="JavaScript">
<!--
window.status = "Bom-Dia !";
-->
</script>

******************************************************

Onde eu encontro uma biblioteca sobre JS ou DHTML

DHTML - http://msdn.microsoft.com/workshop/author/...nce/methods.asp

JavaScript - http://msdn.microsoft.com/library/en-us/sc...geReference.asp

JavaScript/Mozilla - http://www.mozilla.org/js/

******************************************************

Como verificar se o usuário está trabalhando on-line ou off-line ?

Simples, use a propriedade onLine do navegador...Exemplo, digite o seguinte na barra de endereços:

javascript:alert(navigator.onLine);

Vai aparecer uma caixa de alerta dizendo true se você estiver on-line e false se você estiver off-line.

******************************************************

Edited by OSJunior

Share this post


Link to post
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Eu tenho uma pergunta que muitos perguntam!!! Como transformar em Maiuscula e minuscula!!

Maiuscula:

var String = document.all.Nome.value;

String = String.toUpperCase();

Minuscula:

var ExTrinG = document.all.Nome.value;

ExTrinG = ExTrinG.toLowerCase();

É nóis no JavaScript!!! Ow fala sério, JavaScript é muito gostoso de escreve!!!

Espero que essa aula de hoje tenha ajudado vocês meninos e meninas!!!

Vão direitinho pra casa ein!!

T+

Pilantra

Share this post


Link to post
Share on other sites
  • 0

user posted imageSobre Janelas

window.open("Localização","nomedoframe","propriedades")

Localização: O endereço da page que se quer abrir.

Nomedoframe: Coloca o nome do frame no qual deseja abrir o endereço "Localização", Se no caso for a página-mãe da janela, usa "_parent", se for numa janela nova que deseja que seja aberta coloca "_blank", se quiser abrir o site na mesma janela coloca "_self".

Propriedades: Coloca as propriedades da janela, tipo qual a posição que ela deve assumir na tela, e quais atributos deve ter, tipo pode determinar o tamanho dela, quais menus vai ter ... Segue abaixo os atributos que eu lembro agora:

scrollbars : Barras de rolagem

toolbar : Aquela barrinha que tem os botões de voltar, atualizar, parar...

menubar : A barra de menu, que tem o "Arquivo", "Exibir","Ferramentas", ...

directories : Uma barra de links que nunca na minha vida usei!

status : A barra de status

location : A barra de endereços

resizable : Para permitir que o usuario possa ou não modificar o tamanho da janela.

width : Define a Largura da janela a ser aberta.

height : Define a altura da janela a ser aberta

maximized : Pra abrir a janela nova já maximizada.(não pode ter, é claro, nem o width nem o height!, nunca testei essa não)

fullscreen : Para abrir a janela no modo "Tela Cheia"

left : Distancia horizontal partindo da esquerda que você deseja que a janela se posicione.

top : Distância vertical no partindo de cima que você deseja que a janela se posicione.

Se for para abrir na mesma janela, algumas propriedades não irão funcionar, se por exemplo quiser mudar o tamanho de uma janela você pode usar window.resizeTo(largura, altura) , ou para mudar a posição dela pode usar : window.moveTo(top,left)

Com essas noções você pode fazer muitos efeitos legais com janelas, pode montar o que quiser, como por exemplo fazer com que a janela do seu site sempre abra já maximizada, ou dar a impressão disso, ... Vai o link para uma page com alguns efeitos possíveis com base no que foi explicado acima: Clique Aqui!

Um exemplo de como você trabalha com endereçamento da page que quer abrir: Clique Aqui!

É isso aí... cool.gif

Flws! biggrin.gif

Share this post


Link to post
Share on other sites
  • 0

Uma coisa legal de se falar é como redirecionar uma página:

document.location="enderecopararedirecionar";//ou
location.href ="enderecopararedirecionar";

Share this post


Link to post
Share on other sites
  • 0

1- Controles especiais:

\b - separa caracteres

\f - controle para formulários

\n - pula uma linha

\t - tabulador de caracteres, igual ao parágrafo, porém continua na mesma linha.

\r - igual ao \b

2- Condições

Não é obrigatório o uso, mas assim deixa o código "mais correto".

Se você testar sem {}, funcionará, mas poderá te atrapalhar, caso você estiver utilizando alguma outra função ou condição.

3- FOR, WHILE E MOVE

O FOR ao contrário do IF, determina várias condições ao invés de uma; porém tem que ter uma relação com as outras.

O WHILE executa uma ação enquanto determinada condição for verdadeira.

O MOVE, lembrando que é condicional, verifica a conectividade das condições de uma determinada variável.

Share this post


Link to post
Share on other sites
  • 0

Algo que a galera sempre ta perguntando:

Como utilizar duas ou mais funções ao mesmo tempo?

Para fazer isso é só você utilizar o ; entre elas.

Exemplos:

<a href="javascript: funcao1;funcao2;">LINK</a>

OBS: Fique atento com o que você coloca em suas funções. wink.gif

Fui!

Share this post


Link to post
Share on other sites
  • 0

Comentários

Para fazer comentários à respeito de seu código, faça assim, no HTML:

<html> <!--SEU COMENTÁRIO AQUI-->

No JavaScript:

<script language="javascript">

var a= "variável a"; //SEU COMENTÁRIO AQUI

var b= "variável b"; /*SEU COMENTÁRIO AQUI*/

</script>

Já, no CSS, utilizamos o segundo exemplo colocado acima, assim:

<style type="text/css">

.classe{

text-color: #FFFFFF; /*SEU COMENTÁRIO AQUI*/

}

</style>

Share this post


Link to post
Share on other sites
  • 0

Só uma correção tongue.gif :

o nosso colega John doe postou:

<!--//CORRIGIDO smile.gif -->

Bem, isso não está certo. Em CSS, primeiro vem a:link, em seguida a:visited, aí sim, depois de a:visited, vem o a:hover, sendo que por último é o a:active...

e também há uma maneira de se simplificar o código. Quando alguém quer aplicar as mesmas propriedades/valores ao link normal e ao link visitado, pode-se fazer de uma maneira mais simplificada:

a:link, a:visited {
color: #000;
text-decoration: none;
}
é uma correção construtiva, ok pessoal? xD hehe, aqui vai o meu mini-tuto : Como colocar dois estilos de links diferentes em uma página? coloque esse código em head (vou colocar um exemplo, aí depois vocês podem mudar as propriedades/valores)
<style type="text/css">
.link1:link, .link1:visited {
color: #006;
text-decoration: none;
}
.link1:hover, .link1:active {
color: #600;
text-decoration: underline;
}
.link2:link, .link2:visited {
color: #F60;
text-decoration: underline;
}
.link2:hover, .link2:active {
color: #333;
text-decoration: none;
}
</style>

depois, quando colocar um link é só fazer isto:

<a href="linkaqui" class="link1">Veja o link 1</a>

<a href="linkaqui" class="link2">Veja o link 2</a>

Edited by OSJunior

Share this post


Link to post
Share on other sites
  • 0
Uma coisa legal de se falar é como redirecionar uma página:

document.location="enderecopararedirecionar";//ou
location.href ="enderecopararedirecionar";

ou window.location = 'endereço'

Share this post


Link to post
Share on other sites
  • 0

Olá... Procurando a solução para um problema que estava acontecendo em um dos meus scripts acabei montando praticamente um tutorial, e já que demorei muito para encontrar a solução, imagino que mais gente sofra como eu sofri, então ai vai a solução:

COMO SUBMETER UM FORM NO MÉTODO POST VIA JAVASCRIPT

Uma pequena observação antes de iniciar:

Esse tutorial visa explicar somente a parte JavaScript, a parte PHP é por sua conta, os nomes e atributos usados aqui são exemplos, todos tirados dos scripts que montei.

Prosseguindo...

Imagine que você tem uma pagina HTML, que contém um form com alguns campos text e um button tipo submit, você quer que ele execute um PHP que vai enviar os valores postados nesse form, usando o método POST no form, e ainda tem mais, você quer que a confirmação apareça em um popup, mas ai surge a dúvida:

"Como eu passo por Javascript os valores para o PHP usando o método POST e não GET ?"

Da seguinte forma:

Script da pagina contato.htm:

<html>
<head>
 <script language="JavaScript"> 
function SubmetPopUp(){
    
    //recebe os valores dos txts em variaveis 
       var nome = document.form1.nome.value;
    var email = document.form1.email.value;
    var fone = document.form1.ddd.value;
    
    //verifica se alguma das variaveis recebeu um valor nulo (validação)
    if ((nome == "" ) || (email == "") || (fone == ""))
    { 
        //se alguma das variaveis receber valor nulo, ele vai escrever nulo no campo 
        //descricao, ou seja, uma gambeta para n submeter o código até q todos os campos
        //sejam preenchidos
        document.form1.nome.value = ""; 
        return false;
    
    }
    else {
    //se passar pela validação, ele vai para parte que submete o form e abre um popup
      with (document.form1) {
        
        //define o método usado
        method = 'POST';
        
        //executa o script php
               action='seuphp.php'; 
        
        //abre a execução em um popup
        jan=window.open('','window01',width=250,height=100');
                target='window01';
                submit();
       }
    }
    return true;
}

</script>
</head>
<body>
<form name="form1" method="post" onSubmit="SubmetPopUp()">
    <p>nome: <input name="nome" type="text" id="textfield" size="20" /></p>
    <p>email: <input name="email" type="text" id="email" size="20" /></p>
    <p>telefone: <input name="fone" type="text" id="textfield3" size="17" /></p>
    <input name="button2" type="submit" value="Enviar" />
</form>
</body>
</html>

Explicando: Na função js, recebi os valores dos campos text em váriaveis, em seguida, faço uma validação simples, só pra verificar se os campos estão sendo enviados vazios, notem que se algum dos campos estiver vazio ele escreve vazio no campo nome, isso é apenas uma forma de "escape" para que o script n seja executado nessa condição, uma classica gambeta, se passar pela validação, ele entra no else da função, ai ele começa a executar o script que irá enviar os dados via PHP e abrir em janela popup o que quer que seja que seu script PHP realiza... ok ? simples assim, me matei dois dias pra achar essa solução, espero ter ajudado alguém...

Duvidas, sugestões, correções, reclamações, etc, pf postem aqui.... t+

Edited by Mestereko

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this