Javascript função para digitar somente números em um campo texto


Postado em 10 de agosto de 2011 por | Categorias: Java Script | 2 Comentários » | Comentar


Abaixo um código em Javascript que permite digitar somente números no campo texto.

<script language='JavaScript'>
function SomenteNumero(e){
 var tecla=(window.event)?event.keyCode:e.which;
 if((tecla>47 && tecla<58)) return true;
 else{
 if (tecla==8 || tecla==0) return true;
 else  return false;
 }
}
</script>

Para chamar a função coloque dentro do campo input text o evento onkeypress, veja o modelo abaixo:

<input type="text" size="10" value=""' onkeypress="return SomenteNumero(event);">

Rotina Javascript para abrir nova janela centralizada na tela


Postado em 27 de maio de 2011 por | Categorias: Java Script | Sem comentários » | Comentar


<script language="JavaScript" type="text/JavaScript">
<!--
function NovaJanela(pagina,nome,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
 TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
 settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable,menubar=yes'
 win = window.open(pagina,nome,settings);
}

//-->
</script>

Para abrir a janela em um link use:

<a href="Javascript:NovaJanela('pagina.php','JANELA','788','540','yes');">Abrir página</a>

Abrir janela pop-up centralizada na tela


Postado em 6 de abril de 2011 por | Categorias: Java Script | Sem comentários » | Comentar


Função em Java Script para abrir janela pop-up centralizada na tela:

<script language="JavaScript" type="text/JavaScript">
<!--
function NovaJanela(pagina,nome,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(pagina,nome,settings);
}
//-->
</script>

Para chamar a função use o modeo: NovaJaela(‘cainho/nome do arquivo’,’nome da janela’,’altura da janla’exibir barra de rolagem = yes ou no’), exemplo:

<input type="button" value="Eveto " name="b1" onClick="Javascript:NovaJanela('eventos.php?modo=novo','Eventos','788','540','no');">

Montar um select com evento onchange no WordPress


Postado em 17 de janeiro de 2011 por | Categorias: Java Script, Loop no Wordpress | Sem comentários » | Comentar


Para montar uma lista dentro de um select exibindo uma lista de posts do WordPress.  Ao selecionar um item na lista a página será redirecionada automaticamente para a página do post.

Código JavaScript que deve ser colocado na página que controla o evento ONCHANGE do select:

<script language="javascript" type="text/javascript">
 function mudar_post(){

 var post = document.getElementById("D1").value;
 location.href = post;
 }
 </script>

Código do Loop do WordPress que pega os posts da categoria de ID=6

<div style="background: #f4f4f4; padding: 10px; width: 115px; height: 21px; float: left;">
 Escolha uma opção &nbsp;&nbsp;&nbsp;
 </div>

 <div style="width: 425px; float: right; padding: 10px; height: 21px; background: #f8f8f8;">
 <select size="1" name="D1" id="D1" onchange="mudar_post();" style="margin: 0 0 10px 0; width: 425px;">
 <option value="Selecione">Selecione ...</option>

 <? $args = array(
 // Pega o ID da categoria Servicos
 'cat'=>'6',
 'orderby'=>'date'
 );

 $posts_blog = get_posts($args);
 foreach($posts_blog as $blogp){
 ?>
 <option value="<?php echo get_settings('home'); ?>/<?=$blogp->post_name;?>"><? echo $blogp->post_title; ?></option>
 <?php } ?>
 </select>
 </div>


Link voltar com Javascript


Postado em 19 de agosto de 2010 por | Categorias: Java Script | Tags: , | Sem comentários » | Comentar


Criando um link de voltar para a página anterior em JavaScript:

<a href="javascript:window.history.go(-1);" title="Voltar">

Links com JavaScript


Postado em 2 de agosto de 2010 por | Categorias: Java Script | Tags: , , | Sem comentários » | Comentar


Em alguns casos será necessário criar links ou abrir janelas sem usar a tag HREF então podemos usar a linguagem Java Script para criar links. Primeiro declare o script no HEAD do html da página:

<script language=”JavaScript”>
<!–

function visualizaUser(valor){
     document.location.href = valor;
}

// –>
</script>

 

Utilize o script dentro das tags IMG, TD, TR, SPAN ou DIV:

onClick=”visualizaUser(‘pagina_contatos.php’);”

Onde está escrito pagina_contatos.php será o alvo do link. Use também o estilo abaixo dentro da tag para que o ponteiro do mouse se transforme ao passar em cima do objeto que contem o link em java script:

style=”cursor:pointer; cursor:hand;”

També é possivel usar o script diretamente dentro da tag sem precisar ser declarado uma função no head do html, veja:

<div onClick=”javascript:location.href =pagina_contatos.php” style=”cursor:pointer; cursor:hand;”>Clique aqui para abrir a página</div>


Colocar texto em Input text


Postado em 21 de julho de 2010 por | Categorias: Java Script | Tags: , | 3 Comentários » | Comentar


onclick="this.value='';"
onblur="javascript:if (this.value=='') {this.value='Insira seu email aqui'};"

Exemplo:

<input type="text" name="e-mail" value="Insira seu email aqui"
onclick="this.value='';" onblur="javascript:if (this.value=='') {this.value='Insira seu email aqui'};" />

Exemplo:


Categorias

Links

Tags

Autor do post bloginfo() Caminho do tema Campos Personalizados Categorias Codificação UTF8 Contac form 7 CSS Custom fields Custom Post Types data Dividir string explode() Formatação de datas Formatação de Hora get_ get_option() get_page_template() get_the_terms get_the_title() Hora IMG is_single() Janelas Links Lista de Categorias Lista de Posts Lista de ùltimos posts location.href Paginação Post_name Query_posts register_sidebar Sidebar the_author_nickname() the_category() the_tags() the_time() Titulo da página UFT8_encode UTF8 UTF8_decode Widgets wp_list_categories() âncoras

Copyright © 2017  |   W-Pedia – Wikipedia Wordpress BR  |  produzido por Henderson C. Torres