HTML – die besten Beiträge

[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!

Computer, Technik, HTML, Webseite, programmieren, JavaScript, AJAX, JQuery, PHP, Technologie

Kennt sich jemand mit SciDAVis aus?

Moin,

Also ich verstehe es einfach nicht. Ich verstehe nicht, wie ein Programm so undurchsichtig und schlecht erklärt sein kann.

Ich habe diverse Messungen zu U-I-Kennlinien von verschiedenen Dioden gemacht.
Nun versuche ich die Messergebnisse (ich lasse diese mal außen vor, wie eine LED-Kennlinie aussieht, kann man im Internet suchen) grafisch darzustellen und es geht nicht. Ich kann nur die y-Werte (Stromwerte) aus den Tabellen benutzen, die, da ich sie in einem linearen Verhältnis gewählt habe. Ich sollte schließlich nur bis 20mA messen und wenn dann erst bei 1,6V was kommt und bei 2,4V schon Schluss ist, bleibt nicht viel anderes übrig.
Aber wie auch immer; Die Grafik ist also eine satte Gerade, deren einzige Gemeinsamkeit mit der Kennlinie das positive Wachstum ist. Mehr aber auch nicht. Sie ist nicht exponentiell, sie beginnt nicht bei (0|0), sondern irgendwo mitten im Quadranten, sie ist einfach völlig unbrauchbar.

Bei Excel habe ich wenigstens die Kennlinien einzelner Dioden gezeichnet bekommen, nur leider nicht alle. Das sollte angeblich mit diesem Programm gehen, meinte mein Ausbilder.

Dazu kommt, dass ich die Shockley-Gleichung nutzen soll, um diese mit den ganzen Diodenkennlinen zu vergleichen. Dazu muss ich aber die Parameter Is, n und Ut bestimmen. Sollte angeblich auch mit dem Programm gehen. Da habe ich aber auch keinen Schimmer, wie ich das anstellen soll.

Nun habe ich den ganzen Tag damit verbracht, das Handbuch für dieses Programm zu lesen, welches optisch eine Katastrophe und in einem doch nicht allzugutem Englisch geschrieben ist, sodass ich teils kaum verstehe, da die Sätze keinen Sinn ergeben.

http://scidavis.sourceforge.net/manual/

Und es hängt mir ehrlich gesagt zum Hals raus. Ich bin noch kein Stück schlauer als vorher.

Kennt sich also IRGENDJEMAND mit diesem Programm aus? Es würde mich freuen, wenn sich so jemand findet.

Computer, Buch, Mathematik, Programm, Elektronik, HTML, Strom, programmieren, Elektrik, Ausbildung, Elektrotechnik, Wissenschaft, Biologie, Spannung, Informatik, Naturwissenschaft, Physik, Technologie, Naturwissenschaft und Technik, Ausbildung und Studium

CSS Animation vor Redirect?

Hallo, ich hatte schonmal so eine ähnliche Frage gestellt aber bekomme es einfach nicht hin. Nun hab ich eine kleine Testumgebung gebaut, in der ich folgendes möchte:

Die Eingangsanimation spielt sich automatisch ab wenn die Seite geladen ist. Klicke ich auf den Go-Button in der Mitte (Später sollte das bei jedem Button passieren der eine bestimmte Klasse hat) dann soll der Klasse "intro" die Klasse "animation_out" hinzugefügt werden. Nach einer bestimmten Zeit (Am besten händisch per Ms änderbar) soll dann erst der Redirect erfolgen.

Gibt es da eine EINFACHE Lösung für Anfänger wie mich?

XXXXXXXX_____HTML_____XXXXXXXX

<div class="intro">
</div>

<a class="testbutton" href="#">GO</a>

XXXXXXXX_____CSS_____XXXXXXXX

body{
 margin: 0;
 padding: 0;
}

.intro{
width: 100%;
height: 100vh;
position: fixed;
z-index: 9999;
padding: 0;
background-color: #000;
overflow: hidden;
pointer-events: none;
-webkit-animation: animation_in 1s 1; /* Safari 4.0 - 8.0 /
animation: animation_in 1s 1;
animation-fill-mode: forwards;
}

@keyframes animation_in {
0%  {height: 100%;}
100% {height: 20px;}
}

.animation_out{
-webkit-animation: animation_out 1s 1; /* Safari 4.0 - 8.0 /
animation: redirectanimationout 1s 1;
}

@keyframes redirectanimationout {
0%  {height: 20px;}
100% {height: 100%;}
}

.testbutton{
position: absolute;
background-color: #000;
color: #fff;
width: 50px;
padding: 5px 0;
text-align: center;
float: 0 auto;
margin-top: 50vh;
margin-left: calc(50% - 25px);
}






HTML, Webseite, CSS, JavaScript, Code, JQuery

Meistgelesene Beiträge zum Thema HTML