• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Labels nur zeitweise sichtbar machen

marzocchi1

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

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:
Werbung:
Vereinfache und reduziere deinen Code um all das, was zum Lösen der Aufgabe nicht unbedingt notwendig ist. Ich sehe da nichts von 'click', sondern nur diverse 'changes' mit AJAX-Funktionen.
 
Also hab es jetzt soweit hinbekommen, aber mein Problem is noch das das drop Down Feld neben dem Label nicht ausgeblendet wird da es als
Code: 
$Data{"ServiceStrg"}
deklariert ist was ja acuh stimmt. Nur weiß ich leider nicht wie ich das jetzt mit ausblenden kann und wie ich das mit den gleichen Daten füllen kann wie das erste, denn bei der normalen ServiceID ist es auch als
Code: 
$Data{"ServiceStrg"}
deklariert und da wird es gefüllt.

Glaube hier handelt es sich um PHP oder?
Kann ich PHP auch mit Javascript unsichtbar machen? :O
Man müsste das denke ich zeilenweise unsichtbar machen. Wäre gut zumindest, denn ich brauche ja in jedem Drop Down Feld die gleichen Werte

Jemand ne Idee? =)
 
Zuletzt bearbeitet:
Werbung:
Es wäre außerdem wichtig das es gar nicht auffällt das da noch Felder sind. Also das sich die Felder automatisch verschieben
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben