Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 24.11.2017, 11:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 25,843

Djambulat,
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
  <style type="text/css">
  div span{
    cursor: pointer;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
</head>
<body>
   <main ng-controller="AppController">
    <div >{{ inputstring }}</div>
    <div>
      <span ng-repeat='b in letter' ng-click="getLetter(b)"> {{b}}</span>
      <span ng-click="inputstring = inputstring.slice(0,-1)"> &crarr;</span>
    </div>
   </main>
<script>
(function() {
  'use strict';
  angular
  .module('app', [])
   .controller('AppController', ['$scope', function($scope) {
       $scope.letter = 'qwerty';
       $scope.inputstring = "";
       $scope.getLetter = function(letter) {
            $scope.inputstring += letter ;
       };


  }]);

})();
</script>
</body>
</html>
Ответить с цитированием
  #12 (permalink)  
Старый 24.11.2017, 12:50
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,820

Переключение раскладки и shift
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
  <style type="text/css">
  div {height:20px;}
  div span{
    cursor: pointer;
    border:1px solid black;
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
</head>
<body>
   <main ng-controller="AppController">
    <div >{{ inputstring }}</div>
    <div>
      <span ng-click="chngShift()"> {{view}}</span>
      <span ng-click="chngLetter()"><img src="https://javascript.ru/forum/images/smilies/smile.gif"/></span>
      <span ng-repeat='b in letter' ng-click="getLetter(b)"> {{b}}</span>
      <span ng-click="inputstring = inputstring.slice(0,-1)">&lArr;</span>
    </div>
   </main>
<script>
(function() {
  'use strict';
  angular
  .module('app', [])
   .controller('AppController', ['$scope', function($scope) {
       var alfa ={eng:{alt:'rus',alf:'qwerty'}, rus:{alt:'eng',alf:'йцукен'}};
       var shift ={up:{alt:'down',view:'String.fromCharCode(0x21D1)'},down:{alt:'up',view:'String.fromCharCode(0x21D3)'}};
       $scope.view =  eval(shift.up.view);
       $scope.shift =  shift.up.alt;
       $scope.letter = alfa.eng.alf;
       $scope.language =alfa.eng.alt;
       $scope.inputstring = "";
       $scope.getLetter = function(letter) {
            $scope.inputstring += letter ;
       };
       $scope.chngLetter = function() {
            $scope.letter = alfa[$scope.language].alf ;
            $scope.language =alfa[$scope.language].alt ;
            if(shift[$scope.shift].alt == 'down')
              { $scope.letter = $scope.letter.toUpperCase(); }
            else 
              { $scope.letter = $scope.letter.toLowerCase(); };
       };
       $scope.chngShift = function() {
            if(shift[$scope.shift].alt == 'up')
              { $scope.letter = $scope.letter.toUpperCase(); }
            else 
              { $scope.letter = $scope.letter.toLowerCase(); };
            $scope.view =  eval(shift[$scope.shift].view);
            $scope.shift =  shift[$scope.shift].alt;
       };
  }]);

})();
</script>
</body>
</html>

Последний раз редактировалось Dilettante_Pro, 24.11.2017 в 16:25.
Ответить с цитированием
  #13 (permalink)  
Старый 24.11.2017, 13:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 25,843

Dilettante_Pro,
Ответить с цитированием
  #14 (permalink)  
Старый 24.11.2017, 13:51
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,820

рони,
shift добавлен немного костыльно
Ответить с цитированием
  #15 (permalink)  
Старый 24.11.2017, 14:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 25,843

Dilettante_Pro,
Ответить с цитированием
  #16 (permalink)  
Старый 24.11.2017, 14:17
Аспирант
Отправить личное сообщение для Djambulat Посмотреть профиль Найти все сообщения от Djambulat
 
Регистрация: 27.04.2017
Сообщений: 79

почему у меня, после того как я стер одну букву, то снова клик не работает? Нужно снова обновить страницу и написать...
Ответить с цитированием
  #17 (permalink)  
Старый 24.11.2017, 14:19
Аспирант
Отправить личное сообщение для Djambulat Посмотреть профиль Найти все сообщения от Djambulat
 
Регистрация: 27.04.2017
Сообщений: 79

С шифтом я разберусь после того как с backspace разберусь... Shift очень интересно))))
Ответить с цитированием
  #18 (permalink)  
Старый 24.11.2017, 14:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 25,843

Сообщение от Djambulat
почему у меня, после того как я стер одну букву, то снова клик не работает? Нужно снова обновить страницу и написать...
в каком это браузере?
Ответить с цитированием
  #19 (permalink)  
Старый 24.11.2017, 14:34
Аспирант
Отправить личное сообщение для Djambulat Посмотреть профиль Найти все сообщения от Djambulat
 
Регистрация: 27.04.2017
Сообщений: 79

Google.
А все я так сделал...
<span ng-click="remo()">&lArr;</span>

$scope.remo = function() {
	       $scope.inputstring = $scope.inputstring.slice(0, -1);
	};
Ответить с цитированием
  #20 (permalink)  
Старый 24.11.2017, 14:34
Аспирант
Отправить личное сообщение для Djambulat Посмотреть профиль Найти все сообщения от Djambulat
 
Регистрация: 27.04.2017
Сообщений: 79

Теперь нужно к Shift приступать))))))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как присвоить каждому элементу списка различную задержку анимации? imhateb Events/DOM/Window 3 07.08.2017 09:22
Прошу помочь, при скроле каждому элементу добавляется инициализация mitrich38 Events/DOM/Window 2 05.07.2016 23:47
jQuery UI widget и привязка более одного инстанса к элементу LabMapDo jQuery 2 11.09.2014 12:03
Привязка к элементу при перетаскивании tai jQuery 9 05.11.2013 09:45
AddClass к каждому первому элементу myocean jQuery 7 03.02.2013 12:44