DES/JavaScript - Versionsgeschichte

Jzedlitz am 23. Januar 2017 um 07:15 Uhr

2017-01-23T07:15:47Z

← Nächstältere Version		Version vom 23. Januar 2017, 09:15 Uhr
Zeile 64:		Zeile 64:
	<input id="inputFormLastName" class="des-autocase" type="text" size="30" name="lastName" />		<input id="inputFormLastName" class="des-autocase" type="text" size="30" name="lastName" />
	</source>		</source>


			Wie bei allen Komfortfunktionen müssen diese im Javascript-Code des Projektes aktiviert werden:
			<source lang="javascript">
			$( document ).ready(function() {
			desActivate();
			});
			</source>


	== Mitnahme von Werten (Cookies ==		== Mitnahme von Werten (Cookies ==

Jzedlitz: /* Mitnahme von Werten (Cookies */

2017-01-23T07:14:12Z

Mitnahme von Werten (Cookies

← Nächstältere Version		Version vom 23. Januar 2017, 09:14 Uhr
Zeile 72:		Zeile 72:
	</source>		</source>

	Jede Tabellen'''zeile''', für die das Merken aktiviert werden soll, muss mit <tt>class="des-remember"</tt> und einem id-Attribut versehen werden. Zusätzlich benötigt jedes Eingabefeld, dass gemerkt werden kann noch <tt>class="CookieValue"</tt>. Das sieht z.B. so aus:		Jede Tabellen'''zeile''', für die das Merken aktiviert werden soll, muss mit <tt>class="des-remember"</tt> und einem id-Attribut versehen werden. Zusätzlich benötigt jedes Eingabefeld, dass gemerkt werden kann noch <tt>class="CookieValue TabStop"</tt>. Das sieht z.B. so aus:

	<source lang="xml">		<source lang="xml">
Zeile 78:		Zeile 78:
	<td>Nachname/Vorname</td>		<td>Nachname/Vorname</td>
	<td>		<td>
	<input id="inputFormLastName" class="CookieValue" type="text" size="30" name="lastName" />		<input id="inputFormLastName" class="CookieValue TabStop" type="text" size="30" name="lastName" />
	<input id="inputFormFirstName" class="CookieValue" type="text" size="30" name="firstName" />		<input id="inputFormFirstName" class="CookieValue TabStop" type="text" size="30" name="firstName" />
	</td>		</td>
	</tr>		</tr>
	</source>		</source>

			Wie bei allen Komfortfunktionen müssen diese im Javascript-Code des Projektes aktiviert werden:
			<source lang="javascript">
			$( document ).ready(function() {
			desActivate();
			});
			</source>

	[[Kategorie:DES]]		[[Kategorie:DES]]

Jzedlitz am 23. Januar 2017 um 07:09 Uhr

2017-01-23T07:09:56Z

@@ Zeile 64: / Zeile 64: @@
   <input id="inputFormLastName" class="des-autocase" type="text" size="30" name="lastName"  />
 </source>
 [[Kategorie:DES]]

Jzedlitz am 23. Januar 2017 um 07:02 Uhr

2017-01-23T07:02:06Z

← Nächstältere Version		Version vom 23. Januar 2017, 09:02 Uhr
Zeile 52:		Zeile 52:
	</source>		</source>

			== Automatische Groß- und Kleinschreibung ==
			In den HTML-Code des Eingabeformulars muss das casifyName-Skript eingebunden werden:

			<source lang="xml">
			<script type="text/javascript" src="https://files.genealogy.net/DES/js/casifyName4.js"></script>
			</source>

			Jedes Feld, für das die automatische Groß- und Kleinschreibung aktiviert werden soll, bekommt die Klasse <tt>des-autocase</tt> zugewiesen, z.B.

			<source lang="xml">
			<input id="inputFormLastName" class="des-autocase" type="text" size="30" name="lastName" />
			</source>

	[[Kategorie:DES]]		[[Kategorie:DES]]

Jzedlitz am 23. November 2016 um 16:19 Uhr

2016-11-23T16:19:42Z

← Nächstältere Version		Version vom 23. November 2016, 18:19 Uhr
Zeile 1:		Zeile 1:
			JavaScript-Code, der nicht direkt in der DES-Webanwendung enthalten ist, wird hier verwaltet: https://gitlab.genealogy.net/project/des-javascript

	== Zurücksetzen des Eingabefensters ==		== Zurücksetzen des Eingabefensters ==
	Ein großer Teil der Eingabefelder wird automatisch zurückgesetzt. Wenn man jedoch mit zusammengesetzten Eingabeelemente (s.u.) arbeitet, bleiben manche Werte erhalten. Es handelt sich bei dem Eingabefenster ja stets um ein und dasselbe div-Element. Daher gibt es einen Hook, der automatisch beim Abschicken aufgerufen wird:		Ein großer Teil der Eingabefelder wird automatisch zurückgesetzt. Wenn man jedoch mit zusammengesetzten Eingabeelemente (s.u.) arbeitet, bleiben manche Werte erhalten. Es handelt sich bei dem Eingabefenster ja stets um ein und dasselbe div-Element. Daher gibt es einen Hook, der automatisch beim Abschicken aufgerufen wird:

Jzedlitz: Sonderzeichen

2016-11-23T16:18:22Z

Sonderzeichen

@@ Zeile 1: / Zeile 1: @@
 == Zurücksetzen des Eingabefensters ==
 Ein großer Teil der Eingabefelder wird automatisch zurückgesetzt. Wenn man jedoch mit zusammengesetzten Eingabeelemente (s.u.) arbeitet, bleiben manche Werte erhalten. Es handelt sich bei dem Eingabefenster ja stets um ein und dasselbe div-Element. Daher gibt es einen Hook, der automatisch beim Abschicken aufgerufen wird:
@@ Zeile 8: / Zeile 7: @@
    $('#select3B').val('');
+}
 </source>

Jzedlitz: resetInputFormHook

2016-11-23T16:13:14Z

resetInputFormHook

@@ Zeile 1: / Zeile 1: @@
 == Zusammensetzen von Werte mit Hilfe einzelner Eingabeelemente ==
 Oben in die Eingabemaske wird folgender JavaScript-Code (in <tt>&lt;script type="text/javascript"></tt> eingeschlossen) eingefügt:
 <source lang="javascript">
 function combine() {
 	$("#inputFormValue03").val( ($( "#select0" ).val() + " " +$( "#select1" ).val() + $("#select2").val() + $("#select3" ).val() +" "+$("#select4").val()).trim());
@@ Zeile 22: / Zeile 32: @@
 <input oninput="combine();" id="selectListeNummer" size="5" type="text" />
 </source>

Jzedlitz am 14. Mai 2016 um 09:58 Uhr

2016-05-14T09:58:07Z

← Nächstältere Version		Version vom 14. Mai 2016, 11:58 Uhr
Zeile 1:		Zeile 1:
	== Zusammensetzen von Werte mit Hilfe einzelner Eingabeelemente ==		== Zusammensetzen von Werte mit Hilfe einzelner Eingabeelemente ==

	JavaScript-Code		Oben in die Eingabemaske wird folgender JavaScript-Code (in <tt><script type="text/javascript"></tt> eingeschlossen) eingefügt:
	<source lang="javascript">		<source lang="javascript">

Jzedlitz am 14. Mai 2016 um 09:57 Uhr

2016-05-14T09:57:09Z

← Nächstältere Version		Version vom 14. Mai 2016, 11:57 Uhr
Zeile 3:		Zeile 3:
	JavaScript-Code		JavaScript-Code
	<source lang="javascript">		<source lang="javascript">
	~~function onFocusSet(){~~
	~~combine()~~
	}

	function combine() {		function combine() {
	$("#inputFormValue03").val( ($( "#select0" ).val() + " " +$( "#select1" ).val() + $("#select2").val() + $("#select3" ).val() +" "+$("#select4").val()).trim());		$("#inputFormValue03").val( ($( "#select0" ).val() + " " +$( "#select1" ).val() + $("#select2").val() + $("#select3" ).val() +" "+$("#select4").val()).trim());

Jzedlitz am 14. Mai 2016 um 09:51 Uhr

2016-05-14T09:51:54Z

Neue Seite

== Zusammensetzen von Werte mit Hilfe einzelner Eingabeelemente ==

JavaScript-Code
<source lang="javascript">
function onFocusSet(){
combine()
}

function combine() {
$("#inputFormValue03").val( ($( "#select0" ).val() + " " +$( "#select1" ).val() + $("#select2").val() + $("#select3" ).val() +" "+$("#select4").val()).trim());
$("#inputFormValue02").val($("#selectListe").val()+" "+$("#selectListeNummer").val() );
$("#inputFormValue08").val($("#select5").val());
}
</source>

im Eingabeformular:
<source lang="xml">
<input id="inputFormValue02" name="value02" type="hidden"/>
<select onchange="combine();" id="selectListe">
<option selected="selected"></option>
<option>A</option>
<option>B</option>
<option>xxx nicht in Liste xxx</option>
</select>
<input oninput="combine();" id="selectListeNummer" size="5" type="text" />
</source>