Спутниковое ТВ + Интернет





ФОРУМ о СПУТНИКОВОМ ТВ и ИНТЕРНЕТЕ


Главная сайта | Форум о спутниковом ТВ и интернет | Online TV | Слушать Радио Online | Новости ТВ | | Регистрация | Вход| [ Активность · Участники · Правила форума · Поиск ] Подпишись на обновления форума


  • Страница 1 из 1
  • 1
Модератор форума: moder, Gaba  
Форум о спутниковом тв и интернете » Заработок в интернете, бесплатное в сети » Создание и разработка сайтов » Библиотека ScriptJava - учимся программировать на javascript (ScriptJava Framework - примеры и документация)
Библиотека ScriptJava - учимся программировать на javascript


klklДата: 09-02-2012, 06:34 | Сообщение # 1
Группа на сайте: Пользователи

Ранг сообщений: Новичок

Сообщений: 3
Награды: 0
Репутация: 0
Статус: :-(


ScriptJava Framework - $$().$$().$$().$$().$$()...

ScriptJava это JavaScript Framework, который создан для облегчения разработки динамических веб-приложений.

ScriptJava Framework

* работа с элементами
* работа с ajax
* динамическая подгрузка скриптов
* динамическое создание элементов
* динамическая подгрузка css стилей
* отправка файлов через ajax
* отправка формы через ajax
* работа с cookie
* работа с событиями
* работа с браузером, экраном, числами, элементами

Подробный мануал на русском
http://scriptjava.net/

Поддерживает все современные браузеры!

Краткое описание функций

Code

$$() - получение доступа к элементам
$$a() - работа с ajax
$$c() - работа с cookie
$$e() - работа с событиями
$$f() - отправка форм через ajax
$$i() - динамическое подключение скриптов стилей и создание элементов
$$r() - работа с событием window.onload
$$s() - набор полезных функций по работе с экраном, мышью, браузером, элементами, числами и т.д.


Code

$$()
$$a() - ajax
$$c() - cookie
$$e() - event
$$f() - forms
$$i() - insert
$$r() - ready
$$s() - scripts


Примеры на scriptjava:

Отправка файла через AJAX

Вначале нужно подключить сам scriptjava фреймворк

Code

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>


Для отправки файлов серверу есть такая форма

Code

<form id="test_form" method="post" enctype="multipart/form-data">
<input type="file" name="upload_file" />
</form><br /><br />
<div id="status">Тут будет статус загрузки</div><br /><br />
<div onclick="SendFile();">Отправить файл через Ajax</div><br />


Пишем для него функцию отправки

Code

<script type="text/javascript">
  function SendFile() {
      $$f({
          formid:'test_form',//id формы
          url:'ajax.php',//адрес на серверный скрипт который будет принимать файл
          onstart:function () {//действие при начале отправки файла на сервер
              $$('status','начинаю отправку файла');
          },
          onsend:function () {//действие по окончании отправки файла на сервер
              $$('status',$$('status').innerHTML+'<br />файл успешно загружен');
          }
      });
  }
</script>


Чтобы получить ответ от сервера, содержимое файла ajax.php может быть таким:

Code

<?php
      if($_FILES['upload_file']['size']>0) {
          echo '
              <script type="text/javascript">
              var elm=parent.window.document.getElementById("status");
              elm.innerHTML=elm.innerHTML+"<br />Получен файл '.$_FILES['upload_file']['name'].' размером '.$_FILES['upload_file']['size'].' байт";
              </script>
          ';
      }
?>


Работа с cookies

Вначале нужно подключить сам scriptjava фреймворк

Code

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>


Для проверки поддерживает и браузер кукисы можно использовать следующий код:

Code

<script type="text/javascript">
  //проверяю поддержку cookie браузером
  if($$c.test()) {
      alert('браузер поддерживает cookie');
  }
  else {
      alert('браузер не поддерживает cookie');
  }
</script>


Вот так можно установить кукисы на 10 секунд

Code

<script type="text/javascript">
  //устанавливаю cookie
  $$c.set('test', 'содержимое test', 10);
</script>


Вот так можно считать кукисы

Code

<script type="text/javascript">
  //читаю cookie
  alert($$c.get('test'));
</script>


Для удаления установленных кукисов достаточно использовать такой код

Code

<script type="text/javascript">
  //удаляю cookie
  $$c.erase('test');
</script>


Отправка формы через Ajax.

Вначале нужно подключить сам scriptjava фреймворк

Code

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>


Допустим на странице сайта у нас есть форма

Code

<form id="test_form" action="comment.php" method="post">
      Имя: <input type="text" name="name" /><br />
      Комментарий: <textarea name="comment"></textarea>
  </form><br />
<div id="result">Тут будет статус загрузки</div><br /><br />
<div onclick="SendForm();">Отправить форму через Ajax</div><br />


Ее можно отправить на сервер через AJAX с помощью кода

Code

<script type="text/javascript">
  function SendForm() {
      //отправка файла на сервер
      $$f({
          formid:'test_form',//id формы
          url:'comment.php',//адрес на серверный скрипт, такой же как и в форме
          onstart:function () {//действие при начале отправки
              $$('result','начинаю отправку');//в элемент с id="result" выводим результат
          },
          onsend:function () {//действие по окончании отправки
              $$('result',$$('result').innerHTML+'<br />комментарий успешно отправлен');//в элемент с id="result" выводим результат
          }
      });
  }
</script>


Чтобы получить ответ от сервера, содержимое файла comment.php может быть таким:

Code

<?php
  if(isset($_POST['name'])) {
      echo'
          <script type="text/javascript">
          var elm=parent.window.document.getElementById("result");
          elm.innerHTML=elm.innerHTML+"<br />Получено имя '.str_replace("\r","",str_replace("\n","<br />",htmlspecialchars(stripslashes($_POST['name'])))).' с текстом '.str_replace("\r","",str_replace("\n","<br />",htmlspecialchars(stripslashes($_POST['comment'])))).' ";
          </script>
      ';
  }
?>


Динамическое подключение скриптов

Вначале нужно подключить сам scriptjava фреймворк

Code

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>


Чтобы динамически подключить скрипт, а также после его загрузки выполнить из него код, нужно выпонить следующий код

Code

<script type="text/javascript">
  function GetScript() {
      //Подключаю внешний скрипт и запускаю из него метод
      $$i({
          create:'script',
          attribute: {
              'type':'text/javascript',
              'src':'http://nagon.net/js/NRMSLib.js'//адрес на подключаемый скрипт
          },
          insert:$$().body,
          onready:function() {
              modules.sound.start();//этот метод запускается уже из подключенного скрипта
          }
      });
  }
  GetScript();
</script>


Дописываю вышепоказанный код, теперь он будет запускаться сразу после загрузки сайта:

Code

<script type="text/javascript">
  //выполнение кода только после загрузки документа
  $$r(function() {
      //Подключаю внешний скрипт и запускаю из него метод
      $$i({
          create:'script',
          attribute: {
              'type':'text/javascript',
              'src':'http://nagon.net/js/NRMSLib.js'//адрес на подключаемый скрипт
          },
          insert:$$().body,
          onready:function() {
              modules.sound.start();//этот метод запускается уже из подключенного скрипта
          }
      });
    
  });
</script>


Отправка GET, POST, HEAD запросов через AJAX

Вначале нужно подключить сам scriptjava фреймворк

Code

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>


Поместим на сайт такой html код

Code

<div id="result">Тут будет ответ от сервера</div><br /><br />
<div onclick="SendGet();">Отправить GET запрос через Ajax</div><br />
<div onclick="SendPost();">Отправить POST запрос через Ajax</div><br />
<div onclick="SendHead();">Отправить HEAD запрос через Ajax</div><br />


Пишем код

Code

<script type="text/javascript">
  function SendGet() {
      //отправляю GET запрос и получаю ответ
      $$a({
          type:'get',//тип запроса: get,post либо head
          url:'ajax.php',//url адрес файла обработчика
          data:{'q':'1'},//параметры запроса
          response:'text',//тип возвращаемого ответа text либо xml
          success:function (data) {//возвращаемый результат от сервера
              $$('result',$$('result').innerHTML+'<br />'+data);
          }
      });
  }
    
  function SendPost() {
      //отправляю POST запрос и получаю ответ
      $$a({
          type:'post',//тип запроса: get,post либо head
          url:'ajax.php',//url адрес файла обработчика
          data:{'z':'1'},//параметры запроса
          response:'text',//тип возвращаемого ответа text либо xml
          success:function (data) {//возвращаемый результат от сервера
              $$('result',$$('result').innerHTML+'<br />'+data);
          }
      });
  }
    
  function SendHead() {
      //отправляю HEAD запрос и получаю заголовок
      $$a({
          type:'head',//тип запроса: get,post либо head
          url:'ajax.php',//url адрес файла обработчика
          response:'text',//тип возвращаемого ответа text либо xml
          success:function (data) {//возвращаемый результат от сервера
              $$('result',$$('result').innerHTML+'<br />'+data);
          }
      });
  }
</script>


Содержимое файла ajax.php

Code

<?php
  if(isset($_GET['q'])) {
      header("Content-type: text/txt; charset=UTF-8");
      if($_GET['q']=='1') {
          echo 'запрос GET успешно обработан, q = 1';
      }
      else {
          echo 'карявый GET запрос';
      }
  }
  if(isset($_POST['z'])) {
      header("Content-type: text/txt; charset=UTF-8");
      if($_POST['z']=='1') {
          echo 'запрос POST успешно обработан, z = 1';
      }
      else {
          echo 'карявый POST запрос';
      }
  }
?>


Остальные примеры смотрите на оф сайте фреймворка


 


KLavaДата: 05-10-2015, 12:01 | Сообщение # 2
Группа на сайте: Пользователи

Ранг сообщений: Новичок

Сообщений: 5
Награды: 1
Репутация: 0
Статус: :-(


что-то мне ничего не понятно, рано мне еще такие коды изучать, только осваиваю программирование

 


ferryДата: 10-02-2022, 19:45 | Сообщение # 3
Группа на сайте: Пользователи

Ранг сообщений: Новичок

Сообщений: 1
Награды: 0
Репутация: 0
Статус: :-(


fd

 


RomanZoltovДата: 01-02-2024, 23:52 | Сообщение # 4
Группа на сайте: Пользователи

Ранг сообщений: Новичок

Сообщений: 4
Награды: 0
Репутация: 0
Статус: :-(


что-то мне ничего не понятно, рано мне еще такие коды изучать, только осваиваю программирование

Добавлено (01-02-2024, 23:52)
---------------------------------------------
что-то мне ничего не понятно, рано мне еще такие коды изучать, только осваиваю программирование

 
Форум о спутниковом тв и интернете » Заработок в интернете, бесплатное в сети » Создание и разработка сайтов » Библиотека ScriptJava - учимся программировать на javascript (ScriptJava Framework - примеры и документация)
  • Страница 1 из 1
  • 1
Поиск:


ТОП ПО САЙТУ
Последние обновленные темы Интересные статьи Последние новости Лучшие на форуме
  • Якщо болить спина, як її треба лікувати (Дніп...
  • Освещение
  • Онкология
  • Кабельна продукція Tkd-kabel
  • Навчальні курси
  • Що ж таке пінкоїни в казино Pin Up Bet UA?
  • Электростимуляция
  • Игровой коврик для детей
  • Заказать бисквитный торт
  • Шини
  • Инструкция по выбору конвертора...
  • Какое влияние имеет телевидение на человека...
  • Общие сведения о цифровом вещании в Киеве...
  • ИКЕА разрабатывает роботизированную мебель дл...
  • Программная и аппаратная компрессия для модем...
  • Определение диаметра спутниковой антенны по к...
  • DVB : TT-connect S-2400...
  • Электромонтаж скрытой проводки в доме или ква...
  • Технолгия VDSL...
  • Скорость передачи данных – задержки, протокол...
  • TeenNick может измениться на Nickelodeon Teen...
  • Filmstream дебютирует в Великобритании...
  • 28.2E: Bloomberg HD изменил частоту вещания...
  • Геоблокировка CT Sport на платформе Skylink...
  • World Turk (FTA) возвращается в Türksat...
  • Конец распространения 4K Heritage на 1W...
  • Antik Sat: запуск Nova Sport 1 HD, завершение...
  • Skylink завершил испытания программы CANAL+ S...
  • 2 новых спортивных канала на Orange Espana...
  • Hudební 4 Music HD и фильмовый Persiana Cinem...
  • vetal
  • simon65
  • Posol
  • wufer
  • maxxxis
  • vovan_kam
  • moder
  • bono
  • sadihoc
  • sputnik-tv