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.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

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