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

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

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

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

03.06.2016, 21:04. Просмотров 659. Ответов 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>
Миниатюры
После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню  

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

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

Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
03.06.2016, 21:04     После авторизации верно переходит на страницу, но не показывает меню
Посмотрите здесь:
HTML5 Apache cordova ajax youtube не показывает
PHP После авторизации повторно перекидывает обратно на страницу авторизации
Не переходит после POST запроса на страницу PHP
После скролла до конца страницы, переходит на новую страницу автоматически HTML, CSS
После авторизации перекидывает на пустую страницу PHP
Переход на главную страницу после авторизации PHP
После авторизации не переводит на другую страницу PHP
Переход после авторизации на нужную страницу не осуществляется C# MVC
Java EE Spring Security. После авторизации некоректно отображает страницу
Разный размер текста главного меню до и после авторизации на сайте HTML, CSS
Java Не переходит на страницу
Формулы не показывает в меню ( в тексте показывает) MS Word

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

Или воспользуйтесь поиском по форуму:
После регистрации реклама в сообщениях будет скрыта и будут доступны все возможности форума.
Чича
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);
        } 
    }); 
}
Миниатюры
После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню   После авторизации верно переходит на страницу, но не показывает меню  

Ответ Создать тему
Опции темы

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