Ausgabe aller Form-Felder in ein Textfeld

jamhead · 11 Januar 2013

Hallo zusammen,

ich bin seit gestern neu im Thema Javascript und habe mir für die Arbeit versucht damit ein kleines Template zu schreiben.
Es soll Anrufe zu Dokumentationszwecken vereinheitlichen.
Folgende funktionen möchte ich nutzen.

Alle In der Form gemachten angaben sollen am Enden unten im Ausgabefeld landen.
Dazu soll das aktuelle Datum und die Uhrzeit ausgegeben und der Text ein wenig formatiert werden.
Anschließend soll die Ausgabe mit einem weiteren klick in die Zwischenablage kopiert werden. Der dritte Klick soll dann das obere Formular resetten, nicht jedoch die untere Ausgabe.

Das klappt auch fast alles wie geplant.

Mein Problem ist aber - die Auswahl der Dropdown-Menüs (die Textfelder klappen) wird nicht ausgegeben sofern ich den IE nutze. Bei Firefox und Chrome klappt es. Zielsystem ist aber der IE da nur hier die Kopie in die Zwischenablage klappt. Komischerweise klappt das letzte Dropdown in der Liste (Ticket gelöst") auch im IE.

Wo liegt der Fehler - warum geht es nicht im IE ? Ich find ihn einfach nicht und werde schon leicht kirre ^^

Anbei der komplette code der seite als txt. Vielleicht kann mir ja jemand helfen

Edit: Anlagen gehen grad nich :/

jamhead · 11 Januar 2013

<html>
<head>
<meta http-equiv="Content-Language" content="de">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>dtag-doku</title>

<script>
function auslesen()
{

var ausgabe = document.getElementById("output").value

if(ausgabe="")
{
document.getElementById("output").value="-"
}else{
document.getElementById("output").value=""
var text1 = document.getElementById("Name des Technikers").value
var text2 = document.getElementById("Störungsnummer").value
var text3 = document.getElementById("Grund des Anrufs").value
var text4 = document.getElementById("Störung behoben").value
var text5 = document.getElementById("Fehlerquelle").value
var text6 = document.getElementById("Durchgeführte Arbeiten").value
var text7 = document.getElementById("Ticket gelöst").value
var text8 = document.getElementById("Beschreibung_Messwerte").value

var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var Jahr = Jetzt.getYear();
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
Minuten = ((Minuten < 10) ? "0" + Minuten : Minuten);
var Sekunden = Jetzt.getSeconds();
var Sekunde2 = ((Sekunden < 10) ? ":0" : ":");
if (Jahr<2000) Jahr=Jahr+1900;

document.getElementById("output").value
+= "***DTAG-Call*** " + Tag+"." + Monat+"." + Jahr+" " + Stunden+":" + Minuten+" Uhr" + "\r" + "\r" + "Name des Technikers: " + text1 + "\n"
+ "S-Detail: " + text2 + "\n"
+ "Grund des Anrufs: " + text3 + "\n"
+ "Fehlerquelle: " + text5 + "\n"
+ "Durchgeführte Arbeiten: " + text6 + "\n"
+ "Störung behoben: " + text4 + "\n"
+ "Ticket gelöst: " + text7 + "\r" + "_____________________" + "\r"
+ "Details & Messwerte: " + "\r" + text8 + "\n"
}
}
</script>

<script type="text/javascript">
var textAreaDefaultText = "Hier ist Platz für deine DMM-Messungen und weitere Informationen.";

function textAreaFocus(textarea) {
if (textarea.value == textAreaDefaultText) {
textarea.value = "";
}
}

function textAreaBlur(textarea) {
if (textarea.value == "") {
textarea.value = textAreaDefaultText;
}
}

window.onload = function() {
var textarea = document.getElementById("Beschreibung_Messwerte");
textarea.onfocus = function() { textAreaFocus(this); };
textarea.onblur = function() { textAreaBlur(this); };
};
</script>

<script language="javascript">

function copy(inElement) {
if (inElement.createTextRange) {
var range = inElement.createTextRange();
if (range)
range.execCommand('Copy');
} else {
var flashcopier = 'flashcopier';
if(!document.getElementById(flashcopier)) {
var divholder = document.createElement('div');
divholder.id = flashcopier;
document.body.appendChild(divholder);
}
document.getElementById(flashcopier).innerHTML = '';
var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(inElement.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;
}
}

</script>

<p align="center"><font face="Telefonica Headline Light" size="7">
<span style="background-position: 0% 0%; text-decoration:none">
<font color="#0099CC">business</font><font color="#000000">-</font><font color="#0099CC">doku</font></span></font></p>
<table border="0" width="100%" bgcolor="#C0C0C0">
<tr>
<td align="center">
<p align="center"><b>
<font face="Telefonica Headline Light" size="5" color="#FFFFFF">
<a href="dtag.html"><span style="text-decoration: none">dtag</span></a></font></b></td>
<td align="center">
<p align="center"><b>
<font face="Telefonica Headline Light" size="5" color="#FFFFFF">
<a href="esca.html"><span style="text-decoration: none">escalation</span></a></font></b></td>
<td align="center"><b>
<font face="Telefonica Headline Light" size="5" color="#0099CC">
<a href="business.html"><span style="text-decoration: none">
<font color="#0099CC">business</font></span></a></font></b></td>
<td align="center"><b>
<font face="Telefonica Headline Light" size="5" color="#FFFFFF">
<a href="voice.html"><span style="text-decoration: none">voice</span></a></font></b></td>
</tr>
</table>
<p align="left"><b><font face="Telefonica Headline Light" size="4">Call-Dokumentation
für Business-Calls                                                         </font></b></p>
<table style="font-size: 16px; font-family: Arial" border="0" width="1241" height="375">
<tr>
<td width="290" height="40">
<p align="left"><font face="Telefonica Headline Light" size="4">Name des
Technikers             
</font></td>
<td width="286" height="40"><font face="Telefonica Headline Light">
<input type="text" id="Name des Technikers" size="28" name="T1" style="border: 1px outset #0099CC">
</font></td>
<td width="646" height="268" rowspan="7">
<blockquote>
<p>
<textarea id="Beschreibung_Messwerte"
onfocus="textAreaFocus(this)"
onblur="textAreaBlur(this)" name="S3" rows="18" cols="69" style="border: 1px outset #0099CC">Hier ist Platz für deine DMM-Messungen und weitere Informationen.</textarea></p>
</blockquote>
</td>
</tr>
<tr>
<td width="290" height="40">
<font face="Telefonica Headline Light" size="4">Störungsnummer                     
</font></td>
<td width="286" height="40"><font face="Telefonica Headline Light">
<input type="text" id="Störungsnummer" size="28" name="T2" style="border: 1px outset #0099CC"></font></td>
</tr>
<tr>
<td width="290" height="40">
<font face="Telefonica Headline Light" size="4">Grund des
Anrufes                   
</font></td>
<td width="286" height="40"><font face="Telefonica Headline Light">
<select style="border:1px outset #0099CC; width: 190; height: 20" size="1" id="Grund des Anrufs" name="D14">
<option selected>-</option>
<option>Entstörung</option>
<option>Status</option>
<option>Info</option></select></font></td>
</tr>
<tr>
<td width="290" height="36">
<font face="Telefonica Headline Light" size="4">Wo war die
Fehlerquelle ?       </font>
</td>
<td width="286" height="36"><font face="Telefonica Headline Light">
<select style="border:1px outset #0099CC; width: 190; height: 20" size="1" id="Fehlerquelle" name="D16">
<option selected>-</option>
<option>ÜVT</option>
<option>HVT</option>
<option>KVZ</option>
<option>APL</option>
<option>TAE</option>
<option>Hardwarefehler</option>
<option>Kundenfehler</option></select></font></td>
</tr>
<tr>
<td width="290" height="36">
<font face="Telefonica Headline Light" size="4">Durchgeführte Arbeiten      
</font></td>
<td width="286" height="36"><font face="Telefonica Headline Light">
<select style="border:1px solid #0099CC; width: 190; height: 20" size="1" id="Durchgeführte Arbeiten" name="D17">
<option selected>-</option>
<option>DTAG SID nachgetackert</option>
<option>Telefonica SID nachgetackert</option>
<option>SID Leiste getauscht</option>
<option>Rangierung erneuert</option>
<option>SRAU Defekt festgestellt</option>
<option>TAE getauscht</option></select></font></td>
</tr>
<tr>
<td width="290" height="36">
<font face="Telefonica Headline Light" size="4">Fehler behoben ?   
</font></td>
<td width="286" height="36"><select style="border:1px outset #0099CC; width: 50; height: 20" size="1" id="Störung behoben" name="D15">
<option selected>-</option>
<option>Ja</option>
<option>Nein</option>
<option>Teilweise</option></select></td>
</tr>
<tr>
<td width="290" height="36">
<font face="Telefonica Headline Light" size="4">Ticket
gelöst ?      </font></td>
<td width="286" height="36"><font face="Telefonica Headline Light">
<select style="border:1px outset #0099CC; width: 50; height: 21" size="1" id="Ticket gelöst" name="D13">
<option selected>-</option>
<option value="Ja">Ja</option>
<option>Nein</option></select></font></td>
</tr>
<tr>
<td align="left" width="1235" height="26" colspan="3">
<p><font face="Telefonica Headline Light" size="6">
<input type="button" onClick="auslesen()" value="1. Text erstellen"></font><font face="Telefonica Headline Light">
<a href="javascript:copy(document.messwerte.texttocopy);">
<span style="text-decoration: none">  </span></a>
<input onClick="location.href='javascript:copy(document.business.texttocopy);'" type="button" name="Art" value="2. Text in Zwischenablage (nur IE)">  
<input type="reset" value="3. Zurücksetzen" name="B1"></font></td>
</tr>
</table>
</form>
<form name="business" action="">
<textarea id="output" rows="10" cols="73" name="texttocopy" style="border: 1px outset #0099CC"></textarea></font></p>
</form>
</body>
</html>

Tronjer · 11 Januar 2013

Wenn du dich erst seit gestern mit JS beschäftigst und ein solches Script eigenständig geschrieben hast, dann verfügst du sicherlich über grundlegende Programmiererfahrung, hast wahrscheinlich den Code schon in der JavaScript-Konsole überprüft und bedarfsweise debugt?

Stell die Seite doch mal online, damit man reinschauen kann, oder poste es auf JS-Fiddle.

jamhead · 11 Januar 2013

Tronjer schrieb:
Wenn du dich erst seit gestern mit JS beschäftigst und ein solches Script eigenständig geschrieben hast, dann verfügst du sicherlich über grundlegende Programmiererfahrung, hast wahrscheinlich den Code schon in der JavaScript-Konsole überprüft und bedarfsweise debugt?

Stell die Seite doch mal online, damit man reinschauen kann, oder poste es auf JS-Fiddle.

Habe es auf jsfiddle geposted. Danke für den Hinweis:

Edit this Fiddle - jsFiddle

Ich verfüge nur über sehr rudimentäre Programierkenntnisse, habe früher ein wenig VB-Scripts gebaut und arbeite heute viel mit Remedy wo man sich seine Suchabfragen auch "programmieren" muss.
Den Großteil der Script-Codes habe ich mir gestern über google und tutorials angelesen - zum glück ist es verständlich genug gewesen um es an meine bedürfnisse anzupassen.
Nur scheitere ich jetzt eben an der Kompatibilität zum IE. :/

Tronjer · 11 Januar 2013

Jetzt mal abgesehen vom fehlenden Doctype, und der Tatsache, dass ich hier auf dem Mac keinen IE habe, zeigt zumindest die JS-Konsole keine Fehler. Vielleicht hängt es mit dem IE-spezifischen Kopieren in die Zwischenablage zusammen. Nimm den Teil doch mal raus und teste es anschließend.

jamhead · 15 Januar 2013

Tronjer schrieb:
Jetzt mal abgesehen vom fehlenden Doctype, und der Tatsache, dass ich hier auf dem Mac keinen IE habe, zeigt zumindest die JS-Konsole keine Fehler. Vielleicht hängt es mit dem IE-spezifischen Kopieren in die Zwischenablage zusammen. Nimm den Teil doch mal raus und teste es anschließend.

Auch das hat komsicherweise nicht geholfen...also mus es doch irgendeinen Fehler geben :/

Ausgabe aller Form-Felder in ein Textfeld

jamhead

Neues Mitglied

jamhead

Neues Mitglied

Tronjer

Senior HTML'ler

jamhead

Neues Mitglied

Tronjer

Senior HTML'ler

jamhead

Neues Mitglied

Neueste Beiträge