Category Archives: javascript

Алгоритмы. Delphi. C#. PHP. JS. Бинарный поиск в массивах на 4 языках

Posted on 25.01.2017 by Stanislav_Panteleev

Продолжаем мультиязычные посты. Сегодня бинарный поиск. Все программы будут состоять из 2 частей – рандомное заполнение массивов с сортировкой. И вторая часть – собственно бинарный поиск. Delphi (бинарный поиск) Собственно реализация Функции бинарного поиска Integer и String массивов. Массивы предварительно … Continue reading →

Posted in C#, Delphi, javascript, PHP | Comments Off

PHP.JS. Проверка полей на пустоту. Усовершенствуем скрипт авторизации

Posted on 07.09.2016 by Stanislav_Panteleev

В прошлом посте сделали простейший PHP скрипт авторизации, сейчас усовершенствуем его при помощи JS. Будем проверять форму перед отправкой при помощи самописной функции

<script>
<!--

// Функция проверки формы
function validate_form ( )
{ 



   if ( (document.submit_form.login.value)==''){alert('Поле логин не заполнено'); return false; exit(); };
   if ( (document.submit_form.password.value)==''){alert('Поле пароль не заполнено'); return false; exit();};
 
 
    alert('Подтверждаю отправку данных');
    document.submit_form.name.submit();
 
}

//-->
</script>

<!--

// Функция проверки формы

function validate_form ( )

{

if ( (document.submit_form.login.value)==''){alert('Поле логин не заполнено'); return false; exit(); };

if ( (document.submit_form.password.value)==''){alert('Поле пароль не заполнено'); return false; exit();};

alert('Подтверждаю отправку данных');

document.submit_form.name.submit();

}

//-->

</script>

На клиенте проверяем заполнены ли поля. Тут можно кучу других проверок организовать, но это уже тема … Continue reading →

Posted in javascript, PHP | Comments Off

Delphi.VCL+JS

Posted on 13.03.2016 by Stanislav_Panteleev

Приспичило меня в одной из VCL программ использовать JS, так как наперед неизвестны были функции, которые нужно программировать, нужна была некоторая универсальность. Словом, в Memo пишем функцию на JS, о которой узнаем в последний момент, далее, в VCL программе, пользуемся … Continue reading →

Posted in Delphi, javascript | Comments Off

jQuery. Подключение библиотеки и “первый hello world”

Posted on 07.01.2016 by Stanislav_Panteleev

Подключение библиотеки jQuery Надо сказать, что существует как минимум 2 версии библиотеки – сжатая (с приставкой min, например jquery-1.10.1.min.js) и расширенная. Насколько я понял, разница между ними только в объеме памяти, который они занимают. У сжатой удалены все пробелы и комментарии, … Continue reading →

Posted in javascript, jQuery | Comments Off

Как учиться пользоваться библиотекой ExtJS?

Posted on 24.12.2015 by Stanislav_Panteleev

Универсальный способ работы со свойствами, методами, событиями ExtJS (На примере класса Ext.dom.Elements) При моем знакомстве с ExtJS меня долгое время мучил вопрос – “Где взять все свойства и методы того или иного класса?”, а также “Как узнать какой метод или … Continue reading →

Posted in ExtJS, javascript, Без рубрики | Comments Off

ExtJS. Псевдонимы классов

Posted on 23.12.2015 by Stanislav_Panteleev

Классам можно задавать псевдонимы с помощью ключевого слова alias Простой пример App.js

Ext.define('SomeClass', {
    alias:'person',
    someproperty:"testproperty",
    somemethod: function(text){ alert(text);},
    somemethod2:function(text){alert(text);}
});



var myinstance=Ext.create('person');// Создаем экземпляр класса
alert('someproperty '+myinstance.someproperty);
myinstance.somemethod('testword'); //Вызываем метод
myinstance.somemethod2('testword2');// Вызываем метод

Ext.define('SomeClass', {

alias:'person',

someproperty:"testproperty",

somemethod: function(text){ alert(text);},

somemethod2:function(text){alert(text);}

});

var myinstance=Ext.create('person');// Создаем экземпляр класса

alert('someproperty '+myinstance.someproperty);

myinstance.somemethod('testword'); //Вызываем метод

myinstance.somemethod2('testword2');// Вызываем метод

Пример посложнее

//Определяем класс
Ext.define('Person.Panel', {
        alias: 'widget.myalias',
        extend: 'Ext.panel.Panel',
        title: 'Пример использования псевдонимов классов',
        html : '<h3>Hello world! Hello from ExtJS<h3>'
});	

//Создаем приложение
Ext.application({
    name: 'AliasExample',
    launch: function() {
        //Создаем контейнер
        Ext.create('Ext.container.Viewport', {
            //настраиваем отображение
            layout: 'fit',
            
            //Добавляем в контейнер элементы
            items: [
                {
                    xtype: 'alias',
                    
                }]
        });
    }
});

//Определяем класс

Ext.define('Person.Panel', {

alias: 'widget.myalias',

extend: 'Ext.panel.Panel',

title: 'Пример использования псевдонимов классов',

html : '<h3>Hello world! Hello from ExtJS<h3>'

});

//Создаем приложение

Ext.application({

launch: function() {

//Создаем контейнер

Ext.create('Ext.container.Viewport', {

//настраиваем отображение

//Добавляем в контейнер элементы

items: [

{

xtype: 'alias',

}]

});

}

});

Слово widget в данном случае зарезервированное. Если его изменить, убрать, то работать не будет.

Posted in ExtJS, javascript, Без рубрики | Comments Off

ExtJS. Динамическая загрузка классов

Posted on 22.12.2015 by Stanislav_Panteleev

Как загружать классы из той же директории, что и запускаемый js, html файл? Здесь приведен сначала самый простой вариант, когда мы выносим описание наших классов в отдельный файл с расширением .js и размещаем его в той же директории, в которой у … Continue reading →

Posted in ExtJS, javascript | Comments Off

ExtJS. Секция statics

Posted on 22.12.2015 by Stanislav_Panteleev

При создании класса, можно в items объявить секцию statics и в неё записывать свойства и методы, которые можно будет вызывать без создания экземпляра класса.

Ext.define('MyApp.Calc', {
 statics: {
 count: 0,
 AppName:"MyCalc",
 
 multiply: function(n1, n2) {
 return n1*n2;
 },
 }
});

//Вызываем без создания экземпляра класса
alert(MyApp.Calc.AppName);
alert(MyApp.Calc.multiply(5,5));

Ext.define('MyApp.Calc', {

statics: {

AppName:"MyCalc",

multiply: function(n1, n2) {

return n1*n2;

}

});

//Вызываем без создания экземпляра класса

alert(MyApp.Calc.AppName);

alert(MyApp.Calc.multiply(5,5));

Примечание. Когда в свойстве statics я использовал в качестве имени свойства имя name, то при обращении к свойству, … Continue reading →

Posted in ExtJS, javascript, Без рубрики | Comments Off

ExtJS. Секция config (Auto setters Auto getters)

Posted on 22.12.2015 by Stanislav_Panteleev

Согласно книге FirstLook, при создании класса и определении items, мы можем использовать параметр config, для создаваемых итемов в секции config автоматически создаются методы get – получение свойства set – установка свойства reset – установка свойства в первоначальное значение apply – вспомогательный … Continue reading →

Posted in javascript | Comments Off

ExtJS. Конструкторы

Posted on 21.12.2015 by Stanislav_Panteleev

В данном посте посмотрим, что такое конструкторы при создании класса в ExtJS. Конструктор, в частности, позволяет при создании экземпляра класса для свойств пользоваться не значением по умолчанию, а значением, которое мы сами этому экземпляру класса и задаем. Main.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<!--Подключение библиотеки ExtJS, CSS и нашего скрипта JS-->

<link rel="stylesheet" type="text/css" href="/ExtJS/www/Styles/theme-neptune/resources/theme-neptune-all.css">
<script type="text/javascript" src="/ExtJS/www/ext-all.js"></script>
<script type="text/javascript" src="App.js"></script>
		
	
		
		<title>Main</title>

	</head>

	<body>

	</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

</head>

<body>

</body>

</html>

App.js

/**
 * @author Stas
 */


Ext.define('Classes.People',
// Определение свойств класса
  {name:'Stas',
  surname:'Panteleev',
  sex:'male',
  age:32,
  
  //Определение конструктора
  constructor:function(name,surname){
  	if (name&&surname){
  		this.name=name;
  		this.surname=surname;
  	}
  },
  
// Определение методов класса
 		getfullname:function(){
 		alert('Имя '+this.name+' : '+'Фамилия '+this.surname);
 		},

 	
 }
);

//Создание экземпляра класса
var YourName=prompt('Введите Ваше имя','');
var YourFamily=prompt('Введите Вашу Фамилию','');

// Вот где мы воспользовались преимуществом вонструктора
var NewPerson=Ext.create('Classes.People',YourName,YourFamily);

// Можно также было создавать вот так...
//NewPerson=new Classes.People(YourName, YourFamily);

//Вызов методов класса
NewPerson.getfullname();

/**

* @author Stas

Ext.define('Classes.People',

// Определение свойств класса

{name:'Stas',

surname:'Panteleev',

sex:'male',

age:32,

//Определение конструктора

constructor:function(name,surname){

if (name&&surname){

this.name=name;

this.surname=surname;

}

// Определение методов класса

getfullname:function(){

alert('Имя '+this.name+' : '+'Фамилия '+this.surname);

}

);

//Создание экземпляра класса

var YourName=prompt('Введите Ваше имя','');

var YourFamily=prompt('Введите Вашу Фамилию','');

// Вот где мы воспользовались преимуществом вонструктора

var NewPerson=Ext.create('Classes.People',YourName,YourFamily);

// Можно также было создавать вот так...

//NewPerson=new Classes.People(YourName, YourFamily);

//Вызов методов класса

NewPerson.getfullname();

… Continue reading →

Posted in ExtJS, javascript | Comments Off

Category Archives: javascript

Алгоритмы. Delphi. C#. PHP. JS. Бинарный поиск в массивах на 4 языках

PHP.JS. Проверка полей на пустоту. Усовершенствуем скрипт авторизации

Delphi.VCL+JS

jQuery. Подключение библиотеки и “первый hello world”

Как учиться пользоваться библиотекой ExtJS?

ExtJS. Псевдонимы классов

ExtJS. Динамическая загрузка классов

ExtJS. Секция statics

ExtJS. Секция config (Auto setters Auto getters)

ExtJS. Конструкторы

MY PROJECTS

Recent Posts

Categories