History: Profile_CDF_instructions_page

View page

Source of version: 18 (current)

Show how to use the [https://doc.tiki.org/PluginJQ|Plugin jQuery (JQ)] to conditionally hide or display some fields in a form.

# You need to validate once the PluginJQ call in this page so that it can be run:
** Validate plugins: [tiki-plugins.php]
# You can manage the tracker fields through this link: [tiki-admin_tracker_fields.php?trackerId=$profileobject:cdf$]

~tc~
Reference info:
* https://dev.tiki.org/item5642
* http://xavi-9794-5642.show.tikiwiki.org
~/tc~

{TRACKER(trackerId="$profileobject:cdf$" fields="$profileobject:cdf_id$:$profileobject:cdf_campText$:$profileobject:cdf_header$:$profileobject:cdf_usuari$:$profileobject:cdf_campRadioButton$:$profileobject:cdf_staticText$:$profileobject:cdf_multiSelectCheckboxes$:$profileobject:cdf_multiSelectList$:$profileobject:cdf_computedField$:$profileobject:cdf_campNumeric$:$profileobject:cdf_campDesplegableAmbAltres$:$profileobject:cdf_data$:$profileobject:cdf_campAreaDeText$:$profileobject:cdf_campDatepicker$:$profileobject:cdf_campDesplegable$" showtitle="y" showdesc="y" showfieldsdesc="y" showmandatory="y" showstatus="y")}Item inserted! __((CDF instructions|Add a new one))__{TRACKER}

{JQ()}
$("input[name=ins_$profileobject:cdf_campNumeric$]").parents("tr:first").hide();
$("select[name=ins_$profileobject:cdf_campDesplegableAmbAltres$]").parents("tr:first").hide();
$("select[name=ins_$profileobject:cdf_data$Year]").parents("tr:first").hide();
$("textarea[name=ins_$profileobject:cdf_campAreaDeText$]").parents("tr:first").hide();
$("input[name=ins_$profileobject:cdf_campDatepicker$]").parents("tr:first").hide();
$("label[for=ins_$profileobject:cdf_staticText$]").parents("tr:first").hide();
$("input[name=ins_$profileobject:cdf_multiSelectCheckboxes$_old]").parents("tr:first").hide();
$("label[for=ins_$profileobject:cdf_multiSelectList$]").parents("tr:first").hide();
$("label[for=ins_$profileobject:cdf_computedField$]").parents("tr:first").hide();
$("input[name=ins_$profileobject:cdf_campRadioButton$]").change(function(){
    if ($("input[name=ins_$profileobject:cdf_campRadioButton$]:checked").val() === '0') {
        $("input[name=ins_$profileobject:cdf_campNumeric$]").parents("tr:first").hide("slow");
        $("input[name=ins_$profileobject:cdf_campNumeric$]").val("");
        $("select[name=ins_$profileobject:cdf_campDesplegableAmbAltres$]").parents("tr:first").hide("slow");
        $("select[name=ins_$profileobject:cdf_campDesplegableAmbAltres$]").val("").trigger("chosen:updated")
        $("input[name=other_ins_$profileobject:cdf_campDesplegableAmbAltres$]").val("");
        $("select[name=ins_$profileobject:cdf_data$Year]").parents("tr:first").hide("slow");
        $("select", ".tracker_field$profileobject:cdf_data$").val("").trigger("chosen:updated");
        $("textarea[name=ins_$profileobject:cdf_campAreaDeText$]").parents("tr:first").hide("slow");
        $("textarea[name=ins_$profileobject:cdf_campAreaDeText$]").val("");
        $("input[name=ins_$profileobject:cdf_campDatepicker$]").parents("tr:first").hide("slow");
        $("input[name=ins_$profileobject:cdf_campDatepicker$]").next().val("");
        $("input[name=ins_$profileobject:cdf_campRadioButton$]").parents("tr:first")
            .css('font-weight', 'bold')
            .css('background-color', 'cyan')
            .focus(function() {
                $(this)
                    .css('font-weight', '')
                    .css('background-color', '');
            });
        // Line below: wikiplugin_tracker:eq(1) needs to be hardcoded to 1 since a previous field type "header" breaks table 0 into a new table 1 
        $(".wikiplugin_tracker:eq(1) tr").slice(2, 6).css({backgroundColor:"lightcyan", fontStyle:"italic", color:"grey"});
        $("label[for=ins_$profileobject:cdf_staticText$]").parents("tr:first").show("slow");
        $("input[name=ins_$profileobject:cdf_multiSelectCheckboxes$_old]").parents("tr:first").show("slow");
        $("label[for=ins_$profileobject:cdf_multiSelectList$]").parents("tr:first").show("slow");
        $("label[for=ins_$profileobject:cdf_computedField$]").parents("tr:first").show("slow");
    } else if ($("input[name=ins_$profileobject:cdf_campRadioButton$]:checked").val() === '1') {
        $("input[name=ins_$profileobject:cdf_campNumeric$]").parents("tr:first").show("slow");
        $("select[name=ins_$profileobject:cdf_campDesplegableAmbAltres$]").parents("tr:first").show("slow");
        $("select[name=ins_$profileobject:cdf_data$Year]").parents("tr:first").show("slow");
        $("textarea[name=ins_$profileobject:cdf_campAreaDeText$]").parents("tr:first").show("slow");
        $("input[name=ins_$profileobject:cdf_campDatepicker$]").parents("tr:first").show("slow");
        $("input[name=ins_$profileobject:cdf_campRadioButton$]").parents("tr:first")
            .css('font-weight', 'bold')
            .css('background-color', 'yellow')
            .focus(function() {
                $(this)
                    .css('font-weight', '')
                    .css('background-color', '');
            });
        // Line below: wikiplugin_tracker:eq(1) needs to be hardcoded to 1 since a previous field type "header" breaks table 0 into a new table 1 
        $(".wikiplugin_tracker:eq(1) tr").slice(6, 11).css({backgroundColor:"lightyellow", fontStyle:"italic", color:"grey"}); /* this is another comment */
        $("label[for=ins_$profileobject:cdf_staticText$]").parents("tr:first").hide("slow");
        $("input[name=ins_$profileobject:cdf_multiSelectCheckboxes$_old]").parents("tr:first").hide("slow");
        $("input[name='ins_$profileobject:cdf_multiSelectCheckboxes$[]']").prop("checked", false)
        $("label[for=ins_$profileobject:cdf_multiSelectList$]").parents("tr:first").hide("slow");
        $("select[name='ins_$profileobject:cdf_multiSelectList$[]'] option:selected").prop("selected", false)
        $("select[name='ins_$profileobject:cdf_multiSelectList$[]']").trigger("chosen:updated")
        $("label[for=ins_$profileobject:cdf_computedField$]").parents("tr:first").hide("slow");
    } else {
        $("input[name=ins_$profileobject:cdf_campNumeric$]").parents("tr:first").hide("slow");
        $("input[name=ins_$profileobject:cdf_campNumeric$]").val("");
        $("select[name=ins_$profileobject:cdf_campDesplegableAmbAltres$]").parents("tr:first").hide("slow");
        $("select[name=ins_$profileobject:cdf_campDesplegableAmbAltres$]").val("").trigger("chosen:updated");
        $("input[name=other_ins_$profileobject:cdf_campDesplegableAmbAltres$]").val("").trigger("chosen:updated");
        $("select[name=ins_$profileobject:cdf_data$Year]").parents("tr:first").hide("slow");
        $("select", ".tracker_field$profileobject:cdf_data$").val("").trigger("chosen:updated")
        $("textarea[name=ins_$profileobject:cdf_campAreaDeText$]").parents("tr:first").hide("slow");
        $("textarea[name=ins_$profileobject:cdf_campAreaDeText$]").val("");
        $("label[for=ins_$profileobject:cdf_campDatepicker$]").parents("tr:first").hide("slow");
        $("#" + $("input[name=ins_$profileobject:cdf_campDatepicker$]").attr("id") + "_dptxt").val("");
        $("label[for=ins_$profileobject:cdf_staticText$]").parents("tr:first").hide("slow");
        $("input[name=ins_$profileobject:cdf_staticText$]").val("");
        $("input[name=ins_$profileobject:cdf_multiSelectCheckboxes$_old]").parents("tr:first").hide("slow");
        $("input[name='ins_$profileobject:cdf_multiSelectCheckboxes$[]']").prop("checked", false)
        $("label[for=ins_$profileobject:cdf_multiSelectList$]").parents("tr:first").hide("slow");
        $("select[name='ins_$profileobject:cdf_multiSelectList$[]'] option:selected").prop("selected", false)
        $("select[name='ins_$profileobject:cdf_multiSelectList$[]']").trigger("chosen:updated")
        $("label[for=ins_$profileobject:cdf_computedField$]").parents("tr:first").hide("slow");
        $("label[for=ins_$profileobject:cdf_computedField$]").val("");
        $("input[name=ins_$profileobject:cdf_campRadioButton$]").parents("tr:first")
            .css('font-weight', 'normal')
            .css('background-color', 'lightgrey')
            .focus(function() {
                $(this)
                    .css('font-weight', '')
                    .css('background-color', '');
            });
    }
}).change();
{JQ}

Latest Changes

...more

Like almost all *.tiki.org sites, you can log in with your login from https://tiki.org (register over there)

Search

Most Popular Tags

admin agenda alias antibot antibot captcha app archive articles banning batch blogs calculations calendars cart categories cluster codemirror comments computation contact us datachannel debug debug console dropdown with other error messages features file galleries forums geo geocms geolocation group homepages group watches header i18n images item link items list jquery languages location map maps maths menu menupage multilingual ol3 ol5 openlayers paypal plugin plugin alias plugin datachannel plugin fade plugin tabs plugin trackerlist pretty trackers print project management r r project realnames rss static static text statistics stats structures syntax highlighter tablesorter template trackers user watches visualization watches webservice wiki wiki argument variables wiki structures

History: Profile_CDF_instructions_page

Source of version: 18 (current)

Menu

Current Profiles

Latest Changes

Search

Most Popular Tags

About Tiki

Support

Community

Documentation

Development

Legal

Tiki Project Sites

Networks

History: Profile_CDF_instructions_page

Source of version: 18 (current)

Menu

Current Profiles

Latest Changes

Search

Most Popular Tags

Tiki Newsletter

About Tiki

Support

Community

Documentation

Development

Legal

Tiki Project Sites

Networks