Форум программистов, компьютерный форум CyberForum.ru
Наши страницы

HTML5: мобильные приложения

Войти
Регистрация
Восстановить пароль
 
Чича
1 / 1 / 0
Регистрация: 15.11.2013
Сообщений: 26
#1

После авторизации верно переходит на страницу, но не показывает меню - HTML5

03.06.2016, 21:04. Просмотров 797. Ответов 1
Метки нет (Все метки)

Подскажите пожалуйста, люди добрые, не могу найти ошибку. Есть мобильное приложение. Начальная страничка - авторизация (login.html). после нажатия на кнопку войти, переходит на страницу с проектами (projects.html). Но дело в том, что после перехода, не появляется меню.
На картинках localhost:
1. login.html авторизация
2. projects.html список проектов
3. project.html переход на отдельный проект. и когда перехожу на любой проект, меню появляется!


функция авторизации (она точно работает)
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function auth(){ 
    login = $("#login").val();
    password = $("#password").val(); 
    data = JSON.stringify({login : login, password : password}); 
 
    $.ajax({ 
        type: 'POST', 
        url: 'http://pr.myknitu.ru/api/auth/', 
        data: data, 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        success: function(data) 
        { 
            Cookies.set('token', data['token']); 
            document.location.href = "#/menu/projects"; 
        }, 
        error: function(xhr, str) 
        { 
            alert('Возникла ошибка: ' + xhr.responseCode);
        } 
    }); 
}

запись страничек в меню
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
angular.module('app.routes', [])
 
    
.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) {
 
  $stateProvider
    
  
      .state('menu', {
      url: '/menu',
      templateUrl: 'templates/menu.html',
      abstract:true
  })
 
    
      .state('menu.projects', {
      url: '/projects',
      
      views:{
          'menuContent': { 
              templateUrl: 'templates/projects.html',
              controller: 'projectsCtrl'
          }
      }
  })
  
      .state('menu.project', {
      url: '/project',
      views:{
          'menuContent': { 
              templateUrl: 'templates/project.html'
          }
      }
  })
 
      .state('login', {
      url: "/login",
      templateUrl: "templates/login.html"
  })
 
$urlRouterProvider.otherwise('/login')
 
});
само меню
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <ion-side-menus enable-menu-with-back-views="false">
    <ion-side-menu-content>
        <ion-nav-bar class="bar-positive">
            <ion-nav-back-button></ion-nav-back-button>
            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>
    <ion-side-menu side="left">
        <ion-header-bar class="bar-positive">
            <div class="title">Меню</div>
        </ion-header-bar>
        <ion-content padding="false">
            <ion-list>
                <ion-item menu-close href="#/menu/projects">
                Мои проекты</ion-item>
                <ion-item  menu-close href="#/menu/create">Создать проект</ion-item>
                <ion-item menu-close href="#/menu/join">Вступить в проект</ion-item>
                <ion-item menu-close href="#/menu/tasks">Мои задачи</ion-item>
                <ion-item  menu-close href="#/menu/settings">Мои настройки</ion-item>
            </ion-list>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>
страничка авторизации
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <ion-view title="Войти">
    <ion-content overflow-scroll="true" padding="true" class="has-header">
        <form class="list" action="javascript:void(null);" method="post" onsubmit="auth()">
            <ion-list>
                <label class="item item-input">
                    <span class="input-label">Логин</span>
                    <input id="login" type="text" placeholder="">
                </label>
                <label class="item item-input">
                    <span class="input-label">Пароль</span>
                    <input id="password" type="password" placeholder="">
                </label>
            </ion-list>
            <div class="spacer" style="height: 40px;"></div>
            <button type='submit' id="login-enter" class="button button-block button-positive" >
                Войти</button>
        </form>
    </ion-content>
</ion-view>
0
Миниатюры
После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню  

После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню  

После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню  

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
03.06.2016, 21:04
Здравствуйте! Я подобрал для вас темы с ответами на вопрос После авторизации верно переходит на страницу, но не показывает меню (HTML5):

После авторизации повторно перекидывает обратно на страницу авторизации - PHP
Так, у меня есть проблема. Как только авторизируюсь, перекидывает обратно на авторизацию. Вот код, login.php: &lt;? ...

Не переходит после POST запроса на страницу - PHP
Не могу понять почему не переходит после POST запроса на страницу. Вроде бы делаю $(&quot;.order_form&quot;).submit(); Сама страница HTML кода...

После скролла до конца страницы, переходит на новую страницу автоматически - HTML, CSS
Подскажите как реализовать функцию представленную на этом сайте: http://invest.tatarstan.ru/ Чтобы когда вы пролистываете страницу до...

После авторизации перекидывает на пустую страницу - PHP
регистрация і авторизация!!! все работает харашо добавляет пользователя в базу і авторизует но есть одно но-после успешной регистрациї...

Переход на главную страницу после авторизации - PHP
Что я сделал не так ? после ввода логина и пароля, не осуществляется переход. Просто скидывает на этй же страницу с авторизацией. ...

После авторизации не переводит на другую страницу - PHP
Столкнулся с такой проблемой в php, что после ввода имени и пароля, не переводит на blog.php, где я уже должен буду добавлять сообщения....

1
Чича
1 / 1 / 0
Регистрация: 15.11.2013
Сообщений: 26
03.06.2016, 21:12  [ТС] #2
Подскажите пожалуйста. есть мобильное приложение, страничка авторизации и список проектов.
Начальная страница - авторизация (login.html). после верного ввода данных переходит к списку проектов (projects.html). Но почему то не появляется меню. подскажите пожалуйста почему может быть.

login.html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <ion-view title="Войти">
    <ion-content overflow-scroll="true" padding="true" class="has-header">
        <form class="list" action="javascript:void(null);" method="post" onsubmit="auth()">
            <ion-list>
                <label class="item item-input">
                    <span class="input-label">Логин</span>
                    <input id="login" type="text" placeholder="">
                </label>
                <label class="item item-input">
                    <span class="input-label">Пароль</span>
                    <input id="password" type="password" placeholder="">
                </label>
            </ion-list>
            <div class="spacer" style="height: 40px;"></div>
            <button type='submit' id="login-enter" class="button button-block button-positive" >
                Войти</button>
        </form>
    </ion-content>
</ion-view>
меню menu.html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <ion-side-menus enable-menu-with-back-views="false">
    <ion-side-menu-content>
        <ion-nav-bar class="bar-positive">
            <ion-nav-back-button></ion-nav-back-button>
            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>
    <ion-side-menu side="left">
        <ion-header-bar class="bar-positive">
            <div class="title">Меню</div>
        </ion-header-bar>
        <ion-content padding="false">
            <ion-list>
                <ion-item menu-close href="#/menu/projects">
                Мои проекты</ion-item>
                <ion-item  menu-close href="#/menu/create">Создать проект</ion-item>
                <ion-item menu-close href="#/menu/join">Вступить в проект</ion-item>
                <ion-item menu-close href="#/menu/tasks">Мои задачи</ion-item>
                <ion-item  menu-close href="#/menu/settings">Мои настройки</ion-item>
                
            </ion-list>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>

routes.js

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 angular.module('app.routes', [])
 
 
    .config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) {
 
    
      $stateProvider
 
 
          .state('menu', {
          url: '/menu',
          templateUrl: 'templates/menu.html',
          abstract:true
         
      })
 
 
          .state('menu.projects', {
          url: '/projects',
 
          views:{
              'menuContent': { 
                  templateUrl: 'templates/projects.html',
                  controller: 'projectsCtrl'
              }
          }
      })
 
 
 
          .state('login', {
          url: "/login",
          templateUrl: "templates/login.html"
      })
 
 
 
 
 
    $urlRouterProvider.otherwise('/login')
 
 
    });

функция авторизации. (работает верно, проверено)
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function auth(){ 
    login = $("#login").val();
    password = $("#password").val(); 
    data = JSON.stringify({login : login, password : password}); 
 
    $.ajax({ 
        type: 'POST', 
        url: 'http://pr.myknitu.ru/api/auth/', 
        data: data, 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        success: function(data) 
        { 
            Cookies.set('token', data['token']); 
            document.location.href = "#/menu/projects"; 
        }, 
        error: function(xhr, str) 
        { 
            alert('Возникла ошибка: ' + xhr.responseCode);
        } 
    }); 
}
0
Миниатюры
После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню  

MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.06.2016, 21:12
Привет! Вот еще темы с ответами:

Переход после авторизации на нужную страницу не осуществляется - C# MVC
Здрасти, вот сделал форму логина, но после авторизации не переходит на нужную страницу, возвращает на авторизацию, но логин и пароль...

Spring Security. После авторизации некоректно отображает страницу - Java EE
Почему то после авторизации не отобрадает страницу. Читал что в этом методе проблема но уже перепробывал десятки комбинаций и нечего. ...

Разный размер текста главного меню до и после авторизации на сайте - HTML, CSS
До авторизации текст главного меню меньше, тоньше, чем после авторизации, как исправить? Какой код в css за это отвечает?

Не переходит на страницу - Java
Все работает нормально, на телефоне, когда ввожу код 123456 и нажимаю на кнопку, не переходит на странице btn1 = (Button)...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Рейтинг@Mail.ru