Ir para conteúdo

POWERED BY:

Arquivado

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

PRSolucaoWeb

Função onChange

Recommended Posts

Boa tarde

 

Gostaria de saber como que faço após digitar em um determinado campo preenchido ele chamar uma pagina com a função onchange?

Tipo eu digito num determinado campo e após digitado automaticamente ele chama uma página?

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seu campo provavelmente é assim:

 

<select name="campo" id="campo" class="abrepagina">
<option value="1"> Um </option>
<option value="2"> Dois </option>
<option value="3"> Três </option>
<option value="4"> Quatro </option>
</select>

 

Se não tiver o CLASS = "abrepagina", coloca !

 

Agora use um jQuery para realizar o que você quer.

 

$(document).ready(function(){
    $(".abrepagina").change(function(){
          window.open('pagina.php?id='+$(this).val();
    });
});

 

 


$(this).val()
vai levar o valor selecionado no SELECT.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Meu caro, deixa eu ver se eu entendi, quando o usuário mudar o valor do select deseja mudar a página?

 

Se sim, segue:

 

 

<select onChange='location = this.options[this.selectedIndex].value;'>

<option value='/home'>Página Inicial</option>
<option value='/contato'>Contato</option>
<option value='/suaurl'>Sua url</option>

</select>

 

 

Att.

Compartilhar este post


Link para o post
Compartilhar em outros sites


$(document).ready(function(){

$(".terceirocampo").focusOut(function(){

window.open('pagina.php?id='+$(this).val();

});

});

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia

 

A minha aplicação é em .ASP.

Uma dúvida sou iniciante em programação web, e tenho algumas dificuldades.

Como que eu colocaria a função no campo para chamar a página?

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estou com um problema no input, quando tem mais de um class:

 

<input name="contador_<%=i%>" type="text" class="no_serie" id="contador_<%=i%>" value="<%=serie_itens("contador")%>" class="abrepagina" size="5" />

 

Outra duvida eu coloco essa função assim ne:

 

<script language="JavaScript">$(document).ready(function(){    $(".abrepagina").change(function(){          window.open('pagina.php?id='+$(this).val();    }); });

</script>

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não precisa de duas CLASS, só colocar o nome de uma ao lado da outra.

 

<input name="contador_<%=i%>" type="text" class="no_serie abrepagina" id="contador_<%=i%>" value="<%=serie_itens("contador")%>" size="5" />

 

Aqui é assim:

 

<script language="JavaScript">
$(document).ready(function(){    
$(".abrepagina").blur(function(){          
window.open('pagina.php?id='+$(this).val());    
}); 
});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tywin

 

Não está ocorrendo nada, coloquei a função e a chama da função não faz nada quando chega no ultimo campo preenchido.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

<!--#include file ="../Connections/oConn.asp" -->

<%
no_os = request.QueryString("no_os")
id_produto = request.QueryString("id")
codigo = request.querystring("codigo")
id = request.QueryString("id")

tipo = request.QueryString("tipo")
no_serie = request.QueryString("no_serie")
contador = request.QueryString("contador")

set serie_itens = server.CreateObject("adodb.recordset")
set serie_itens = db_conn.execute ("select * from NO_SERIE_PRODUTO_PEDIDO where id_produto = "& id_produto)

set equip = server.CreateObject("adodb.recordset")
set equip = db_conn.execute ("select * from TB_PEDIDO_ITENS where id = '"&request.QueryString("id")&"'")
%>

<!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=iso-8859-1">

<title></title>
<style type="text/css">
<!--
@import url("../css/campo_branco.css");
@import url("css/campo_textarea.css");
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.style1 {color: #FF0000}
.style110 { font-size: 13px;
font-weight: bold;
}
.style111 {
color: #FF0000;
font-size: 12px;
}
.form21 { font-family: Calibri;
font-size: 11px;
color: #000000;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.style12 {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.style106 { font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}
.style133 { font-size: 18px;
color: #FF0000;
}
#form1 table tr td table tr td {
font-family: Arial, Helvetica, sans-serif;
}
#form1 table tr td table tr td strong {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #F00;
}
.font1 {
font-size: 18px;
color: #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
}
.select { -moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #B9B9B9;
font-size: 14px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #E0E0E0;
}
.select1 {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #B9B9B9;
font-size: 14px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #E0E0E0;
}
.bodyline { -moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 14px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #CCC;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#form1 table tr td table tr td table {
text-align: center;
}
-->
</style>

<script language="javascript">
<!--

function close_window() {
window.close();
}
//-->
</script>

<script language="JavaScript">
function criar_campos(no_os,id_produto,codigo)
{
window.location = "ef_gerar_campos_serie_prod_pedido.asp?no_os=" + no_os + "&id_produto=" + id_produto + "&codigo=" + codigo
}
</script>

<script type="text/javascript" src="validations.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.mask.js"></script>

<script language="javascript" src="ajax.js"></script>
<script language="javascript" src="instrucao2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Ativando as mascaras
$('input:text').setMask();
});
</script>

<script language="JavaScript">
function deletar(id_item) {
if (confirm("Deseja Excluir o Item?"))
window.location = "ef_exclui_item_serie_prod_pedido.asp?id_item=" + id_item + "&id=<%=id_produto%>&no_os=<%=request.QueryString("no_os")%>&codigo=<%=request.QueryString("codigo")%>";
}

function Muda(campo){
campo.value = campo.value.toUpperCase();
}
</script>

<script language="JavaScript">
function salvar(no_os,id_produto,codigo,id,tipo,no_serie,contador)
{
window.location = "ef_inseri_no_serie_prod_pedido.asp?no_os=" + no_os + "&id_produto=" + id_produto + "&condigo=" + codigo + "&id_<%=i%>=" + id + "&tipo_<%=i%>=" + tipo + "&no_serie_<%=i%>=" + no_serie + "&contador_<%=i%>=" + contador
}
</script>


<script language="JavaScript">
$(document).ready(function(){
$(".abrepagina").blur(function(){
window.open('pagina.php?id='+$(this).val());
});
});
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="ef_inseri_no_serie_prod_pedido.asp?no_os=<%=no_os%>&id_produto=<%=id_produto%>&codigo=<%=codigo%>">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="4">

<tr>
<td><span class="style110"><a href="javascript:criar_campos('<%=no_os%>','<%=id_produto%>','<%=codigo%>')"><img src='img/46.gif' width='27' height='31' border='0' align="absmiddle" /></a> <span class="style111">CLIQUE AQUI P/ ADICIONAR N.º SÉRIE</span></span></td>
</tr>
<tr>
<td width="100%" height="33" valign="top">
<%
if not (equip.eof) then
response.write (equip("equipamento"))
else
response.write ("")
end if
%>

</td>
</tr>
<tr>
<%
i = 1
while (not serie_itens.EOF)
%>
<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="25" align="center"> </td>
<td height="26" align="center" bgcolor="#E5E5E5"> </td>
<td width="200" align="center" bgcolor="#E5E5E5">DATA FABRICAÇÃO</td>
<td width="200" height="26" align="center" bgcolor="#E5E5E5">RV</td>
</tr>
<tr>
<td width="25" rowspan="4" align="center"><a href="javascript:deletar(<%=serie_itens("id")%>)"><strong><span class="style12">
<input name="id_<%=i%>" type="hidden" class="form21" id="id_<%=i%>" size="5" value="<%=serie_itens("id")%>" />
</span></strong><img src="img/exclui.gif" width="14" height="14" border="0" /></a></td>
<td height="0" align="center" valign="bottom"> </td>
<td width="200" rowspan="4" align="center"><input name="data_fabricacao_<%=i%>" type="text" class="no_serie" id="data_fabricacao_<%=i%>" value="<%=serie_itens("data_fabricacao")%>" size="9" maxlength="10" alt="date" /></td>
<td width="200" rowspan="4" align="center"><input name="rv_<%=i%>" type="text" class="no_serie" id="rv_<%=i%>" value="<%=serie_itens("rv")%>" size="9" /></td>
</tr>
<tr>
<td height="24" align="center" valign="middle" bgcolor="#FFFF00" class="texto_vermelho">Posicione o cursor no campo TIPO*:</td>
</tr>
<tr>
<td width="566" height="16" align="center" valign="bottom" bgcolor="#FFFF00"><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td>TIPO</td>
<td>SERIAL</td>
<td>CONTADOR</td>
</tr>
<tr>
<td><strong>*</strong>
<input name="tipo_<%=i%>" type="text" class="no_serie" id="tipo_<%=i%>" value="<%=serie_itens("tipo")%>" size="1" /></td>
<td><input name="no_serie_<%=i%>" type="text" class="no_serie" id="no_serie_<%=i%>" value="<%=serie_itens("no_serie")%>" size="10"/></td>
<td><input name="contador_<%=i%>" type="text" id="contador_<%=i%>" class="no_serie abrepagina" value="<%=serie_itens("contador")%>" size="5" maxlength="4" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<%
serie_itens.MoveNext()
i = i + 1
wend
%> <td height="15"><strong> <strong> <span class="style106">QUANT.Nº SÉRIE(s):</span><strong><span class="style106"><strong><strong><span class="style133">
<%
set conta = server.CreateObject("adodb.recordset")
set conta = db_conn.execute ("select count(*) as conta from NO_SERIE_PRODUTO_PEDIDO where id_produto = "& id_produto)

response.write conta("conta")
%>
</span></strong></strong></span></strong></strong></strong></td>
</tr>
<tr>

<td height="15"><div align="center"><span class="style113 style116 style1 style129"><strong><strong>
<input name="qtdeCampos" value="<%=i%>" type="hidden" id="qtdeCampos" size="5" />
</strong></strong><%=Request.QueryString("msg")%></span></div></td>
</tr>
<tr>
<td height="25"><div align="center"><font color="#FFFFFF">
<input name="button2" type="submit" class="no_serie" id="button2" value=" INCLUIR " />
</font></div></td>
</tr>
</table>
<div align="center"></div>
</form>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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