Ankündigung

Einklappen
Keine Ankündigung bisher.

Klicken, Löschen, Entfernen - ohne neu laden?

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Klicken, Löschen, Entfernen - ohne neu laden?

    Hallo zusammen,

    ich habe folgenden Aufbau:

    Code:
    <div>
    	<div id="file_1">[...] <a href="?">Link zum löschen</a></div>
    	<div id="file_2">[...] <a href="?">Link zum löschen</a></div>
    	<div id="file_3">[...] <a href="?">Link zum löschen</a></div>
    </div>
    Das sind quasi 3 Bilder, die jeweils in einem <div> angezeigt werden.
    Jetzt möchte ich dann einen Link zum Löschen anbieten. Mein Wunsch:

    Ich klicke den Link, aber es lädt die Seite nicht neu, sondern führt im Hintergrund:

    PHP-Code:
    delete(){
    $id $_GET['id'];
    //bild mit id vom Server löschen

    Zudem soll er dann direkt den div mit id="file_$id" natürlich ausblenden.

    Wie würdet ihr das umsetzen? Was für Dateien brauch ich? Ich vermute javascript und ne php-Datei, oder?

    Vielen Dank
    Schöne Grüße

  • #2
    Das ist mit Ajax eine ganz triviale Aufgabe.
    In Mootools: http://mootools.net/docs/core/Request/Request
    In jQuery: http://api.jquery.com/jQuery.ajax/

    Normales JavaScript: https://developer.mozilla.org/en-US/...XMLHttpRequest
    Crashkurs zum Thema Rechtschreibung: [COLOR="Green"]normalerweise[/COLOR] ([COLOR="Red"]normaler weise[/COLOR] oder [COLOR="Red"]normaler weiße[/COLOR]), [COLOR="DarkGreen"]Standard[/COLOR] ([COLOR="Red"]Standart[/COLOR]), [COLOR="DarkGreen"]eben[/COLOR] ([COLOR="Red"]ebend[/COLOR])

    Kommentar


    • #3
      entweder Ajax - oder du nimmst gleich jQuery (+animate) und entfernst den Div ...

      HTML-Code:
      <script>
      $("div #file").click(function() {
        $(this).remove();
      });
      </script>
      so ungefährt mit jQuery - und das geht so einfach ... ich beschäftige mich erst knapp 3 Tage damit (ok - hier klickst du direkt auf das div mit dem Bild darin - aber über einen Link geht es quasi genau so einfach ...)
      "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste [IMG]http://www.php.de/core/images/smilies/icon_lol.gif[/IMG]

      Kommentar


      • #4
        Mit Jquery in so etwa:
        Code:
        <script>
        	$('.j_delete').click(function(){
        		
        		
        		var link_id = $(this).attr('data-value');
        		
        		var data={ action: 'remove_link', link_id: link_id }; 
        		$.post('remove.php', data, function(response){  
                if(response=="success") {
        			$(this).parent().remove();
        		} else {
        			//alert('not deleted');	
        		}
            });
        </script>
        <div id="file_1">[...] <span class="j_delete" data-value="34">Link zum löschen</span></div>


        Dann in remove.php löscht Du den DB Eintrag oder was auch immer.

        Kommentar

        Lädt...
        X