Ciao a tutti, sto facendo uno script usando jquery... Ho già affrontato in un post precedente una parte di questo script, ora vorrei capire perchè usando il metodo .append() ho un risultato ripetuto...
Nel senso, inserisco la stringa in un type text, quando avvio la funzione il risultato mi viene ripetuto 2 volte... di seguito il codice...
codice:<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script> $(document).ready(function(){ $('#add').on('click',function(event) { var $input = $('.aggiungi_ricetta').find('#add_ricetta').val(); $('.contenitore_ricetta').append('<br/>').append($input).append(" <a class='rimuovi'><i class='fa fa-close' style='font-size:16px;color:red'></i></a>"); } ); } ); </script> <script> $(document).ready(function(){ $(function() { $('#add_ricetta').autocomplete({ source: 'ricerca_token.php', }); }); }); //--- </script> <style> div {margin: 0px 10px 0px 10px; } .contenitore_ricetta { margin: 0px 3px 0px 3px; font-size: 13px; } .aggiungi_ricetta { margin: 0px 3px 0px 3px; font-size: 13px; } </style> </head> <body> <?php //tralascio le query echo"<table class='table table-bordered'>"; echo "<tr><td colspan='7'> ID giorno: ".$riga_giorno['id_giorno']." ID settimana: ".$riga_settimana['id_settimana']." Cliente: <b>".$riga_settimana['rag_soc']." </b> Menu': <b>".$riga_settimana['semestre']."</b></td></tr>"; for( $i=1; $i<=$riga_settimana['numero_settimana']; $i++) { echo" <tr> <td colspan='7' align='center'><b>SETTIMANA ".$i."</b></td> </tr> <tr>"; for( $j=1; $j<=7; $j++) { if($j==1){$giorno="Lunedi'"; } else if($j==2) {$giorno="Martedi'"; } else if($j==3) {$giorno="Mercoledi'";} else if($j==4) {$giorno="Giovedi'"; } else if($j==5) {$giorno="Venerdi'"; } else if($j==6) {$giorno="Sabato"; } else if($j==7) {$giorno="Domenica"; } echo "<th scope='col'>".$giorno."</th>"; } echo"</tr>"; for($k=1; $k<$j; $k++){ $query_desc = "select * from giorno_desc where id_giorno='$pranzo' and tipo='pranzo' and elimina_giorno_desc='0' "; $rs_desc = $mysqli->query($query_desc); echo " <td> <a class='btn btn-default btn-xs' data-toggle='collapse' href=#pranzo_".$pranzo." role='button' aria-expanded='false' aria-controls=".$pranzo.">Mostra Pranzo</a> <div class='row'> <div class='col'> <div class='collapse multi-collapse' id=pranzo_".$pranzo."> <div class='card card-body'><p></p> "; while($riga_desc=$rs_desc->fetch_assoc()){ echo" <div class='contenitore_ricetta' id='".$riga_desc['id_giorno_desc']."'> " .$riga_desc['id_ricetta']./*" id ".$riga_desc['id_giorno_desc'].*/" <a class='rimuovi'><i class='fa fa-close' style='font-size:16px;color:red'></i></a> </div> "; } echo"<br/> <div id='aggiungi' class='aggiungi_ricetta'> <input type='text' id='add_ricetta' name='add_ricetta' class='add_ricetta'/> <input type='Submit' id='add' value='Add'> <br/> </div> </div> </div> </div> </div> </td>"; $pranzo++;} echo"<tr>"; for($y=1; $y<$j; $y++){ $query_desc = "select * from giorno_desc where id_giorno='$cena' and tipo='cena' and elimina_giorno_desc='0' "; $rs_desc = $mysqli->query($query_desc); echo " <td> <a class='btn btn-default btn-xs' data-toggle='collapse' href=#cena_".$cena." role='button' aria-expanded='false' aria-controls=".$cena.">Mostra Cena</a> <div class='row'> <div class='col'> <div class='collapse multi-collapse' id=cena_".$cena."> <div class='card card-body'><p></p> "; while($riga_desc=$rs_desc->fetch_assoc()){ echo" <div class='contenitore_ricetta' id='".$riga_desc['id_giorno_desc']."'> " .$riga_desc['id_ricetta']./*" id ".$riga_desc['id_giorno_desc'].*/" <a class='rimuovi'><i class='fa fa-close' style='font-size:16px;color:red'></i></a> </div> "; } echo"<br/> </div> </div> </div> </div> </td>"; $cena++;} echo"</tr>"; } ?> <script> $('.contenitore_ricetta .rimuovi').click(function(){ var idElementoDaRimuovere = $(this).closest('.contenitore_ricetta').attr('id'); $.post('piatto.php', {id: idElementoDaRimuovere}, function(){ $('#'+idElementoDaRimuovere).remove(); }).fail(function() { alert('Errore: richiesta non riuscita.'); }); }); //--- </script> </table> </body> </html>
Grazie a tutti!!!
Rispondi quotando
