Sistema de votação de estrelas estilo youtube, onde a pessoa passa o mouse sobre as estrelas e automaticamente as estrelas vão ser “marcadas” e após clicar na estrela o valor do voto é enviado por ajax para a página setada nos parametros.
Vamos trabalhar com 8 parametros, neste exemplo teremos todos os parametros suportados.
‘img-on’ :’http://www.ajaxbox.com.br/imagens/ico_estrela_cheia.gif’,
‘img-off’:’http://www.ajaxbox.com.br/imagens/ico_estrela_vazia.gif’,
‘voto-ini’:0,
‘voto-fim’:5,
‘url’:’http://www.ajaxbox.com.br/R/R.php’,
‘parametro’:’outro_paramentro=ajaxBox&numero_voto_selecionado’,
‘resposta’ :’Rating-Resposta’
img-on:
Recebe […]
Um exemplo básico de como enviar parametros via ajax em um link, solicitando confirmação.
Esta função é bastante interessante para usarmos em áreas administrativas, como “Excluir” onde será necessário perguntar se o usuário tem certeza de sua ação.
<script type=”text/javascript” src=”http://www.ajaxbox.com.br/js/prototype.js”></script>
<script type=”text/javascript” src=”http://www.ajaxbox.com.br/js/ajaxBox.js”></script>
<script type=”text/javascript”>
var func_ajax =
{
‘parametros’:’ajaxBox=Retorno href’,
‘url’:’http://www.ajaxbox.com.br/R/R.php’,
‘Resposta’:[’div_retorno’],
‘methodo’:’post’,
‘Confirmar’:[ true, ‘Você deseja realmente enviar esta solicitação via ajax?’ ]
}
</script>
<div […]
Um breve exemplo de como enviar parametros usando o ajaxBox, em um link. Sem a necessidade de criamos um formulário.
<script type=”text/javascript” src=”http://www.ajaxbox.com.br/js/prototype.js”></script>
<script type=”text/javascript” src=”http://www.ajaxbox.com.br/js/ajaxBox.js”></script>
<script type=”text/javascript”>
var func_ajax =
{
‘parametros’:’ajaxBox=Retorno href’,
‘url’:’http://www.ajaxbox.com.br/R/R.php’,
‘Resposta’:[’div_retorno’],
‘methodo’:’post’
}
</script>
<div id=”div_retorno”>Aqui o retorno</div><a href=”javascript:ajaxBox.get(’func_ajax’)”>link com ação</a>
Veja o exemplo em funcionamento
Exemplo
Página destinada apenas para exemplos que estão em funcinamento no ajaxBox e seu código.
Exemplo de envio básico de uma requisição via ajax.
Envio de formulário
Envio de link - Sem confirmação
Envio de link - Com confirmação
Rating - Sistema de votação
Recent Comments