Wie kann ich mit WP Contact Form 7 individuelle Dateien versenden?

Guten Tag,

ich würde gerne beim Aufrufen einer Wordpress Unterseite im Link eine ID übergeben (GET/POST). Diese ID soll nun in einem versteckten Feld in einem Contact Form 7 gespeichert werden. Wenn ich das Formular abschicke, soll anhand dieser ID ein Dateiname aus einer Datenbank ausgelesen werden und diese Datei soll an die Email (2) angehängt werden.

Wie realisiere ich das am besten?

P.S. PHP, JS Kentnisse vorhanden

1 Antwort

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, WordPress

12.07.2020, 13:09

Part 1, mit dem Link, geht so:

Der Link könnte bspw. so aussehen: /beispiel-seite/?param=test

Im Formular fügst Du dann das unsichtbare Feld ein:

[hidden param default:get]

Details dazu: https://contactform7.com/getting-default-values-from-the-context/

Part 2 ist dann schon etwas schwieriger. Du müsstest den Nachrichtentext verändern bevor er geändert wird. Dazu gibt es einen Hook, siehe hier:
https://stackoverflow.com/questions/29926252/how-to-hook-into-contact-form-7-before-send

Dort müsstest Du das Feld mit der ID auslesen und dann in der Wordpress-Datenbank nach der Datei mit dieser ID suchen, z.B. mit https://developer.wordpress.org/reference/functions/get_attached_file/

Woher ich das weiß:Berufserfahrung

Ähnliche Fragen

JS overlay schließen?

ich habe eine Problem mit meiner schließungs-funktion.

$('#overlay-contact').on('click', function(ev) {
    console.log(ev.target)
    if (ev.Target = $('#overlay-wrapper-contact')) {
        $("#overlay-contact").removeClass('show-overlay');
    }
});

die Class 'show-overlay' wird durch einen Button hinzugefügt

$('#toggle-btn-contact').on('click', function(){
    var elem = $('#overlay-contact');
    elem.addClass("show-overlay");
});

<div id="overlay-contact" class="overlay">
  <div id="overlay-wrapper-contact" class="overlay-wrapper">
    <div class="o_contact-form">    
      <form action="index_submit" accept-charset="utf-8">
        <textarea placeholder="Name:" name="Name"></textarea>
        <textarea placeholder="E-Mail:" name="E-mail"></textarea>
        <textarea placeholder="Anliegen:"></textarea>
      </form>
    </div>  
  </div>
</div>

#overlay-contact.overlay
display: none
position: fixed
height: 100vh
width: 100vw
background: $bg-color
z-index: 999

.overlay-wrapper
   display: flex
   margin: auto
   background: red
   padding: 25px

#overlay-contact.show-overlay
   display: flex

   .overlay-wrapper
      animation: slide-down 0.5s ease

das Problem ist das wenn ich außerhalb clicke geht das overlay weg (wie es ja soll), aber wenn ich innerhalb clicke geht es auch weg :/

hier noch als CodePen für (hoffentlich) bessere Übersicht

https://codepen.io/Ezio__/pen/JNevya

hoffe einer kann helfen :)

...zur Frage

Wie kann man bei Contact Form 7 den Zeilenabstand einstellen?

Hallo, ich versuche gerade bei WordPress mithilfe vom Plug-in Contact Form 7 ein Formular zu erstellen. Ich wollte auch zwischen den einzelnen Fragen Absätze einbauen, aber die Abstände sind meiner Meinung zu groß. Kann mir da jemand einen Tipp geben, wie ich diese verringern kann

...zur Frage

HTML Selct value zu einer PHP Variable?

Naive wie ich bin habe ich es ausprobiert. Wie geschrieben brauche ich das ausgewählte im selsct, wenn es geht bitte in keinem form als PHP variable und zwar als $js.

<select id="trans" name="trans" onchange="<?= $js ?> = this.value">

<option value="de">Deutsch</option>

<option value="en">Englisch</option>

<option value="fr">Französisch</option>

<option value="es">Spanisch</option>

<option value="co">Koreanisch</option>

<option value="jp">Japanisch</option>

<option value="cn">Chinesisch</option>

</select>

Hier mal mein Versuch.

...zur Frage

Wordpress Kontakt Formular?

Hallo habe ein Problem mit meinem Kontaktformular in Wordpress. Wenn ich es versuche zu senden, bekomme ich folgende Fehlermeldung:

Ich vermute das es bei den Mail Einstellungen einen Fehler hat, aber ich weiß nicht welcher. Ich habe nur bei To meine Email-Adresse eingetragen.

Kann mir bitte jemand helfen, bin über jede Antwort dankbar!

Ps.: Ich nutze das Plugin Contact Form 7

...zur Frage

Contact Film Gebilde "Maschine"?

Hallo Leute :)

Ich hab den Film Contact gesehen und diese eindrucksvolle Maschine gesehen, die sie im Film bauen. Nur finde ich keine passende Beschreibung wie dieses ringförmige Gebilde heißt. Kennt jemand den wissenschaftlichen Ausdruck für die geometrische Form??

Danke

...zur Frage

WORDPRESS- CONTACT FORM 7 E-MAIL FUNKTIONIERT NICHT?

Hallo Leute. Ich versuche seit langem Kontaktformular zu erstellen, dennoch habe ich ein Problem. Wenn ich die Kontaktformular ausfülle, E-Mail angebe und es senden möchte, bekomme ich als Fehlermeldung "Beim Versuch, deine Nachricht zu senden, ist ein Fehler aufgetreten. Bitte versuche es später nochmal." Wie kann ich diese Fehlermeldung beheben?

Vielleicht könnt ihr mir so ein Formular gleich hochladen :) Wäre sehr dankbar.

Vielen Dank.

...zur Frage

PHP Navigation ohne das #section in der URL?

Hallo liebe Entwickler,

ich stelle mir die Frage, wie ich nach Absenden eines Formulares so navigieren kann, dass das #section in der URL nicht angezeigt wird. Zuerst ein Beispiel:

<html>
  <form action="#section" method="post" id="section">
    <input type="submit" value="Senden" name="sub"/>
  </form>
</html>
<?php if (isset($_POST['sub'])) { doSomeStuff(); } ?>

Wenn ich also (wie im Code ersichtlich) auf Senden klicke, wird die Seite neu geladen und ich werde zu #section navigiert (also in der URL dann example.com/#section).

Besteht die Möglichkeit so zu navigieren, dass man den Abschnitt in der URL nicht sieht?

Eventuell durch JS oder etwas anderes?

Vielen Dank im Voraus.

...zur Frage

Altersüberprüfung in HTML/ JS?

    <form>
        <fieldset>
            <legend>Form:</legend>
            <br> Age:
            <input type="number" id="age" value="">
            <br>
            <br>
        </fieldset>
        <br>
        <br>
        <br>
        <input type="submit" value="Submit" onclick="Age()">
    </form>
    <script>
        function Age() {
            age = document.getElementsById("age");             
            if (age < 16) {                 alert("You are too young to play this game...");             } else {                
                 window.open("snake.html");
            }

        }
    </script>

Was ist hier das Problem?

...zur Frage

Html CSS Suchleiste, hilfe?

Der Code unten ist eine Suchleiste die sich erweitert wenn man auf das search icon klickt,

das Problem ist das dann kein hellgrauer text in dem input feld steht bevor man was getippt hat.

wie zum beispiel auf gutefrage.net "Suche nach Fragen,Themen und Nutzern" und wenn man was eintippt verschwindet es.

Kann das jemand hinzufügen sodass es auch einen text im input hat,

wenn ihr Hallo oder sowas da reinschreibt seh ich schon wo ich das selber machen.

<!-- Expandable Textfield -->
<form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
    <label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
      <i class="material-icons">search</i>
    </label>
    <div class="mdl-textfield__expandable-holder">
      <input class="mdl-textfield__input" type="text" id="sample6">
      <label class="mdl-textfield__label" for="sample-expandable">Expandable Input</label>
    </div>
  </div>
</form>

...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

HTML und CSS in Wordpress hochladen?

Hallo liebe Community,

seit einigen Tagen arbeite ich in Visual Studio an einer Website. Bisher benutze ich HTML und CSS. Die einzelnen HTML-Dokumente und der CSS-StyleSheet sind in einem Ordner "XYZ" in dem Ordner, ist ein weiterer Ordner "Bilder", in dem wie der Zusammenhang schon sagt, die Bilder sind, welche auf der Website erscheinen.
Nun würde ich gerne wissen, ob die Möglichkeit besteht die Website so wie ich sie bisher habe, in Wordpress hochzuladen bzw in Wordpress einzufügen. Ich habe schon gegoogelt, aber da ich mich mit Wordpress nicht gut auskenne, kann ich mit den Lösungsansätzen nicht besonders viel anfangen.

Ich würde gerne die Möglichkeit haben den Website-Content über Wordpress zu aktualisieren und trotzdem dabei nicht die ganze Website neu bauen müssen. Ist das Möglich? Und wenn ja, wie?

Danke schonmal im Voraus und einen guten Start in die Woche!
Euer Alphatier

...zur Frage

Werte aus Datenbank anzeigen mit JS?

Hallo,

ich habe folgenden Code für mein Formular:

<form action="/message1" method="post">
  <div class="input">
    <input type="text" placeholder="Chat" id="input" name="input1">
  </div>
  <div class="send">
    <button type="submit" onclick="message();">Send</button>
  </div>
</form>

Nun noch das JS onclick-Event:

function message() {
  input = document.getElementById("input").value;
  count++;

  if (input == "") {
    alert("please type your message!");
  }
  else {
    if (count % 2 == 0) {
      let newDiv = document.createElement("div");
      newDiv.id = "divMessage";
      newDiv.style.display = "flex";
      newDiv.style.justifyContent = "flex-start";
      newDiv.style.margin = "45px";
      newDiv.style.backgroundColor = "#303032";
      newDiv.style.borderRadius = "10px";
      newDiv.style.padding = "10px";
      newDiv.style.marginTop = "80px";
      newDiv.style.color = "white";
      newDiv.style.marginBottom = "80px";
      newDiv.style.width = "120px";
      newDiv.innerHTML = input;

      let chatMessages = document.querySelector(".chat-messages");
      chatMessages.appendChild(newDiv);
    }

Und nun noch das Reinschreiben mit node.js in die MariaDB-Datenbank:

app.post('/message1', async (req, res) => {
  const input = req.body.input1;
  console.log(input);
  const conn = await pool.getConnection();
  await conn.query(`INSERT INTO test.handy (id, name) VALUES (2, '${input}')`);
  conn.release();
});

Nun möchte ich aber, das, was in die Datenbank geschrieben wurde, beim Aktualisieren der Seite immer noch im "newDiv" anzeigen. Wie geht das?

...zur Frage

Könnt ihr mir bei folgendem JavaScript Problem helfen?

programmieren ist mein jüngstes und schwierigstes hobby, ich würd mich freuen wenn ich dieses Problem lösen könnte. Ich möchte, dass jeder Name, der im Eingabefeld eingegeben wird unten erscheint.

danke im voraus.

https://jsfiddle.net/6wcf9j5e/

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form class="guestList" action="index.html" method="post">
      <label>Your Name: </label>
      <input type="text" name="" value="..." id="nameInput;" />
      <input type="submit" name="" value="submit" onclick="pushArray();"/>
    </form>
    <div id="addName"></div>
    <script type="text/javascript" src="dailyrepead.js">
    </script>
  </body>
</html>

JS:

var guestList = [];
var count = document.getElementById("nameInput");
function pushArray() {
  guestList.push(count);
  document.getElementById("addName").innerHTML += guestList[count] +"<br>";
}

...zur Frage

Kostenlose Bibel SEite sicher oder tipps

Tag

Ist diese Seite sicher kennt die jemand?

http://www.bibelgratis.de/contact-form/index.php

oder kennt jemand sonstige alternativen wie ich an eine bibel komme at und nt fur umsonst??????

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen