Beim klicken auf ein Bild eine PHP-Funktion ausführen?

Guten Tag!

Ich versuche jetzt schon seit längerem, bei einem Klick auf ein Bild eine PHP Funktion aufzurufen - OHNE Reload - Also, Beispiel:

<a onclick='führe php funktion aus'><img src='iwas.png'></a>

Ich habe nach ergiebigem Googlen öfters etwas von "AJAX" gehört - Jedoch nie ein Tutorial gefunden.. Könnte mir jemand vielleicht aus der Patche helfen?

MfG

4 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Hosenmist95

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

17.02.2013, 14:46

AJAX ist nichts anderes wie mittels javascript ein php-script aufzurufen und dessen ausgabe in das aktuelle dokument zu laden. Sprich ich mach ein DIV und in dieses Div lade ich dann die Ausgabe eines PHP-Dokuments. Das ist allerdings nur mit Javascript machbar. Hat der Nutzer javascript deaktiviert, gibts ein problem und eine alternativ-lösung (reload) ist nötig.

Lad dir jQuery runter und bau es in dein skript ein

<script type="text/javascript" src="jQuery.js"></script>

dann kannst du mit der einfachsten aller einfachen variante (.load() ) einen AJAX-Request vollführen :-D

Beispie.:

index.php

<html>
<head>
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$('#clickme').click(function(){
$('#result').load("pfadzurphpdatei.php");
});
</script>
</head>
<body>
<span id="clickme">Klick mich um PHP ausführen zu lassen</span><br>
<div id="result"></div><br>
<p>Klick ruhig öfter auf den text dort oben :-)</p>
</body>
</html>

pfadzurphpdatei.php

<?php
echo "Aktuelle Zeit: ".time();
?>

Bei .load(); kann man dann auch mittels GET-Paramenter variablen übergeben ;-)

Die Alternative wäre dann .ajax(); das ist allerdings sehr kompliziert ;-))

TimMagFussball

19.04.2020, 11:24

Falsch!

FragantHundert

Beitragsersteller

17.02.2013, 18:56

Vielen Dank :)!

Das einzige Problem ist hierbei, dass ich keinen Zugriff auf den Head habe - Es ist nämlich ein Plugin für MyBB :/

MfG

Hosenmist95

18.02.2013, 18:02

@FragantHundert

Dann wird es zwar schwierig, aber nicht unmöglich - kenn mich mit mybb nicht aus, was aber 99,9% funktoinieren muss:

Registrier dich bei einem freehoster (egal bei wem, hauptsache er kann PHP und mach das PHP-Skript da drauf - dann rufst du halt statt

.load('pfadzurdatei.php');

einfach

.load('http://www.subdomain.freehoster.com/pfadzurdatei.php');

Das müsste auch funktionieren ;-)

TimMagFussball

19.04.2020, 11:24

Woher ich das weiß:Berufserfahrung

cat64k

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

16.02.2013, 20:35

ohne reload hast du keine Chance. da javascript nur clientseitig läuft und php erst nachdem senden den inhalt ändern kann.

AJAX bietet schon gute Schnittstellen, aber ein reload muss trotzdem erfolgen

verreisterNutzer

16.02.2013, 21:22

Zu dem Reload sollte man vielleicht etwas detaillierter werden:

Um PHP auszuführen muss zwar eine Seite (neu) geladen werden, aber das muss nicht die sein die im Browserfenster angezeigt wird. Dafür gibt es AJAX - das kann im Hintergrund, unabhängig von der Seite die du anschaust, weitere Skripte aufrufen. "Sichtbar" lädt sich so im Browser keine Seite neu.

Hier ist ein ziemlich simples Tutorial das dir die Funktionsweise näher erläutert:

http://www.w3schools.com/php/php_ajax_php.asp

(und das war bei Google auf der ersten Suchergebnisseite...)

FragantHundert

Beitragsersteller

16.02.2013, 20:40

Verdammt, das ist schade :(

Wäre halt für mein Projekt von Vorteil gewesen ^^ Muss nämlich etwas in die Datenbank schreiben, und dann das Bild ändern :/

FragantHundert

Beitragsersteller

16.02.2013, 20:46

@FragantHundert

Gibt es denn eine Möglichkeit bei Klick auf dem Bild überhaupt irgendwie eine PHP-Funktion aufzurufen? Selbst wenn es mit Reload ist?

WhiteGandalf

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

17.02.2013, 04:28

Hmmm, ein paar Beispiele (für Unterricht ausgelegt) könnte ich anbieten...

http://harryboeck.dyndns.org/Experimente/js/XMLHttpRequest/XMLHttpRequest.php

Ähnliche Beiträge

jquery function ausführen beim klick auf den eine oder den anderen button?

hallo, ich habe eine jquery function und möchte, dass sie beim klicken auf den eine button und beim klicken auf den anderen button ausgeführt wird.

skript:

$(document).ready(function() {
                $(".kommentarabschicken").click(function(){
                        if($(".kommentareingabe").val() != "") {

                            $.ajax({
                                type: "POST",
                                url: "kommentare.php",
                                data: "kommentareingabe=" + $(".kommentareingabe").val(),
                                cache: false,
                                success: function(html){
                                        $(".scroll").html(html);
                                        $(".kommentareingabe").val();
                                }
                                });
                        }
                        return false;
                    });
                });

jetzt wird sie ausgefürt bei klicken auf kommentarabschicken. Sie soll auch ausgeführt werden, wen man auch kommentaroeffnen klickt. (evtl. wenn die Seite geladen wird)

Vielen Dank im Vorraus!!

...zum Beitrag

Wie kann ich eine PHP Funktion wiederholt ausführen ohne Reload?

Ich möchte, dass sich ein String, der via Echo ausgegeben wird, sich bei Klick auf Button um einen erhöht. Aber dabei soll nicht die Seite immer wieder neuladen. Wie kann man es machen?

Gruß

...zum Beitrag

XMLHttpRequest Javascript mit PHP POST-Methode Funktion in Datei, die aufgerufen wird ausführen?

Ich habe auf meiner Website ein Formular, welches ich über Javascript auswerte und die Werte mit XMLHttpRequest über POST an eine PHP Datei übergebe. Um diese geht es auch. In ihr möchte ich eine Javascript funktion ausführen, die nicht in der PHP Datei steht. Ich habe mehreres probiert aber nicht hinbekommen. Nach etwas Google Suche habe ich mehrfach gelesen, dass das Skript erst nach vollenden des XMLHttpRequests ausgeführt wird. Stimmt das so? und was bedeutet das für mich?

PS: Bin neu in Javascript

...zum Beitrag

Ajax holt Daten, JQUERY erkennt ID nicht?

Hallo

Ich hoffe, dass Ihr mir auf die Sprünge helfen könnt.

Mittels Button wird per JQUERY Ajax aufgerufen. Von der Datenbank werden Bilder ausgegeben.

Nun habe ich vorher schon einige Funktion gebastelt, die mir erlauben das Bild zu bearbeiten, z.B. mittels keyUP die Positionen vom Bild zu verändern, Größe und Co.

Da es mehrere Bilder sind, wird in der PHP Datei eine For-schleife erstellt, wo die Inputs und Buttons mit classen (und Id->testzweck) versehen werden (echo-ausgabe).

Nun lassen sich weder die Buttons noch mit Inputs steuern, weder mit this bzw Klassen noch mit der Id.

Hat vielleicht jemand eine Idee woran es liegen könnte?

      $('#load_image').click( function (event) {
        event.preventDefault();
        $.ajax({
          type: 'POST',
          url: 'ajax/home.php',
          data: $(this).serialize(),
          success: function (title_image) {
            $('#title_image').html(title_image);
          }

        });
      });



<button id="load_image" type="submit" name="load_image" class="btn btn-primary start"> <span><i class="glyphicon glyphicon-picture"></i>Bilder Laden</span> </button>
        <div id="title_image" class="margin">
          <!-- DIVS vom PHP AJAX -->
        </div>

Ajax PHP datei

if (!$title->execute()) {
  echo "Fehler";
} else {
  $name = array();
  while ($data = $title->fetch()) {
    $name[] = $data['name'];
  }
$count = count($name);
  for ($i=0; $i < $count; $i++) {
    echo $name[$i];

/* DIVS */
    echo '    <input type="number" id="image_horizontal_edit1" value="" placeholder="Horizontal">';
    echo '    <input type="number" id="image_vertical_edit1" value="" placeholder="Vertical"><br><br>';
    echo '    <input type="number" id="image_zoom_edit1" value="" placeholder="Zoom"><br><br>';

...zum Beitrag

JS: Scroll on-Function bei Page Reload?

Hallo zusammen,

Ich habe auf meiner Testhomepage mittels php eingestellt, wie sich der fixed header und die Elemente innerhalb verschieben & verkleinern sollen, wenn ich scrolle.

Das klappt auch alles einwandfrei! Problem ist nur dass wenn ich von oben nach unten scrolle, wird der Header so wie er es soll kleiner.

Wenn ich die Seite jetzt neu lade, wird mir aber erstmal wieder der große Header angezeigt, obwohl meine Scrollposition schon tiefer ist. Wie kann ich direkt bei Page-Reload die Funktion ausführen (ohne scrollen)?

Muss ja irgendwie mit PageYOffset gehen.

Danke im Voraus

...zum Beitrag

Alle PHP Variable nach REFRESH/RELOAD weg, selbst nach Speicherung in extener Datei, warum?

Nachdem ja bald Weihnachten ist und die Homepage bis dahin fertig hätte sein sollen, was ich mittlerweile so gut wie aufgegeben habe, stelle ich hiermit zum dritten Mal die selbe bzw. ähnliche FRAGE! Und vielleicht haben wir ja hier bald ein Weihnachtswunder und jemand versteht endlich was das Problem ist, das scheinbar nur ich habe!

Also gut ich probiers nocheinmal zu erklären! Ich habe eine Online Bearbeitungsseite (und ich brauche keine Tipps, dass das ungeeignet oder sonst was ist!, ich möchte einfach meine Frage beantwortet haben) und hier habe ich ein Formular, so weit so gut! Bei diesem Formular kann man z.B. den Titel eines Bildes eingeben in ein Input Field! Was soll das ganze Bezwecken? Es hätte dann ursprünglich durch den Input ausgegeben werden sollen (sowohl auf der Bearbeitungsseite) - als auch auf der Besucherseite.. Diese Vorstellung ist ja dann immer unlogischer geworden, wie man hier einsehen kann, wo mir leider noch niemand beantworten konnte was ich machen muss https://www.gutefrage.net/frage/text-auf-seite-behalten-nach-absendung-wie?foundIn=notification-center#answer-232225061 .... soweit so gut, dann habe ich mir gedacht gut, wenn das alles nicht funktionieren will schaust du dir ein Tutorial an, wo der Input in einer Datei gespeichert wird funktioniert auch wieder alles super (wird in Datei angezeigt und sogar ausgegeben) - wäre da nicht schon wieder wie vorher dieses echt penetrant nervige Reload Problem. Nach dem Reload wird nämlich sofort alles aus der externen Datei herausgelöscht und die Variable ist wieder undefined (ich kann's nicht mehr lesen)

PS:

$var1 = $_POST['firstName']; (secondName..... usw.)

$fileHandle = fopen("myDataFile", 'w'); fwrite($fileHandle, $var1); fwrite($fileHandle, $var2); fclose($fileHandle);

echo $var1; (habs auch wie im Tutorial probiert einmal mit read zusammenzufassen und auszugeben)

Sollte mich jemand auf einen Fehler hinweisen, danke sehr nett den hat's aber im Quellcode nie gegeben, da es schlicht und ergreifend funktioniert! Nur wie gesagt egal was ich probiere und ich bin mittlerweile echt schon leicht bis mittelschwer am Tiefpunkt der Verzweiflung löscht sich alles! und ich meine alles! Nach dem Reload bzw. Nach der erneuten Bestätigung des Links per Enter... SUPER (Vielleicht kann mir endlich jemand eine Lösung liefern und somit mir eine Riesenfreude machen, mittlerweile glabu ich ja nicht mehr dran)

...zum Beitrag

PHP: script ausführen sobald checkbox angeklickt wurde?

ich habe eine checkbox und will dass direkt beim klicken IM HINTERGRUND ein php-script ausgeführt wird womit in der SQL-datenbank ein wert gesetzt wird, wenn sie gesetzt ist 1 und wenn der haken raus genommen wird 0. hab derzeit einfach eine form mit button aber will dass es direkt nach dem Klick passiert, wie geht das ? gibts irgendwo Beispiele ? hab beim googeln nix gefunden.

...zum Beitrag

Unterschiede zwischen PHP und JavaScript?

Hallo,

Ich habe gelesen das man halt für die Funktionen der Website z.B PHP oder JavaScript brauch. Ich würde gerne euch fragen was benutzt ihr und was heißt denn eigentlich Server-Side und Client-Side? Würde php ohne einen Server nicht gehen oder wie ist das gemeint?

Danke

Max

...zum Beitrag

PHP Funktion automatisch ausführen?

Hallo :)

Ich habe eine kleine interne HTML5-Speedtest-Seite.

Mit einem klick auf den Button hinter <div id="startStopBtn" onclick="startStop()"></div> wird der Test gestartet. Wie kann ich es machen, dass der Test automatisch gestartet wird, wenn ich die Seite nur öffne?

...zum Beitrag

In JS Button-Farbe toggeln?

Hallo,

ich möchte gerne die Hintergrundfarbe meines Button's durch einen Klick ändern.
Einmal drauf klicken soll ihn bspw. Gelb einfärben, nochmals soll ihn wieder zurückfärben.

Dazu soll dabei ein php-Skript ausgeführt werden. (Falls ihr wisst wie man das hier einfügt immer gerne sagen, soll aber erst mal um den Button gehen)

Ich bräuchte also auch eine Information, ob der Button nun gedrückt wurde oder nicht, damit ich das richtige Skript ausführen kann (Gibt jeweils eine Funktion, wenn der Button "An" ist bzw wenn er "Aus" ist)

...zum Beitrag

PHP / JavaScript ausführen?

Also, das ist nicht der richtige code, da er zu lang ist.

<?php
  if ($test) {
    echo '<button onClick="myFunction()">123</button>';
  }
  else {
    echo "es geht nicht";
  }

  <script>
    function myFunction() {
      document.write('Hallo Welt');
    }
  </script>
  
?>

Nun ist es so, dass, wenn man den Button "123" (im originalen Code) drückt, das er direkt zu

echo "es geht nicht";

wechselt.

Jetzt ist das Problem, wenn ich den Button "123" drücke, wird zwar

myFunction()

aufgerufen und auch kurz angezeigt. Da sich aber die Seite nach dem klick durch PHP aktualisiert, springt es zu

echo "es geht nicht";

und es wird nicht weiter angezeigt.

Wie kann ich vorgehen, dass es auch bei "es geht nicht" weiter angezeigt wird?

...zum Beitrag

Wie übergebe ich von PHP Parameter an ein PowerShell Skript?

Hallo Zusammen,

kann mir jemand sagen, wie ich mein PHP Skript erweitern muss, damit ich meine Funktion im PowerShell Skript ausführen kann.

PowerShell:

function hallo($parameter){
Write-Host $parameter
}

PHP:

$Result= shell_exec('powershell.exe -ExecutionPolicy Bypass 
-command "test.ps1);

...zum Beitrag

PHP-Dateien in .exe-Daten umwandeln?

Kann man irgendwie mehrere PHP-Dateien in eine exe-Datei zusammenfassen und diese dann ausführen? Bin über Google nicht weitergekommen. Kennt jemand vielleicht ein Programm dafür?

...zum Beitrag

PHP-Funktion auslösen bevor man die Seite verlässt?

Ich probiere grade aus, meine eigenen „Google Analystics“ zu machen, da das Originale zu teuer ist. Egal, kommen wir zurück zum Thema. Wie füge ich Daten zu einer MySQL-Datenbank hinzu, genau dann, wenn der User die Seite verlässt. Ich habe es bereits mit diesem JavaScript versucht:

How do i run PHP-Functions before the page unloads bwz. close? I tried `beforunload` but it never really worked. I want to insert a record for analystics into php database. Here is the JavaScript:


```
const beforeUnloadListener = (event) => {
   document.write(' <?php 
		$sql2 = "DELETE FROM `SwiftSpion` WHERE ip = `$ip`";
$result2 = $conn->query($sql2);
	?> ');
}

window.addEventListener("beforeunload", beforeUnloadListener);

	const pageHideListener = (event) => {
    document.write(' <?php 
		$sql2 = "DELETE FROM `SwiftSpion` WHERE ip = `$ip`";
$result2 = $conn->query($sql2);
	?> ');
}
document.onvisibilitychange = function() {
  if (document.visibilityState === 'hidden') {
		document.write(' <?php 
		$sql2 = "DELETE FROM `SwiftSpion` WHERE ip = `$ip`";
$result2 = $conn->query($sql2);
	?> ');
  }
};

window.addEventListener("pagehide", pageHideListener);
```



I expect, that the MySQL-Command works when the user leaves the site.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen