Visualizzazione dei risultati da 1 a 3 su 3

Discussione: append() jquery

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2012
    Messaggi
    199

    append() jquery

    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>
    	&nbsp;
    	
    	<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>
    	&nbsp;
    	
    	<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!!!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    28,475
    Riporta il listato che riceve il browser, togliendo il php che avendo dei for e dei while potrebbe creare dei doppioni
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,187
    alberto occhio al titolo. da regolamento dovrei chiudere ma lascio correre. esso deve essere quanto più descrittivo possibile.

    il tuo indica solo il nome di un metodo
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.