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?

1 Antwort

AldoradoXYZ

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik

30.08.2020, 19:40

Hey xxlolxx283,

zunächst ist wichtig zu verstehen, dass der PHP Teil serverseitig ausgeführt wird der JavaScript Teil im Browser.

Wenn Du die Seite neu lädst, dann wird natürlich der PHP Teil erneut ausgeführt. Wenn Du dein $test dann nicht entsprechend gesetzt hast, dann siehst Du eben nicht was Du sehen willst.

Es wäre evtl. einfacher, wenn Du beschreibst was Du im Ergebnis haben willst.

Dein document.write ist vermutlich nicht der richtige Weg. Üblicherweise nutzt man document.getElementsById um ein Element zu holen und dann zu modifizieren.

Gruß

Woher ich das weiß:eigene Erfahrung

xxlolxx283

Fragesteller

30.08.2020, 19:43

Hey,

da sich durch den Klick auf den Button "123" die Seite aktuallisiert und zu dem echo wechselt, will ich das wenn sich die Seite auf das echo aktualisiert hat, dass das document.write übergeben wird.

AldoradoXYZ

30.08.2020, 20:00

@xxlolxx283

Du willst nen Post Request an den Server senden? Dafür brauchst Du nicht mal JavaScript.

Mach eine HTML Form und nutze submit.

Ansonsten wenn es JavaScript sein soll, dann kannst Du natürlich auch damit einen HTTP Post senden.

Kannst dich ja mal etwas einlesen zu dem Thema post Request und PHP und wie Du damit Information vom Client zum Server schickst. Denn das ist ja wohl was Du machen willst.

Gruß

Liebe Community,

Ich habe in JS eine Variable welche ich in PHP benutzen will, um den Inhalt einer Datei zu verändern. Mein PHP Code sieht so aus:

<?php
if (isset($_GET["data"])) {
    $stuff = "<script>document.write(JSON.stringify(scripts));</script>";
    echo $stuff;
    $newfilecontent = $stuff;
    file_put_contents("scriptlist.js", "let scripts = " . $newfilecontent);
}
?>

Das echo funktioniert also es wird die Variable angezeigt, in die Datei wird allerdings nicht die JS Variable gepackt, sondern der Text <script>document.write(JSON.stringify(scripts));</script>

Wie kann ich das vermeiden sodass auch dort das gleiche wie beim echo eingefügt wird?

Viele Grüße Koner

...zur Frage

Warum funktioniert dieser code nicht?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Beta</title>
    <script>
        const bodyElement = document.querySelector("body");

        function setColorBlue() {
            bodyElement.background-color = "blue";
        };

        function setColorRed() {
            bodyElement.background-color = "red";
        };

        function setColorGreen() {
            bodyElement.background-color = "green";
        }
    </script>
</head>
<body>
    <div class="color-picker">
        <button onclick="setColorBlue()">Blue</button>
        <button onclick="setColorRed()">Red</button>
        <button onclick="setColorGreen()">Green</button>

    </div>
</body>
</html>

...zur Frage

Wie kann man den Dark-Mode Seitenübergreifend machen?

Liebe GuteFrage.net Community,

Wie kann ich dafür sorgen, dass der Dark-Mode aktiviert bleibt, wenn man auf eine Unterseite geht von der Seite? Habe ein wenig JavaScript genutzt, doch ich kenne mich noch nicht so wirklich aus in dem Bereich. Ich hoffe, Ihr könnt es mir erklären. :) Dies ist mein Code:

HTML /Javascript:

<button onclick="myFunction()">Toggle dark mode</button>
            <script>
              function myFunction() {
              var element = document.body;
              element.classList.toggle("dark-mode");
           }
            </script>

Css:

.dark-mode {
  background-image: radial-gradient(#5c5252 2%, transparent 7%),
    radial-gradient(#928f8f 2%, transparent 7%);
  background-color: #16140f;
  background-position: 25px 35px, 50px 50px;
  background-size: 20px 20px; 
}

Eine weitere Frage wäre da noch... Und zwar wie bekomme ich es hin in Boxen die Farbe zu verändern? Bisher verändert sich nur der Hintergrund...

...zur Frage

Undisabled eines Buttons durch JavaScript?

Hallo,

ich möchte mit Hilfe von JavaScript einen Button, der vorher disabled war, wieder aktiviert, sodass er undisabled ist. Die funktioniert leider nicht und ich habe kein Ahnung an was es liegen könnte.

Mein HTML Code:

<body>

</body>

}

Mein Javascript Code:

let button = document.getElementbyid('button' );

function Test() {

button.disabled = false;

}

Weiß jemand an was es liegen könnte?

...zur Frage

Button-Link im PHP echo in neuen Tab öffnen?

Hallo,

was muss ich ändern, damit der Link in einen neuen Tab geöffnet wird?

echo("<button onclick=\"location.href='https://google.de'\">Ab zu Google</button>");

Danke im Voraus.

...zur Frage

[jQuery AJAX] echo mit HTML Content von PHP Datei ausgeben?

Okay, die Frage ist evtl ein bisschen kompliziert. Deshalb beschreibe ich das anhand eines Beispiels. Zuerst meine Dateien:

PHP (submit.php)

<?php
 $mail = $_GET['mail']; if(filter_var($mail, FILTER_VALIDATE_EMAIL)) { echo "<div role=\"alert\">Ungültige E-Mail</div>"; } else { echo "<div role=\"alert\">Gültige E-Mail</div>"; }

?>

HTML (index.html)

<form id="myForm">
  <input type="email" name="mail" id="mail" placeholder="E-Mail Adresse"/>
  <input type="submit" name="check" id="check" value="Senden"/>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.js"/> <script> $(function () { $('form').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'submit.php', data: $('form').serialize(),   success: function() {    //echo "Gültige E-Mail    } error: function() { //echo "Ungültige E-Mail" } }); }); }); </script>

Beschreibung:

Sobald das Formular abgesendet wurde, wird die E-Mail an die submit.php gesendet. In dieser wird überprüft, ob die E-Mail gültig ist und gibt dann das Ergebnis in Form von HTML-Code zurück.

Die Lösung mit alert will ich nicht. Es soll unterhalb der Form das Ergebnis stehen.

Wenn ich mit PHP

echo "<div role=\"alert\">Gültige E-Mail</div>";

ausgebe, dann steht das auch direkt in HTML dort (also nicht als PlainText).

Wie ist es also möglich, das Ergebnis der submit.php zu bekommen und in der index.html auszugeben?

Vielen Dank im Voraus!

...zur Frage

Musik lauter machen in JS?

Hi Liebe Community,

Ich habe folgendes Problem:

Ich habe mit JavaScript und HTML einen Button gemacht, der Musik spielt. Jetzt würde ich es gerne so machen, das, wenn man auf zwei andere Button drückt, einer plus und minus, die Musik immer ein bisschen lauter und/oder ein bisschen leiser wird (halt so, das man mehrmals auf den Button drückt, damit es pro Click ein bisschen lauter/leiser wird , aber ich komme nicht weiter, könnt ihr mir helfen?

Danke im voraus, für die Hilfe

Quellcode:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="playMusic()">starte Musik</button>
    <button onclick="volumeeUp()">+</button>
    <button onclick="volumeDown()">-</button>
</body>
<script>
    const audio = new Audio();
    audio.src = "musik.mp3"
    audio.loop = true;

    function playMusic() {
        audio.play();
    }

    function volumeUp(){
        audio.volume = +1;
    }

    function volumeDown(){
        audio.volume = -1
    }
</script>
</html>

...zur Frage

Wie bekomme ich es hin, dass der alert bei javascript auf der Website angezeigt wird und nicht in einem extra Fenster?

Ich habe es schon mit document.write und document.get versucht. Die Aufgabenstellung lautet wie folgt:

"Erstellen Sie eine html Seite, die einen Button enthält. Klickt man auf den Button, wird eine Java Script Funktion aufgerufen, die einen beliebigen Text als alert auf der Seite ausgibt. "

Ich habe bisher folgendes:

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Test</title>
   </head>
   <body>
      <form name="button">
      <input type=button value="Alert" onclick="Box()">
      </form>
      <script language="JavaScript">
         function Box() {alert("Alarm!!")};
      </script>
   </body>
</html>

...zur Frage

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...zur Frage

Warum über JavaScript Events?

man kann ja in seinen html code onclick oder was auch immer für ein Event hinschreiben.

ich sehe trotzdem bei vielen Profis immer das hier

Html : 

<body>
<button id='MeinButton'>Senden</button>
</body>

js: 

document.querySelector('#MeinButton').addEventListener('click', MeineFunktion);

function MeineFunktion(){
event.preventDefault();
Alert(1);
}

einfacher wäre das hier

<body>
<button onclick='MeineFunktion();' id='MeinButton'>Senden</button>
</body>
function MeineFunktion(){
event.preventDefault();
Alert(1);
}

Und wieso muss man prevent default hinschreiben ?
Was genau macht der browser denn by default / standardmäßig das es sonst nicht funktioniert ?

...zur Frage

Seite wird bei Weiterleitung nicht richtig angezeigt?

Hey,

Ich programmiere gerade etwas in PHP, CSS, HTML, JS... Ich habe ein Button gemacht und wenn mann auf ihn clickt soll mann weitergeleitet werden (JavaScript Funktion).

Die Weiterleitung funktioniert aber wenn mann auf der Seite ist wird nur der PHP Quell text angezeigt...

Ich bitte um hilfe!

Code:

JavaScript Weiterleitung:

<script type="text/javascript">
window.location = "login.php";
</script>

Button:

<form action="weiterleitung-login.html" method="post" class="buttons"><input type="submit" value="Einloggen" class="login"></form>

MfG Dominik

...zur Frage

Text aus Span Element kopieren?

Moin,

ich habe ein Span Element:

<span id="test">Hello World</span>

Nun möchte ich den Text per Button in die Zwischenablage kopieren. Ich dachte an an sowas:

<button id="copy" onclick="copy()">Copy</button>
<script>
  function copy() {
    var text = document.getElementById("test");
    // . . .
  }
</script>

Wie kann ich das denn genau ausbauen? Im Internet habe ich bisher nur Möglichkeiten für Textfelter o.Ä. gefunden.

MfG

...zur Frage

DIV overflow: scroll; automatisch nach unten Scrollen?

Hallo,

ich habe ein Php Skript:

<?php
echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll;</div>";

echo "<div></div>";
?>

Den overflow: scroll; definiere ich in CSS.

Jetzt möchte ich, dass automatisch nach ganz unten gescrollt wird, wenn die Seite aufgerufen bzw. neu geladen wird.

Im Internet bin ich auf folgenden Code gestoßen:

<?php
echo '<body onLoad="letzteselement.scrollIntoView();">';

echo "<div class'eins'>Eins</div>"; 
echo "<div class'zwei'>Zwei</div>";


echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll; 
<a id="letzteselement" /> 
</div>";

echo "<div></div>";
?>

Bei Firefox funktioniert das auch einwandfrei, wenn ich allerdings einen anderen Browser benutze (z.B. Microsoft Edge) ist es, als ob der Code nicht existier -> es passiert nichts.

(Ich weiß nicht, ob es wichtig ist, aber der Inhalt meines Div wird aus einer Datenbank ausgelesen und ist relativ groß (Text))

Kent jemand noch einen anderen Code, der immer funktioniert?

...zur Frage

AJAX: Wie kann ich den Inhalt der textarea verändern?

Hallo,

ich habe eine textarea, in der man Text eingibt. Per AJAX wird dieses Feld dann verändert:

function function() {
  jQuery.ajax({
    url: "change.php",
    data: {
      "text": $("#text").val(),
    },
    type: "POST",
    success:function(data) {
      $("#text").val(data);
    },
    error:function() {
    }
  });
}

Doch das Problem ist, dass die komplette echo-Ausgabe vom PHP-Skript dann da drin steht.

Das Skript sieht etwa so aus:

<?php
  echo "<p>Dein neues input-Feld:</p>";
  echo '<textarea id="output">'.$NeueAusgabe.'</textare>';
  echo "<p>richtig ? </p>";
?>

Ich will aber nur den Inhalt der Variable dann darin austauschen und das hier noch zur textarea hinzufügen:

onClick="this.select();"

Wie geht das?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen