Servus,
ich hoffe ihr könnt mir helfen. Ich würde gerne, dass neue Elemente die ich per Ajax in meiner .php Datei erzeuge hinter ein Div reingeslidet kommen.
Das erzeugen der Divs hinter dem Div habe ich zwar geschafft, jedoch den Slide nicht so wie ich will. Undzwar geht es darum Bestellungen hinzuzufügen und nach jeder Bestellung soll ein Hinweis (in einem Div) von der .php Datei kommen ob das geklappt hat. Dieser Hinweis soll per SlideIn() eingeblendet werden und bestehen bleiben. Nun soll es möglich sein, dass eine weitere Bestellung hinzugefügt wird und der neue Hinweis (aber nur der neue) ebenfalls per SlideIn eingeblendet wird. Ich komme nicht auf die Idee wie ich das hinbekomme, dass das einzeln geschiet. In meinem Falle werden immer alle Hinweise neu "eingeklappt" und wieder "ausgefahren". Hier mein Aufbau:
HTML-Code:
Jquery/Ajax-Code
Ajax.php
2. Sache: Wie könnte ich es limitieren, dass z.B. immer nur die letzten drei Hinweise angezeigt werden (ähnlich wie bei Facebook Benachrichtigungen z.B.)
Danke für die Hilfe.
PS: Ist alles nur zu Übungszwecken also Kommentare über die Sinnhaftigkeit des Vorhabens oder der Idee bitte stecken lassen.
ich hoffe ihr könnt mir helfen. Ich würde gerne, dass neue Elemente die ich per Ajax in meiner .php Datei erzeuge hinter ein Div reingeslidet kommen.
Das erzeugen der Divs hinter dem Div habe ich zwar geschafft, jedoch den Slide nicht so wie ich will. Undzwar geht es darum Bestellungen hinzuzufügen und nach jeder Bestellung soll ein Hinweis (in einem Div) von der .php Datei kommen ob das geklappt hat. Dieser Hinweis soll per SlideIn() eingeblendet werden und bestehen bleiben. Nun soll es möglich sein, dass eine weitere Bestellung hinzugefügt wird und der neue Hinweis (aber nur der neue) ebenfalls per SlideIn eingeblendet wird. Ich komme nicht auf die Idee wie ich das hinbekomme, dass das einzeln geschiet. In meinem Falle werden immer alle Hinweise neu "eingeklappt" und wieder "ausgefahren". Hier mein Aufbau:
HTML-Code:
HTML Code:
<div id="sendOrder" class="entry"> <button id="addOrderbtn" class="add">Add order</button> <button class="cancel">Reset</button> </div> <div id="addOrderResult"></div>
PHP Code:
<script>
$(function(){
$("#addOrderbtn").click(function(evt){
evt.preventDefault();
$.ajax({
url: 'ajax.php',
type: 'post',
success: function(data) {
$('#addOrderResult').append(data).hide().slideDown("slow");
}
}); //end ajax call
}); //end click eventhandler
}); // end function
</script>
PHP Code:
<?php
?>
<div class="n_warning"><p>Attention notification. Lorem ipsum dolor sit amet, consetetur, sed diam nonumyeirmod tempor.</p></div>
<div class="n_ok"><p>Success notification. Lorem ipsum dolor sit amet, consetetur, sed diam nonumyeirmod tempor.</p></div>
<div class="n_error"><p>Error notification. Lorem ipsum dolor sit amet, consetetur, sed diam nonumyeirmod tempor.</p></div>
Danke für die Hilfe.
PS: Ist alles nur zu Übungszwecken also Kommentare über die Sinnhaftigkeit des Vorhabens oder der Idee bitte stecken lassen.