uppdatera lista när submit klickas!

[happyfejs]

Tja

Hur gör jag på bästa för att fylla en lista med data från mySQL och när användaren via ett formulär lägger till data till databasen tömma listan och uppdatera den så att även sista inlägget syns? Sista inlägget ska hamna överst, annars hade man ju bara kunnat lägga till en div med sista inlägget ?:S

 

Tack på förhand

 

EDIT: Nu lägger jag till data i databasen på följande sätt

 

$("form#addComment").submit(function() {
      var headline = $('#headline').attr('value');  
   var name = $('#name').attr('value'); 
   var message = $('#message').attr('value'); 
   var id = $('#id').attr('value');            
           $.ajax({
                       type: "GET",
                       url: "addComment.inc.php",
                       async: true,
                       data: "id="+ id +"& headline=" + headline +"& name=" + name + "& message=" + message,
                       success: function (msg) {       
    						if (msg == 1) {
							alert("Something went wrong, try again later.");
						}else{
							$(".commentBody").show();
							$(".commentForm").hide();
							document.addComment.headline.value = "Compose a nice title";
							document.addComment.name.value = "Add a name, perhaps your own";
							document.addComment.message.value = "Add your comment";
						}
              			}

      			});
			return false;
});

[Jonas__B]

hur ser listan ut då?

 

Förslag på ändringar:

var headline = $('#headline').val();

//---  Är nedanstående fält samma som ovan??
$('#headline').val("Compose a nice title");
///

 

Du kan använda jquery för att stoppa in det nya värdet i listan:

 if (msg == 1) {
                                                               alert("Something went wrong, try again later.");
                                                       }else{
                                                               $(".commentBody").show();
$(".commentForm").hide();

$(".minLista").prepend("<li>"+ headline + message "</li>");
}

 

Nu förstår jag att det inte är så du vill ha det med det vill ha sagt är att du kan använda "prepend" för att stoppa in nya element i befintliga.

[happyfejs]

Tack för svar

Återkommer med denna tråd inom kort, har fått surdegar emellan.

[happyfejs]

Så nu hinner jag svara, listan skulle kunna se ut lite hur som helst egentligen, det kan jag nog anpassa ganska bra men säg ungefär som så här lätt bara

 

<ul>
 <li>
    <span class="headline">Rubrik</span>
    <span class="text">En fin text här</span>
 </li>
<li>
    <span class="headline">Rubrik</span>
    <span class="text">En fin text här</span>
 </li>
<li>
    <span class="headline">Rubrik</span>
    <span class="text">En fin text här</span>
 </li>
</ul>

 

Sen ligger formuläret direkt nedanför listan och när man klickar submit vill jag att listan ska uppdateras och det nya inlägget ska läggas längst upp i sidan..