E
E
Evgeny-app2014-09-25 11:11:18
JavaScript
Evgeny-app, 2014-09-25 11:11:18

How to make menu items not clickable until the button is pressed?

Let me explain the situation more precisely: First, we go through the authorization and we are thrown into the personal account at the first item of the questionnaire, and until you fill it out and press the send button, the rest of the functions of the personal account will not be available (they will not be clickable). Can you give an example??
my menu (links go to html pages)

<div ng-app="ApplicantApp">
    <div id="rightMenu" class="top-horizontal-nav uk-container">
        <ul ng-controller="menuController" class="uk-list nav-blue">
            <li class="" ><a href="/applicant/anketa" ng-click="go('/applicant/anketa')">Анкета</a></li>
            <li class="" ><a href="/applicant/plansearch" ng-click="go('/applicant/plansearch')">План поиска</a> </li>
            <li class="" ><a href="/applicant/vacancies" ng-click="go('/applicant/vacancies')">Вакансии</a></li>
            <li class="" ><a href="/applicant/resume" ng-click="go('/applicant/resume')">Резюме</a></li>
            <li class="" ><a href="/applicant/anketa" ng-click="go('/applicant/anketa')">Анкета</a></li>
            <li class="" ><a href="/applicant/settings" ng-click="go('/applicant/settings')">Настройка</a></li>
        </ul>
    </div>

and a button on the "profile" page
</div>
    <div class="uk-width-2-10">
        <input  ng-click="saveSettings()"
                type="button"
                class="uk-button uk-button-large button-yellow button140"
                value="Сохранить"/>
    </div>
</div>

Answer the question

In order to leave comments, you need to log in

3 answer(s)
S
Sergey Romanov, 2014-09-25
@Evgeny-app

I think you can check the navigation in the go method and just add a class.
plnkr.co/edit/Vl7Qh0ZC5xzdGPxjYz01?p=preview

K
kompi, 2014-09-25
@kompi

I implemented this as follows (however, my form is divided into steps, i.e. groups of fields): each step has an element that, when the step is inactive, is positioned above the rest of the fields and has some transparency. Accordingly, everything below this element is not available for interaction.

N
Nursultan Moldobaev, 2014-09-25
@Diyahon

Check if the form is completed.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question