Pereiti prie turinio

Kaip padaryti PATINKA/NE jog paspaudus neperkrautu puslapio

dovydukas

Sukūrė dovydukas
Programuotojų kampas

 Dalintis Sekėjai 1

Rekomenduojami pranešimai

Ingmaras

Ingmaras 112

Atrašyta
Atrašyta (redaguota)

Su AJAX nusiunti į serverį rezultatą, o po to manipuliuoji to elemento stilių, kad rodytų, kad jau balsuota ar panašiai.

 

Gal ant kelio užves :):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
	$(document).ready(function() {

		$('#nepatinka, #patinka').click(function() {
			var parent = $(this).parent();
			var reiksme = $(this).data('reiksme');
			var id = parent.data('id');

			//isjungti mygtukus tik tame ID
			parent.find('button').attr('disabled', true);


			$.ajax({
				url: 'balsuok.php',
				data: {'id': id, 'patinka': reiksme},
				success: function(result) //viskas ok
				{
					//cia galetum patikrint, ar pavyko balsuoti is serverio puses
					//t.y. patikrint ar nesikartoja ir t.t., ir jei kartotusi, pazymet kaip klaida
					//
					//pavyzdziui:
					//
					//i ajax object'a idet: dataType: 'json' 
					//is php siust: json_encode(array('error' => 'Jus jau balsavote'))
					//cia tikrint: if (typeof result.error != 'undefined') { alert(result.error); }
				},
				error: function() //ivyko klaida
				{
					//uz 3 sekundziu vel ijunkime mygtukus
					setTimeout(function() {
						parent.find('button').attr('disabled', false);
					}, 3000);

				}


			});

		});

/*

*/

	});
</script>
</head>
<body>
<div class="anekdotas" data-id="241">
	<button id="patinka" data-reiksme="2">Super</button>
	<button id="patinka" data-reiksme="1">Patinka</button>
	<button id="nepatinka" data-reiksme="0">Nepatinka</button>
</div>
<div class="anekdotas" data-id="242">
	<button id="patinka" data-reiksme="2">Super</button>
	<button id="patinka" data-reiksme="1">Patinka</button>
	<button id="nepatinka" data-reiksme="0">Nepatinka</button>
</div>
</body>
</html>

Redagavo Ingmaras
Nuoroda į pranešimą
Dalintis kituose puslapiuose
dovydukas

dovydukas 5

Atrašyta
  • Autorius
Atrašyta

Su AJAX nusiunti į serverį rezultatą, o po to manipuliuoji to elemento stilių, kad rodytų, kad jau balsuota ar panašiai.

 

Gal ant kelio užves :):

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
	$(document).ready(function() {

		$('#nepatinka, #patinka').click(function() {
			var parent = $(this).parent();
			var reiksme = $(this).data('reiksme');
			var id = parent.data('id');

			//isjungti mygtukus tik tame ID
			parent.find('button').attr('disabled', true);


			$.ajax({
				url: 'balsuok.php',
				data: {'id': id, 'patinka': reiksme},
				success: function(result) //viskas ok
				{
					//cia galetum patikrint, ar pavyko balsuoti is serverio puses
					//t.y. patikrint ar nesikartoja ir t.t., ir jei kartotusi, pazymet kaip klaida
					//
					//pavyzdziui:
					//
					//i ajax object'a idet: dataType: 'json' 
					//is php siust: json_encode(array('error' => 'Jus jau balsavote'))
					//cia tikrint: if (typeof result.error != 'undefined') { alert(result.error); }
				},
				error: function() //ivyko klaida
				{
					//uz 3 sekundziu vel ijunkime mygtukus
					setTimeout(function() {
						parent.find('button').attr('disabled', false);
					}, 3000);

				}


			});

		});

/*

*/

	});
</script>
</head>
<body>
<div class="anekdotas" data-id="241">
	<button id="patinka" data-reiksme="2">Super</button>
	<button id="patinka" data-reiksme="1">Patinka</button>
	<button id="nepatinka" data-reiksme="0">Nepatinka</button>
</div>
<div class="anekdotas" data-id="242">
	<button id="patinka" data-reiksme="2">Super</button>
	<button id="patinka" data-reiksme="1">Patinka</button>
	<button id="nepatinka" data-reiksme="0">Nepatinka</button>
</div>
</body>
</html>

Tai cia tesiog i balsuok.php faila reikia kazka ideti jog irasinetu ir viskas? ar kaip? Nelabai suprantu :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Ingmaras

Ingmaras 112

Atrašyta
Atrašyta

Tai cia tesiog i balsuok.php faila reikia kazka ideti jog irasinetu ir viskas? ar kaip? Nelabai suprantu :)

Taip, balsuok.php gauni du kintamuosius: $_GET['id'] ir $_GET['patinka'], tada darai su jais ką nori, t.y. įrašai pakeitimus į duomenų bazę, tekstinį failą ar whatever :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
×
 Dalintis
Sekėjai 1
Eiti į temų sąrašą

  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Pasirinkite naujai kuriamo turinio tipą...