Criar elementos usando java script
Boa tarde,
Estou com um pequeno probleminha e gostaria da ajuda de vocês, tenho uma função que deve ter como parâmetro os campos data e hora , essa função é startada ao sair do foco , sendo que só funciona quando eu passo apenas um parâmetro quando eu acrescento outro só reconhece o 1
<tr><td><div class= "div_titulo_campo">Data:</div></td><td><div class="div_campo"><input type="date" name="data" id="data"/>
Hora:<select name="hora" id="hora" onblur="consulta_agenda(agenda.data.value,agenda.hora.value)">
<option value = "">Selecione a hora deseja</option>
<option value = "08:00 - 09:00">08:00 - 09:00</option>
<option value = "09:00 - 10:00">09:00 - 10:00</option>
<option value = "10:00 - 11:00">10:00 - 11:00</option>
<option value = "11:00 - 12:00">11:00 - 12:00</option>
<option value = "12:00 - 13:00">12:00 - 13:00</option>
<option value = "13:00 - 14:00">13:00 - 14:00</option>
<option value = "14:00 - 15:00">14:00 - 15:00</option>
<option value = "15:00 - 16:00">15:00 - 16:00</option>
<option value = "16:00 - 17:00">16:00 - 17:00</option>
<option value = "17:00 - 18:00">17:00 - 18:00</option>
<option value = "18:00 - 19:00">18:00 - 19:00</option>
<option value = "19:00 - 20:00">19:00 - 20:00</option>
<option value = "20:00 - 21:00">20:00 - 21:00</option>
<option value = "21:00 - 22:00">21:00 - 22:00</option>
</select><input type="button" name="add" value="+"/></div></td></tr></table>
<div id="div_add"></div>
//Função que adiciona comandos que evitam registros no cache do navegador.
function semCache(aurl){
//Adiciona um parametro randomico
var dt = new Date();
// Procura se existe "?" pois é o argumento de dados via URL
if(aurl.indexOf("?")>=0){
//Adiciona uma função radomica antCache na variavel "aurl" que sera inserida na variavel "url" apos chamar a função.
return aurl + "&" + encodeURI(Math.random() + "_" + dt.getTime());
}
//Caso não tenha "?" ele coloca uma para informar que a seguir vem uma variável ou comandos via URL.
else{
//Adiciona uma função radomica antCache na variavel "aurl" que sera inserida na variavel "url" apos chamar a função.
return aurl + "?" + encodeURI(Math.random() + "_" + dt.getTime());
}
}
//FUNÇÃO PARA BUSCA DO QUE PROCURA
function consulta_agenda(a,b) {
alert(a,b);
}
**Estou usando Jquery para criar elementos clicando no botão "+" ,mas quando a função é chamada nesses elementos que foram criados passa como objeto**
<script>
$(document).ready(function(){
var qtd = 0;
var input = "<table bgcolor='#FFFFFF' align='center' border='1' id='novo'>\n\
<tr><td><div class= 'div_titulo_campo'>Data:</div></td><td><div class='div_campo'><input type='date' name='data' id='data'/>\n\
Hora:<select name='hora' id='hora' onblur='consulta_agenda("+agenda.data.value,agenda.hora.value+")'>\n\
<option value ='' >Selecione a hora deseja</option>\n\
<option value = '08:00 - 09:00'>08:00 - 09:00</option>\n\
<option value = '09:00 - 10:00'>09:00 - 10:00</option>\n\
<option value = '10:00 - 11:00'>10:00 - 11:00</option>\n\
<option value = '11:00 - 12:00'>11:00 - 12:00</option>\n\
<option value = '12:00 - 13:00'>12:00 - 13:00</option>\n\
<option value = '13:00 - 14:00'>13:00 - 14:00</option>\n\
<option value = '14:00 - 15:00'>14:00 - 15:00</option>\n\
<option value = '15:00 - 16:00'>15:00 - 16:00</option>\n\
<option value = '16:00 - 17:00'>16:00 - 17:00</option>\n\
<option value = '17:00 - 18:00'>17:00 - 18:00</option>\n\
<option value = '18:00 - 19:00'>18:00 - 19:00</option>\n\
<option value = '19:00 - 20:00'>19:00 - 20:00</option>\n\
<option value = '20:00 - 21:00'>20:00 - 21:00</option>\n\
<option value = '21:00 - 22:00'>21:00 - 22:00</option>\n\
</select> <a href='#' class='remove'> X </a> </div></td></tr></table>";
$("input[name='add']").click(function( e ){
$('#div_add').append( input );
aumenta(); qtd++; } );
$('#div_add').delegate('a','click',function( e ){
e.preventDefault();
$('#novo').remove();
});
});
</script>
**Meu objetivo é o seguinte criar quando elementos o usuário precisar (clicando no batão +) e quando sair do foco do campo hora chama a função para mostrar os valores que foram escolhidos **
Desde já agradeço.................
[verifica_agenda.js](/applications/core/interface/file/attachment.php?id=1213)
[Marcar_Consulta.php](/applications/core/interface/file/attachment.php?id=1214)Discussão (2)
Carregando comentários...