post information nach Veränderung durch JavaScript

OlliP · 24.02.2020

Hi zusammen,

ich habe eine HTML-Seite die ein Eingabefeld enthält. Sobald auf den Eingabe-Button gedrückt wird, soll der Inhalt des Eingabefeldes ggf. verändert werden (nämlich dann, wenn das +-Zeichen enthalten ist) und an eine weitere HTML-Seite gepostet werden.

Dieses Problem müsste doch eigentlich jeder haben der Informationen mit Leerstellen zwischen den Worten hat und das + (Plus-Zeichen) mit versenden möchte/muss.

Leider habe ich nichts passendes gefunden.

Meine aktuelle Seite (die ich gleiche ins Forum stelle) verändert den Inhalt wie gewünscht, nur die Übertragung des veränderten Inhaltes an die zweite HTML-Seite klappt nicht.

Ich hoffe ihr versteht mein Problem und könnt mir helfen.

Gruß

OlliP

OlliP · 24.02.2020

#!/usr/bin/perl -w

print "Content-type: text/html\n\n";

htmlHeadAusgeben();
htmlFeldAusgeben();
htmlButtonsAusgeben2();
htmlFootAusgeben2();

# Ende Main Task

sub htmlHeadAusgeben {
print <<HEAD_ENDE;

<HTML>
<HEAD>
<TITLE>neue Web-Page erfassen</title>
<FORM NAME="WebPage" ACTION="/cgi-bin/P000/Info_insert.cgi" METHOD="POST">
<BODY BGCOLOR="LIGHTGRAY" onLoad=sf()>
<H1>Daten zur neuen Web-Page erfassen</H1>
<HR>

HEAD_ENDE
}

sub htmlFeldAusgeben {

print "<P>";
print "<TABLE><TR><TD>Überschrift</TD></TR>";
print "<TR><TD><INPUT TYPE='TEXT' Name='Ueberschrift' size='80' maxlength='80' VALUE='This + is + a + string'></TD>";
print "</TABLE>";

}

sub htmlButtonsAusgeben2 {
print <<Buttons_ENDE;

<button id='interaktiv'> Daten erfassen </button>

Buttons_ENDE
}

sub htmlFootAusgeben2 {
print <<FOOT_ENDE;

<HR>

</FORM>

<script>

function clickHandler() {
var Ueberschrift = document.getElementsByName("Ueberschrift")[0]
var newString = Ueberschrift.value + ' weiterer Text';
var newstr1 = newString.replace(/\\+/g, "+");
// Kommentar
window.alert('Ueberschrift: ' + newstr1);
Ueberschrift.value = newstr1;
}

document.getElementById('interaktiv').onclick = clickHandler;
Ueberschrift.value = newstr1;

</script>

</BODY>
</HTML>

FOOT_ENDE
}

OlliP · 24.02.2020

Hi zusammen,

das Feld Ueberschrift wird mit dem VALUE='This + is + a + string' vorbelegt.

Ich erwarte (und das wird auch so durch das JavaScript umgesetzt) , das aus dem Text
zu 'This + is + a + string weiterer Text' umgesetzt wird. Soweit so Gut...

Wenn ich aber den Text in der empfangende Seite sehe, dann steht dort 'This+++is+++a+++string+weiterer+Text+weiterer+Text'. D.h. die zuvor umgesetzten +-Zeichen (auf &plus

sind nicht berücksichtigt.

Ich hoffe ihr habt eine Idee.

Gruß

OlliP