marzocchi1
Mitglied
Hallo Leute,
habe zwei momentan noch gleiche Labels.
Jetzt ist es so das ich wenn ich beim einen Label etwas bestimmtes auswähle das dann beim 2. Label genau die Unterkategorie angezeigt werden soll. Kommt aber aus der gleichen Variable
Die Kategorien sehen momentan so aus:
Es soll aber so aussehen:
Und das Service ID-Bottom soll auch nur sichtbar sein wenn bei Service ID: Android ausgewählt wird.
Denke es wäre sinnvoll die Daten in ein Array zu laden aber davon habe ich auch leider noch keine Ahnung.
Die Daten kommen in folgender Form an: Android::App Probleme
also soll dann als Trennzeichen der "::" verwendet werden.
Es soll nur so dargestellt werden das erst wenn man "Android" anklickt das der erste Unter Service "App Probleme" angezeigt wird. Vorher soll dieses Label nicht sichtbar sein.
Das ganze soll auf bis zu 5 Unter Services erweiterbar sein
Meine Vorbereitung sieht jetzt schonmal so aus:
Nur leider werden die Inhalte nur in das erste Feld geladen und in die anderen 4 Felder nicht. Außerdem fehlen die Abfragen auch noch komplett.
Da ich JavaScript-Anfänger bin, bitte ich um möglichst einfache und anschauliche Hilfe.
Grüßle
Marzocchi1
habe zwei momentan noch gleiche Labels.
Jetzt ist es so das ich wenn ich beim einen Label etwas bestimmtes auswähle das dann beim 2. Label genau die Unterkategorie angezeigt werden soll. Kommt aber aus der gleichen Variable
Code:
<!-- dtl:block:TicketService -->
<div>
<label for="ServiceID" class="Mandatory"><span class="Marker">*</span>$Text{"ServiceID"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<!--dtl:js_on_document_complete-->
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
<!--dtl:js_on_document_complete-->
<!-- dtl:block:TicketService -->
<div>
<label for="ServiceID" class="Mandatory"><span class="Marker">*</span>$Text{"ServiceID"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
Die Kategorien sehen momentan so aus:
Code:
Service ID:
Android
App Probleme
Es soll aber so aussehen:
Code:
Service ID: Android
Service ID-Bottom: App Probleme
Und das Service ID-Bottom soll auch nur sichtbar sein wenn bei Service ID: Android ausgewählt wird.
Denke es wäre sinnvoll die Daten in ein Array zu laden aber davon habe ich auch leider noch keine Ahnung.
Die Daten kommen in folgender Form an: Android::App Probleme
also soll dann als Trennzeichen der "::" verwendet werden.
Es soll nur so dargestellt werden das erst wenn man "Android" anklickt das der erste Unter Service "App Probleme" angezeigt wird. Vorher soll dieses Label nicht sichtbar sein.
Das ganze soll auf bis zu 5 Unter Services erweiterbar sein
Meine Vorbereitung sieht jetzt schonmal so aus:
Code:
<!-- dtl:block:TicketService -->
<div>
<label for="ServiceID" class="Mandatory"><span class="Marker">*</span>$Text{"ServiceID"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<!--dtl:js_on_document_complete-->
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
<!--dtl:js_on_document_complete-->
<!-- dtl:block:TicketService -->
<!-- Unterservice 1 -->
<div>
<label for="ServiceID" class="Mandatory"><span class="Marker">*</span>$Text{"Unter Service 1"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
<!-- Unterservice 1 Ende -->
<!-- Unterservice 2 -->
<div>
<label for="ServiceID2" class="Mandatory"><span class="Marker">*</span>$Text{"Unter Service 2"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
<!-- Unterservice 2 Ende -->
<!-- Unterservice 3 -->
<div>
<label for="ServiceID3" class="Mandatory"><span class="Marker">*</span>$Text{"Unter Service 3"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
<!-- Unterservice 3 Ende -->
<!-- Unterservice 4 -->
<div>
<label for="ServiceID4" class="Mandatory"><span class="Marker">*</span>$Text{"Unter Service 4"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
<!-- Unterservice 4 Ende -->
<!-- Unterservice 5 -->
<div>
<label for="ServiceID5" class="Mandatory"><span class="Marker">*</span>$Text{"Unter Service 5"}:</label>
$Data{"ServiceStrg"}
<div id="ServiceIDError" class="TooltipErrorMessage" ><p>$Text{"This field is required."}</p></div>
<div id="ServiceIDServerError" class="TooltipErrorMessage NoJavaScriptMessage$QData{"ServiceIDInvalid"}" ><p>$Text{"This field is required."}</p></div>
<div class="Clear"></div>
</div>
<script type="text/javascript">//<![CDATA[
$('#ServiceID').bind('change', function (Event) {
Core.AJAX.FormUpdate($('#NewCustomerTicket'), 'AJAXUpdate', 'ServiceID', ['TypeID', 'Dest', 'PriorityID', 'SLAID', $Data{"DynamicFieldNamesStrg"}]);
});
//]]></script>
<!-- Unterservice 5 Ende -->
Nur leider werden die Inhalte nur in das erste Feld geladen und in die anderen 4 Felder nicht. Außerdem fehlen die Abfragen auch noch komplett.
Da ich JavaScript-Anfänger bin, bitte ich um möglichst einfache und anschauliche Hilfe.
Grüßle
Marzocchi1
Zuletzt bearbeitet: