Forum PHP.pl > skrypt JS.-zmiana wartości

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: skrypt JS.-zmiana wartości

BoomBox20

6.11.2011, 10:43:12

Witam serdecznie,
mam oto taki problem:
skrypty poniżej ( pochodzący z http://designconcept.webdev20.pl/articles/...-edycji-danych/ ) wyświetlają po drobnych przeróbkach z mojej bazy status użytkownika czyli 1 albo 0-odpowiednio aktywny,nieaktywny.Jako że nie znam się w ogóle na js proszę o pomoc w przerobieniu tego tak aby były dwa przyciski aktywuj i deaktywuj(w zależności który potrzebny) i po kliknięciu ich podmieniało wartość w bazie na przeciwną czyli z 1 na 0 i odwrotnie.Bardzo serdecznie proszę o pomoc.pozdrawiam

index.php

[PHP] pobierz, plaintext 
 
<body>
<?php
define('DB_HOST','localhost');
define('DB_USER','user');
define('DB_PASS','pass');
define('DB_NAME','system_newsow');
$con=mysql_connect(DB_HOST,DB_USER,DB_PASS,true);
$select_db = mysql_select_db(DB_NAME,$con);
if($select_db)
{
    mysql_query("SET NAMES utf8",$con);
}
else
{
    die('Nie mozna sie polaczyc z baza danych ');
}
$query = "SELECT * FROM user";
$result = mysql_query($query,$con);
if($result===false && trim(mysql_error($con)))
{
    echo("Błędne zapytanie: \n");
}
while($row = mysql_fetch_assoc($result))
{
    $out[]=$row;
}
echo '<table id="tab">
<tr><th>Id</th><th>Stasus</th><th>Treść</th><th>Akcje</th></tr>';
foreach($out as $art)
{
     echo '<tr>';
     echo '<td>'.$art['id'].'</td>';
 
	  if($art['status']==1){
	  echo '<td>"aktywny"</td>';
	  }else
	  {
	  echo '<td>"nieaktywny"</td>';
	  }
 
     //echo '<td>'.htmlspecialchars($art['status'],ENT_QUOTES).'</td>';
    //  echo '<td>'.htmlspecialchars($art['tresc'],ENT_QUOTES).'</td>';
     echo '<td><form method="post"><input type="hidden" name="id" value="'.$art['id'].'" /><input class="sub" type="submit" value="Edytuj" /></form>
     <form method="post" action=""><input type="hidden" name="id" value="'.$art['id'].'" /><input class="del" type="submit" value="" title="Usuń" /></form></td>'; 
     echo '</tr>';  
}
echo '</table>
<form action="" method="post" id="add_form"> 
<label>Tytuł:</label><input type="text" name="tytul" value="" /><br />
<label>Treść:</label><input type="text" name="tresc" value="" /><br />
<input class="sub2" type="submit" value="Dodaj" />
</form>';
?>
</body>
 
[PHP] pobierz, plaintext

edit.php

[PHP] pobierz, plaintext 
 
<?php
if(isset($_POST['status']) && isset($_POST['id']))
{
define('DB_HOST','localhost');
define('DB_USER','user');
define('DB_PASS','pass');
define('DB_NAME','system_newsow');
$con=mysql_connect(DB_HOST,DB_USER,DB_PASS,true);
$select_db = mysql_select_db(DB_NAME,$con);
if($select_db)
{
    mysql_query("SET NAMES utf8",$con);
}
else
{
    die('Nie mozna sie polaczyc z baza danych ');
}
$tytul = mysql_real_escape_string($_POST['status']);
//$tresc = mysql_real_escape_string($_POST['tresc']); 
$id = intval($_POST['id']);
$query = "UPDATE user SET status = '$tytul'";
$result = mysql_query($query,$con);
echo json_encode(array('status'=>$_POST['status']));
}
?>
 
 
[PHP] pobierz, plaintext

custom.js

[PHP] pobierz, plaintext 
 
$(document).ready(function() {
	$('input.sub').live('click',function(){
		var id_art = $(this).parent().find('input[type=hidden]').val();
		var title = $(this).parent().parent().parent().find('td:eq(1)').text();
		// var content = $(this).parent().parent().parent().find('td:eq(2)').text();
		var a = $('<div/>', {  
			class: 'box',  
			html: '<form action="" method="post"><input type="hidden" name="id" value="'+id_art+'" /><label>Tytuł:</label><input type="text" name="status" value="'+title+'" /><br /><label>Treść:</label><input type="text" name="tresc" value="'+content+'" /><br /><input class="sub2" type="submit" value="Edytuj" /></form>'  
			});
		var thi = $(this).parent();
		var next_thi = thi.next();
		$(this).parent().parent().append(a);
		$(this).parent().remove();
		a.find('form').submit(function(){
			 $.post('edit.php', $(this).serialize(), function(dane) {
				dane = eval('('+dane+')');
				tr = a.parent().parent();
				tr.find('td:eq(1)').text(dane['status']).css('background-color', 'yellow').animate({
							opacity: 1
						  }, 3000, function() {
							$(this).css({'background-color' : '#DFF7FF', 'opacity' : '1'});
						  });
			/*	tr.find('td:eq(2)').text(dane['tresc']).css('background-color', 'yellow').animate({
							opacity: 1
						  }, 3000, function() {
							$(this).css({'background-color' : '#DFF7FF', 'opacity' : '1'});
						  });  */
				a.remove();
				next_thi.before(thi);
			 });
			return false;
		});
		return false;
	});
 
 
 
});
[PHP] pobierz, plaintext

dwa buttony aktywuj albo dezaktywuj zrobię w php w pliku index.php

[PHP] pobierz, plaintext 
if($art['status']==1){
     echo '<td><form method="post"><input type="hidden" name="id" value="'.$art['id'].'" /><input class="sub" type="submit" value="Dezaktywuj" /></form>
     <form method="post" action=""><input type="hidden" name="id" value="'.$art['id'].'" /><input class="del" type="submit" value="" title="Usuń" /></form></td>';
     }
     else if(($art['status']==0))
     {
     echo '<td><form method="post"><input type="hidden" name="id" value="'.$art['id'].'" /><input class="sub" type="submit" value="Aktywuj" /></form>
     <form method="post" action=""><input type="hidden" name="id" value="'.$art['id'].'" /><input class="del" type="submit" value="" title="Usuń" /></form></td>';
     }
 
[PHP] pobierz, plaintext

ale gdzie zrobić zamianę z 0 na 1 i odwrotnie i jak wysłać np później tą wartość do bazy z js.?tzn w js. bo chyba tam to trzeba zrobic zamienić 0 na 1 wysłać do edit.php i wysłać do bazy ?!tylko jak?

jacobson

6.11.2011, 11:23:44

szczerze watpie czy ktos napisze Ci calosc, ale moge Cie naprowadzic. Zapoznaj sie z biblioteka jQuery a glownie z http://api.jquery.com/jQuery.ajax/ dzieki temu bedziesz mogl bez przeladowania przeslac informacje do skryptu php ktory wykona zapytanie do bazy danych o zmiane tej wartosci i potem zwroci Ci np to czy sie powiodlo itp

BoomBox20

6.11.2011, 13:04:47

Próbuję teraz przerobić przykład z tego linku http://www.webskrypty.pl/2010/dodawanie-re...-pomoca-jquery/

żeby działało na tej samej zasadzie czyli zamiana z 0 na 1 i odwrotnie ale dalej jest coś nie tak bo dodaje mi nowego usera itp itd

indexxxx.php

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dodawanie rekordu do bazy MySQL za pomocą jQuery | www.WEBskrypty.pl</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
 
 
 
<script type="text/javascript">
$(document).ready(function(){
    $("form#submit").submit(function() {
        // Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php
        var imie = $('input[name=imie]');
        //var nazwisko = $('input[name=nazwisko]');
 
        // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
        if(imie.val() == "") {
            $('div.blad').fadeIn(400);
            // Usuwamy wiadomość o błędzie po 4 sekundach
            setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
            return false;
        }
 
        // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
        /*if(nazwisko.val() == "") {
            $('div.blad').fadeIn(400);
            // Usuwamy wiadomość o błędzie po 4 sekundach
            setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
            return false;
        }
        */
        var data = 'imie=' + imie.val() ;//+ '&nazwisko=' + nazwisko.val()
 
        $.ajax({
            type: "POST",
            url: "insert.php",
            data: data,
            success: function(){
                // Usuwamy wpisane dane
                $('#imie').val('');
                //$('#nazwisko').val('');
                // Wyświetlamy wiadomość o poprawnym dodaniu użytkownika    
                $('div.dodano').fadeIn(400);
                // Usuwamy wiadomość o poprawnym dodaniu użytkownika po 4 sekundach
                setTimeout(function(){ $("div.dodano").fadeOut(400) }, 4000);
            }
 
        });
        return false;
    });
});
</script>
</head>
<body>
 
<?php
define('DB_HOST','localhost');
define('DB_USER','xxx');
define('DB_PASS','xxx');
define('DB_NAME','xxx');
$con=mysql_connect(DB_HOST,DB_USER,DB_PASS,true);
$select_db = mysql_select_db(DB_NAME,$con);
if($select_db)
{
    mysql_query("SET NAMES utf8",$con);
}
else
{
    die('Nie mozna sie polaczyc z baza danych ');
}
$query = "SELECT * FROM user";
$result = mysql_query($query,$con);
if($result===false && trim(mysql_error($con)))
{
    echo("Błędne zapytanie: \n");
}
while($row = mysql_fetch_assoc($result))
{
    $out[]=$row;
}
 
foreach($out as $art)
{
     echo '<tr>';
 
 
 
     //echo "<td><label for='imie'>status:</label>".$art['status']."</td>";
 
 
     //echo '<td>'.htmlspecialchars($art['tresc'],ENT_QUOTES).'</td>';
 
     echo '
     <form id="submit" method="post" name="submit" action="">
     <fieldset>
                <td><label for="imie">id: '.$art["id"].' status:</label>'.$art["status"].'</td>
     <td><input type="text" name="imie" id="imie" class="text" size="20" value="'.$art['status'].'"/></td>
 
     <button type="submit" id="submit"> Dodaj użytkownika </button>
            </fieldset>
</form>
     '; 
 
 
 
     echo '</tr>';  
}
?>
<!--
<div id="content">
<h1>Dodawanie rekordu do bazy MySQL za pomocą jQuery</h1>
<form id="submit" method="post" name="submit" action="">
            <fieldset>
                <legend>DODAJ UŻYTKOWNIKA</legend>
 
                <label for="imie">Imię:</label>
                <br />
                <input type="text" name="imie" id="imie" class="text" size="20" />
                <br />
                <label for="nazwisko">Nazwisko:</label>
                <br />
                <input type="text" name="nazwisko" id="nazwisko" class="text" size="20" />
                <br /><br />
 
                <button type="submit" id="submit"> Dodaj użytkownika </button>
            </fieldset>
</form>
-->
<div class="dodano" style="display:none;">
   <p><img class="tick" src="tick.png" alt="" />Użytkownik został dodany do bazy.</p>
</div>
<div class="blad" style="display:none;">
   <p><img class="error" src="error.png" alt="" />Uzupełnij pola w formularzu!</p>
</div>
<div class="info">
   <p>&laquo; <a href="http://www.webskrypty.pl/dodawanie-rekordu-do-bazy-mysql-za-pomoca-jquery/">Wróć do artykułu</a></p>
</div>        
</div>
 
</body>
</html>
 
 
[PHP] pobierz, plaintext

insert.php

[PHP] pobierz, plaintext 
<?php
   //Odbieranie danych metodą post
   $imie = htmlspecialchars(trim($_POST['imie']));
  // $nazwisko = htmlspecialchars(trim($_POST['nazwisko']));
 
 
 
   //Konfiguracja połączenia z baza mysql
   $baza_host=("localhost");
   $baza_login=("xxx");
   $baza_haslo=("xxx");
   $baza_nazwa=("xxx");
 
   //Łączenie się z bazą mysql
   $polaczenie = mysql_connect($baza_host, $baza_login, $baza_haslo);
   $db = mysql_select_db($baza_nazwa);
 
   //Dodawanie rekordów do bazy mysql
 
   if($imie==0){
    $dodaj  = "INSERT INTO user (status) VALUES ('1') ";
   mysql_query($dodaj) or die(mysql_error());
   mysql_close($polaczenie);
 
   } else if ($imie==1){
    $dodaj  = "INSERT INTO user (status) VALUES ('0')";
   mysql_query($dodaj) or die(mysql_error());
   mysql_close($polaczenie);
   }
  /* 
   $dodaj  = "INSERT INTO user (imie) VALUES ('$imie')";
   mysql_query($dodaj) or die(mysql_error());
   mysql_close($polaczenie);
   
   */
?>
 
 
 
[PHP] pobierz, plaintext

jacobson

6.11.2011, 21:23:16

a nie powinno to wygladac tak ze tylko raz w bazie wystepuje uzytkownik ze statusem ustawionym domyslnie np na '0' a potem zamiast INSERT stosowac UPDATE ? http://www.w3schools.com/php/php_mysql_update.asp

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.