Jump to content


Photo

Sistema De Votação


  • Faça o login para participar
9 replies to this topic

#1 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 20/06/2007, 10:44

fala galera, blz?
eu to implantando no meu site, um sistema de votação pra qualificar um usuário
nesse sistema vai ter estrelas, de 1 a 5...
a parte de qual delas mostrar vou fazer em php, com o total de votos e um outro total, que vai trabalhar 'diferente', mas isso é o q menos importa

a minha dúvida é o seguinte...
eu vou mostrar a imagem (tem a 1estrela.gif, 2estrelas.gif, e assim vai, até a 5, conforme anexadas), mas gostaria que a propria imagem fosse 'dividida' pro cara poder clicar nela e já votar!
pensei em colocar imagem transparente em cima de cada parte, e quando o kra passar o mouse, trocar a imagem transparente por um gif da estrela "piscando"
mas não faço idéia de como fazer isso! ^^ alguem me ajuda?

mto obrigado! (y)

Attached Files



#2 Luis Otávio

Luis Otávio

    Super Veterano

  • Usuários
  • 3113 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre
  • Interesses:- Desenvolvimento de aplicações Web com linguagem server-side PHP.

    - Desenvolvimento de aplicações Web com linguagem cliente-side JavaScript, conhecedor e utilizador da biblioteca jQUERY e todas suas características.

    - Otimização de Desempenho aplicados a performance de banco de dados Mysql.

    - Otimização de Desempenho para servidores Web utilizando-se como Webserver NGINX em conjunto com Varnish.

    - Sólidos conhecimentos no CMS WordPress para novas implementações, manutenção, criação e otimização de Plugins.

    - Práticas de atendimento, relacionamento e suporte ao cliente. Trabalhando voltado ao público desde o lançamento da empresa iPORTO.COM, criando laços e vínculos com os mais de Mil clientes da empresa e os braços do grupo.

Posted 20/06/2007, 15:13

Cara, eu naum fiz de meia estrela,

mas fiz este
http://www.ajaxbox.c...iando-por-ajax/
ve se te ajuda...
* Otávio Nogueira
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto

#3 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 20/06/2007, 17:27

eu fiz diferente... coloquei a imagem com todas as estrelas de fundo, e imagens transparentes por cima... agora só falta fazer o javascript pra...
quando colocar o mouse na 1ª estrela, mudar a img transparente pra img da estrela piscando, e as da frente ficar em preto e branco
quando colocar o mouse na 2ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco
quando colocar o mouse na 3ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco
quando colocar o mouse na 4ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco
quando colocar o mouse na 5ª estrela, mudar a img transparente pra img da estrela piscando, as de antes também e as da frente ficar em preto e branco

alguem me ajuda? :)
brigado!

¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
consegui! =D
________________________________________________

<script>
<!--
function move_in1() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapb.gif";
document['3estrela'].src="imgs/estrelapb.gif";
document['4estrela'].src="imgs/estrelapb.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in2() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapb.gif";
document['4estrela'].src="imgs/estrelapb.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in3() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapisca.gif";
document['4estrela'].src="imgs/estrelapb.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in4() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapisca.gif";
document['4estrela'].src="imgs/estrelapisca.gif";
document['5estrela'].src="imgs/estrelapb.gif";
}
function move_in5() {
document['1estrela'].src="imgs/estrelapisca.gif";
document['2estrela'].src="imgs/estrelapisca.gif";
document['3estrela'].src="imgs/estrelapisca.gif";
document['4estrela'].src="imgs/estrelapisca.gif";
document['5estrela'].src="imgs/estrelapisca.gif";
}
function move_out() {
document['1estrela'].src="imgs/transp.gif";
document['2estrela'].src="imgs/transp.gif";
document['3estrela'].src="imgs/transp.gif";
document['4estrela'].src="imgs/transp.gif";
document['5estrela'].src="imgs/transp.gif";
}
-->
</script>


<table height="30" cellpadding="0" cellspacing="0" align="center" valign="middle" class="panel"><tr><td background="imgs/'.$estrelas.'estrelas.gif">
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=1" OnMouseOver="move_in1()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="1estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=2" OnMouseOver="move_in2()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="2estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=3" OnMouseOver="move_in3()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="3estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=4" OnMouseOver="move_in4()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="4estrela"></a>
<a href="acompanhantes.php?id='.$_GET['id'].'&voto=5" OnMouseOver="move_in5()" OnMouseOut="move_out()"><img src="imgs/transp.gif" height="24" width="22" border="0" name="5estrela"></a>
</td></tr></table>

:D :) :rolleyes: B) :lol: :P ;) ^_^ (y) <<img src=)' /> :beer: :linguinha: ;-) :assobio: :boxing:

Edição feita por: knoxville, 20/06/2007, 17:28.


#4 Escoces

Escoces

    Fotógrafo

  • Usuários
  • 168 posts
  • Sexo:Masculino
  • Localidade:Algum lugar ^^
  • Interesses:Mulher, Fotografia, Web, Mulher, Carros, Mulher, etc...

Posted 31/03/2008, 22:39

Olá..

Desculpem minha ignorância..

Eu "instalei" esse script mas e agora? Eu clico na imagem, dá tudo certo, mas nada acontece. O voto não fica..

Como que faço para manter o rating para que as outras pessoas vejam também?

#5 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 13/09/2017, 23:50

Achat Viagra Pharmacie En Orleans online pharmacy Hair Loss Treatment Propecia Propecia En Parafarmacias Discount Valtrex Priligy Durchfall online pharmacy Zithromax Pills Children
Cialis For Sale In Uk cheap cialis Brand Levitra Canada
Canadian Pharmacy Online Cialis Zithromax Buy Cheap
Viagra Baja La Presion <a href=http://cialtobuy.com>cialis online</a> Cheap Viagra 3 5 Day Shipping

#6 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 02/10/2017, 07:02

How To Treat Sinusitis With Amoxicillin Cheap Accutane Online viagra Viagra Rezeptpflichtig Apotheke
Viagra Vente Suisse Suhagra 100 online pharmacy Viagra Online Comprar Viagra Come Comprarlo

#7 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 10/10/2017, 08:30

Canada Pharmacy Online No Prescription Cialis Italia Farmacia Pyridium Phenazopyridine With Next Day Delivery viagra Il Viagra Funziona Sempre Achat De Cytotec En Ligne
Canadian Pharmacy Cialis 5mg generic viagra Cialis Impuissance Masculine Who Invented Amoxicillin

#8 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/10/2017, 11:00

Bentyl Merbentyl Propecia 20 Mg Precio viagra Acheter Cialis Pharmacie Ligne Propecia Generique 2012
Viagra Drug Interactions generic viagra Buy Viagra Canada Order Chlamydia Antibiotics Kamagra Sildenafil Citrate

#9 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 12/11/2017, 14:23

Bentyl Otc levitra generika Viagra Online Kaufen Legal Pregnancy Category And Cephalexin Where To Buy Cialis Or Viagra
Propecia E Infertilidad generic viagra Cialis Viagra Propecia Foto Levitra In Farmacia
Baclofene Italie Can I Order Synthroid Over The Internet Cialis 4cpr Riv 10mg online pharmacy Pastilla Cialis Uso Viagra Dresden Nexium Discount Card

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 12/11/2017, 17:02

Prix Kamagra Thailande Top Pills Online Colcrys 0.6 Mg Tablet viagra Kamagra Oral Jelly Directions
How Long Will Amoxicillin Last Viagra Original 50 Mg buy cialis Cialis 20mg Angebot Propecia 20 Mg Precio
Preise Viagra 50 viagra Baclofen Pas Cher En France Levitra Zum Spass
Keflex Sinus Infection viagra Propecia Comprar Viagra
Propecia Es No Voy A Salir Que Proscar Clobetasol Where To Purchase Next Day Delivery Womenra levitra prezzi Cialis 5 Posologia Keflex Antibiotic For Spider Bites Comprar Priligy Original
Acheter Levitra Pas Cher Cephalexin Diarreah Cialis Rezeptfrei Vergleich viagra Amoxicillin No Prescription Needed
Cheap Alternative To Effexor generic viagra Amoxicillin Keep In Freezer Mtabs Viagra
Viagra Generic For Salebest Price Discount Generic Macrobid Worldwide Next Day Cheapeast Cardiff viagra Como Comprar Viagra En Espana
Viagra Fast Shipping Usa viagra Se Puede Tomar Priligy Y Viagra Propecia Side Effects Long Term All Prescription Propecia Euro




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq