[Javascript] Drag and drop. Aggiornamento Campo

lelemkop

Utente Attivo
2 Lug 2013
55
0
6
Salve a tutti. Sono riuscito ad adattare questo codice alle mie esigenze.
PHP:
<?php
if(isset($_POST['submit'])){
    $conn=mysqli_connect("localhost","","","");
if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
  require_once('dbconn.php');
$data= $_POST['data'];
$converted = date("Y-m-d", strtotime($data));
  $sqlIncomplete= "SELECT * FROM disponibili where disponibili = 'no'  and  data = '$converted' ORDER BY cognome asc";
  $result= mysqli_query($conn, $sqlIncomplete);
  $incomleteItems   = mysqli_fetch_all($result,MYSQLI_ASSOC);
  $sqlCompleted = "SELECT * FROM disponibili where disponibili = 'si' and  data ='$converted'  ORDER BY cognome asc";
  $completeResult    = mysqli_query($conn, $sqlCompleted);
  $completeItems  = mysqli_fetch_all($completeResult, MYSQLI_ASSOC);
 mysqli_free_result($completeResult);
mysqli_free_result($result);
mysqli_close($conn); 
}

?>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DISPONIBILITA'</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<h2 align="center">Per la data &nbsp;<?php $data = $_POST['data'];
    $converted1 = date("d/m/Y", strtotime($data));echo $converted1; ?> sono impegnati i seguenti</h2>
  <style>
  .li_containers{
       width: 52%;
       float: left;
   }
  .listitems { 
     width: 120px; 
     height: 100px; 
     padding: 0.5em; 
     float: left; 
     margin: 10px 10px 10px 0;
      border: 1px solid black;
      font-weight: normal;
      background-color:cadetblue;
      box-shadow: 10px 10px 5px grey;
      }
  #droppable { 
   width:   550px; 
   height:  550px; 
   padding: 0.5em; 
   float:   right; 
   margin:  10px;
    cursor:  pointer ;
       }
 </style>
</head>
<body>
  <div id="droppable1" class="li_containers">
   <h3>Lista indisponibili</h3>
<?php foreach ($incomleteItems as $key => $item) { ?>
<div id="no" class="ui-widget-content listitems" data-itemid=<?php echo $item['id'] ?>
<p><strong><?php echo $item['cognome'] ?></strong></p>
       <p><?php echo $item['mezzo'] ?></p>
      <p><?php echo $item['telefono'] ?></p>
   </div>
<?php } ?>
</div>
<h3 align="right">Lista disponibili</h3>
<div id="droppable" class="ui-widget-header">
  <?php foreach ($completeItems as $key => $citem) { ?>
   <div class="listitems" >
<p><strong><?php echo $citem['cognome'] ?></strong></p>
     <p><?php echo $citem['mezzo'] ?></p>
     <p><?php echo $citem['telefono'] ?></p>
   </div>
<?php } ?>
</div>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>

$( function() {
$( ".listitems" ).draggable();
$( "#droppable" ).droppable({
       drop: function( event, ui ) {
$(this).addClass( "ui-state-highlight" );
       var itemid = ui.draggable.attr('data-itemid')
$.ajax({
  method: "POST",
            url: "update_item_status.php",
            data:{'itemid': itemid},       
}).done(function( data ) {
var result = $.parseJSON(data);
       });
       }
     });
  });
</script>
</body>
</html>
che va ad eseguire la query da un altro indirizzo.
PHP:
<?php
require_once('dbconn.php');
$itemid  = intval($_POST['itemid']);
$sql = "update disponibili set disponibili = 'no'  where id = $itemid";
$conn->query($sql);
$conn->close();
echo json_encode(array('success'=>1));
Funziona tutto correttamente. Vorrei che quando se lo riporto alla posizione iniziale mi aggiornasse quel campo in SI
Come posso fare?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
La tua richiesta riguarda il codice PHP o Javascript?
 

lelemkop

Utente Attivo
2 Lug 2013
55
0
6
Presumo sia javascript perchè nel file php è soltanto una query di aggiornamento di quel campo.
Praticamente vorrei che quando sposto il nome verso destra il campo si aggiorni a "no" ( cosa che già fa), mentre se lo sposto a sinistra il campo si deve aggiornare a "si"
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Upload immagine con javascript problemi con FormData() Javascript 1
L countdown multiplo javascript Javascript 1
S Problemi Javascript + Aruba Javascript 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 4
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
L [Javascript] Problema salvataggio dati in db Javascript 1
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0

Discussioni simili