java web - предназначение и браузеры (типа опрос) / Java

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / Java [игнор отключен] [закрыт для гостей] / java web - предназначение и браузеры (типа опрос)

25 сообщений из 80, страница 1 из 4

все

java web - предназначение и браузеры (типа опрос)

#39201290

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

для каких целей пишите java web системы?
порталы, сайты - ещё какое предназначение - не возможное использование , а практические реализации
какой браузер используетсяили кросбраузерное решение

мои реализации - корпоративные порталы, для учета, продажи.
браузер - хром, только хром.

причина опроса - попробовал для создания "модальной формы" последние фичи html (<template>, Shadow DOM)
очень понравилось,( без ангуляра.....)
но только хром это поддерживает...

...

Рейтинг:

0 / 0

26.03.2016, 23:33

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201312

Nebo

Участник

Сообщения: 3 159

Рейтинг: 0 / 0

вадя,

авторпричина опроса - попробовал для создания "модальной формы" последние фичи html (<template>, Shadow DOM)

Таааааааакк) С этого места можно поподробнее? Я тоже читал про Shadow DOM )

Диалог можно создать?

...

Рейтинг:

0 / 0

27.03.2016, 01:28

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201325

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

Nebo,
его и опробывал.
делал без этих фич раньше, но как-то слишком затратно, потому как всё было в dom. а счас хоть и на странице, но вне dom.

...

Рейтинг:

0 / 0

27.03.2016, 08:12

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201336

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

файл jsp. хотя от jsp только расширение...
это только пример, первая проба template

Код: 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.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Page3</title>
       

        <script src="js/jquery/external/jquery/jquery.js" type="text/javascript"></script>
        <script src="js/jquery/jquery-ui.js" type="text/javascript"></script>
        <script src="js/jquery/datepicker-ru.js" type="text/javascript"></script>
        <link href="js/jquery/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <link href="js/jquery/jquery-ui.structure.min.css" rel="stylesheet" type="text/css"/>
        <link href="js/jquery/jquery-ui.theme.min.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        
        <input id="xx" value="xxxx" type="button">
        <script>
            "use strict";
//"создание" 
            function modal(name, callback_prefix) {
                this.name = name;
                this.callback = callback_prefix + '_' + name + '_';
                this.init();
            }
            modal.prototype = {
                init: function () {
   //сохдание "модальности"  - div во весь экран
                    $('body').append('<div id="block_screen"></div>');
                    this.block_screen = $('#block_screen');
                    this.main_div = this.name + "_maindiv";
                    $(this.block_screen).css({
                        'width': '100%',
                        'height': '100%',
                        'position': 'absolute',
                        'top': 0,
                        'left': 0,
                        'z-index': 500
                    });
//"включение" 
                    var root = block_screen.createShadowRoot();
                    root.appendChild(modd.content.cloneNode(true));
//пример как достать элементы их template
                    var mod = root.getElementById('title_img');
//пример как применят jquery
                    $(mod).on('click', {xx: this}, function (ev) {
//моё использование
//передача на сервер по ws 555, и по ответу вызов "метода"  close из prototype 
                        con.send(ev.data.xx.callback + 'close|555');
                    });
                },
                close: function (p) {
//звкрытие "модальной формы"
                    $('#block_screen').remove();
                }
            };

            var mod;
//вызов "формы"
            $('#xx').on('click', function () {
                mod = new modal('mod', 'yyy31');
            });

        </script>

        <template id="modd">
            <style>
                #main{
                    position: relative;
                    top: 300px;
                    left: 500px;
                    background: #ccc;
                    height: 300px;
                    width: 500px;
                    z-index: 600;
                    border-style: groove;
                    box-shadow: 1px 1px 27px 5px rgba(41, 41, 41, 0.22);
                }
                #title{
                    height: 18px;
                    width: 100%;
                    background: #003eff;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: white;
                }
                #title img{
                    height: 12px;
                    width: 12px;
                    padding-right: 3px;
                }
                #title span{
                    margin-left: 5px;
                }
            </style>

            <div id="main">
                <div id="title"><span>Модальное</span>
                    <img id="title_img" src="pic/del_.png" alt=""/>
                </div>
//тут собсьвенно и надо разместить всё....


            </div>
            <script>
//пример обращения к элеменам template
                var x = document.getElementById('block_screen').shadowRoot;
//с помощью jquery делаем "модольную форму" пермещаемой с помощью мыши
                $(x.getElementById('main')).draggable();
                console.log($(x.getElementById('main')));
            </script>
        </template>
    </body>
</html>

...

Рейтинг:

0 / 0

27.03.2016, 08:54

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201339

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

это

Код: javascript

1.
2.
3.
4.

                    $(mod).on('click', {xx: this}, function (ev) {
                        con.send(ev.data.xx.callback + 'close|555');
                    });
                },

заменить на это

Код: javascript

1.
2.
3.
4.

                    $(mod).on('click', {xx: this}, function (ev) {
//                        con.send(ev.data.xx.callback + 'close|555');
                        ev.data.xx.close();
                    });

...

Рейтинг:

0 / 0

27.03.2016, 09:21

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201353

dimonz80

Гость

вадя,

Play! (scala) считается за Java Web? )) Использую для внутрикорпоративных поделок: доморощенные CRM, workflow и т.п. а так же для "проксирования" внешних сервисов (B2B в основном из-за шифрования). Работает в FF, Chrome, IE (6+). Для IE особо не стараюсь красоту наводить, главное чтобы выглядело приемлемо, не более.
В <template> ничего революционного не вижу, тем более чтобы из-за него ограничиваться только Хромом, т.к. с чисто утилитарной точки зрения

Код: html

1.
2.
3.
4.

 
<template id='tempalte'>
  <div>Заготовочка</div>
</template>

не особо лучше

Код: html

1.
2.
3.
4.
5.
6.
7.

 
<style>
  #template { display:none}
</style>
<div id='tempalte'>
  <div>Заготовочка</div>
</div>

Основной плюс <template> IMHO - это отсутствие возможной побочной фигни типа исполнения JS, загрузки картинок и видео и прочего, что происходит при рендеринге DOM.

...

Рейтинг:

0 / 0

27.03.2016, 11:53

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201358

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

dimonz80,
считается :)
вопрос чем обуслоален такой широкий набор браузеров, ведь сделать под один и проще и результат лучше?

по поводу templat - js там может исполняться так же как и везде.
для меня важнее то, что это не принадлежит dom.
а вводится в dom по команде, и в темплайт всё своё. особенно это будет заметно при использовании import...
реализовать тот пример, можно и без template, но будет несколько накладнее, при использовании повторон
надо либо .css дополнительно, либо блок <style> копировать...
в темплайт же всё в одном блоке..

...

Рейтинг:

0 / 0

27.03.2016, 12:27

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201367

rema174

Гость

вадявопрос чем обуслоален такой широкий набор браузеров, ведь сделать под один и проще и результат лучше?
вопрос оправдан. например, теститруя приложение на jsf под хромом и под ff-движками, замечаю, что на хроме работает отзывчивее и шустрее. припоминаю, встречал инфу, что в хроме используетя оптимизированный движок js, похоже таки и есть, потому что разница оч.х заметна

...

Рейтинг:

0 / 0

27.03.2016, 12:55

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201387

Petro123

Участник

Откуда: Загрузочный сектор Москвы (AutoPOI.ru)

Сообщения: 39 476

Рейтинг: 0 / 0

вадядля меня важнее то, что это не принадлежит dom.
тянет тебя на извраты(.
Эта фича не поддерживается всеми. И пока никто не показал её преимущества.
Кроме твоего "просто нравится".
У меня пока заказчики не против поставить фокс для наших ИС.
Только недавно нашли баг в программе, который не совместим с IE.
Но всегда может попасться вредный пользователь без всяких фоксов.

...

Рейтинг:

0 / 0

27.03.2016, 13:44

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201401

Nebo

Участник

Сообщения: 3 159

Рейтинг: 0 / 0

<template>

а что за тэг такой ?

...

Рейтинг:

0 / 0

27.03.2016, 14:20

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201403

Nebo

Участник

Сообщения: 3 159

Рейтинг: 0 / 0

Примерно это: http://www.quackit.com/html_5/tags/html_template_tag.cfm

...

Рейтинг:

0 / 0

27.03.2016, 14:23

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201415

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

Nebo,
https://learn.javascript.ru/template-tag
лучше это

...

Рейтинг:

0 / 0

27.03.2016, 14:51

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201417

Nebo

Участник

Сообщения: 3 159

Рейтинг: 0 / 0

вадя,

спасибо большое)

...

Рейтинг:

0 / 0

27.03.2016, 14:53

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201421

lor2

Гость

допиливаю црмку, т.к. бабла нет на фронтэндщика фронт весь в жсп, и да, на хроме, у хрома есть кое-какие приятные фичи типа ввода дат и т.п. ничего плохого в этом не вижу. ну да, нужен хром. и чо? это же не вебпортал. это тупо софт для работы и всё. тем более что хром есть под любой практически системой. даже в телефонах.

...

Рейтинг:

0 / 0

27.03.2016, 14:57

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201422

dimonz80

Гость

вадяdimonz80,
считается :)
вопрос чем обуслоален такой широкий набор браузеров, ведь сделать под один и проще и результат лучше?

Суровая реальность вносит свои коррективы. Есть зоопарк компов часть из которых 10-тилетней давности и там Win XP SP3 с IE6 на борту. Как всегда короче)))

по поводу templat - js там может исполняться так же как и везде.

В таком коде alert не отработает при загрузке.

Код: html

1.
2.
3.
4.
5.

<template>
  <script>
    alert("I am template!!!");
  </script>
</template>

для меня важнее то, что это не принадлежит dom.
а вводится в dom по команде, и в темплайт всё своё. особенно это будет заметно при использовании import...
реализовать тот пример, можно и без template, но будет несколько накладнее, при использовании повторон
надо либо .css дополнительно, либо блок <style> копировать...
в темплайт же всё в одном блоке..

Ну да, чуть меньше писанины. Принцип-то не меняется: взяли скрытый кусок, чего-то в нем поменяли и добавили в DOM. Может еще какие детали касательно SEO есть, тут ничего сказать не могу.

...

Рейтинг:

0 / 0

27.03.2016, 14:57

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201428

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

авторВ таком коде alert не отработает при загрузке.
согласен, не внимательно прочитал ответ...
с хр проблемы, хром тож не собирается долго поддерживать...хотя пока ещё работает.
даже после поддержки будет работать , просто не будет обновляться, но фич уже достаочно :)

и зоопарк разгоняется алминистративным решением,
в странице авторизации можно определять браузер и отказывать во входе, если это не хром

авторНу да, чуть меньше писанины. Принцип-то не меняется: взяли скрытый кусок, чего-то в нем поменяли и добавили в DOM. Может еще какие детали касательно SEO есть, тут ничего сказать не могу.
в данном применении seo по-боку.
а вот это чуть и играет большую роль :)

автортянет тебя на извраты(.
может со стороны это кажется извратом, но пришёл к этому при долгом размышлении...
и тут расскрывается одна фича - темплэйт - это чистой воды ООП, один темплэйт полностью законченный объект - со своим кодом, со своей графикой (html разметка) , со своими стилями.

...

Рейтинг:

0 / 0

27.03.2016, 15:27

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201436

lor2

Гость

я не понял в чем скрытый смысл темплейта? алерт не выплывет пока его не вызовут окей. и? я могу вызвать функцию показа алерта а могу и не вызвать :)

и причем тут модалки? в хроме есть какая то мегафича показа модалок?

...

Рейтинг:

0 / 0

27.03.2016, 15:46

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201451

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

lor2я не понял в чем скрытый смысл темплейта? алерт не выплывет пока его не вызовут окей. и? я могу вызвать функцию показа алерта а могу и не вызвать :)

и причем тут модалки? в хроме есть какая то мегафича показа модалок?
я дал Nebo ссылку, лучше чем там написано, я не смогу...

модалка здесь, как один из вариантов применения, трактовки использования

если смотреть внимательно на пример кода , то модальность заключается в использование "слойности" - z-index
основной слой - див во весь экран - и сама форма
вот и вся фича.
в данном применении фича в том , что template организует "ООП" , при загрузке не рендерится, в dom не входит, т.е. имеет свои id , которые не пересекаются с id dom.
таким образом можно организоват своё меню по правой кнопке мыши, для каждого элемента своё.

...

Рейтинг:

0 / 0

27.03.2016, 16:15

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201456

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

lor2,
убрав див во всесь экран получим объек - простая форма
таких форм можно сделать кучу.
путем небольшого кодинга можно организовать "сворачивание" формы и прижатие к низу экрана.

...

Рейтинг:

0 / 0

27.03.2016, 16:21

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201464

Petro123

Участник

Откуда: Загрузочный сектор Москвы (AutoPOI.ru)

Сообщения: 39 476

Рейтинг: 0 / 0

вадяможет со стороны это кажется извратом, но пришёл к этому при долгом размышлении...
мы же о JS говорим?
Вот когда тебя программисты JS поймут - тогда другое дело.
А с этим проблемы.

...

Рейтинг:

0 / 0

27.03.2016, 16:49

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201476

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

Petro123вадяможет со стороны это кажется извратом, но пришёл к этому при долгом размышлении...
мы же о JS говорим?
Вот когда тебя программисты JS поймут - тогда другое дело.
А с этим проблемы.
если мои высказывания помогут хотя б одному помогут определиться - мне будет достаточно

...

Рейтинг:

0 / 0

27.03.2016, 17:36

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201480

dimonz80

Гость

lor2я не понял в чем скрытый смысл темплейта? алерт не выплывет пока его не вызовут окей. и? я могу вызвать функцию показа алерта а могу и не вызвать :)

Да не в алерте дело. Темплейт не является частью DOM и не рендерится, следовательно не грузится JS, картинки, видео etc.
Например, если внутри темплейта будет <img src='/images/picture1.jpg' /> то отдельного запроса к серваку GET /images/picture1.jpg не будет и т.п. до тех пор, пока не сделаем как нить так:

Код: html

1.
2.
3.
4.
5.
6.

  <template>
    <img src='/images/pic1.jpg' />
  </template>
  <script> 
    $('body').append($('template#templateId').html());
  </script>

При наличии множества шаблонов будет выигрыш по скорости.

И еще для всяких getElementById etc содержимое <tamplate> невидимо ( тк вне DOM, при этом сам template виден).
Короче просто сделали типа удобно без необходимости отдельного скрытого контейнера для шаблонов. И все. Мне тоже восторги по поводу этого тега не понятны )

lor2и причем тут модалки? в хроме есть какая то мегафича показа модалок?

С модалками Вадя погорячился IMHO. Их как раз и не стоит делать с помощью <template>. Модальный элемент обычно один (не периодичный как строки таблицы etc) и всегда часть DOMa. Для него просто играемся CSS { display: none} / { display : block }

...

Рейтинг:

0 / 0

27.03.2016, 18:08

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201487

dimonz80

Гость

ВОт так точнее

Код: html

1.
2.
3.
4.
5.
6.
7.

<script>  
<template id='templateId'>
    <img src='/images/pic1.jpg' />
  </template>
  <script> 
    $('body').append($('template#templateId').html());
</script>

...

Рейтинг:

0 / 0

27.03.2016, 18:20

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201488

dimonz80

Гость

ВОт так еще точнее ))))

Код: html

1.
2.
3.
4.
5.
6.
7.

   
  <template id='templateId'>
    <img src='/images/pic1.jpg' />
  </template>
  <script> 
    $('body').append($('template#templateId').html());
  </script>

...

Рейтинг:

0 / 0

27.03.2016, 18:21

| Ответить | Цитировать | Написать

java web - предназначение и браузеры (типа опрос)

#39201525

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

авторИ еще для всяких getElementById etc содержимое <tamplate> невидимо ( тк вне DOM, при этом сам template виден).
Короче просто сделали типа удобно без необходимости отдельного скрытого контейнера для шаблонов. И все. Мне тоже восторги по поводу этого тега не понятны )
ну у меня рабочий вариант и там пример что видно

авторС модалками Вадя погорячился IMHO. Их как раз и не стоит делать с помощью <template>. Модальный элемент обычно один (не периодичный как строки таблицы etc) и всегда часть DOMa. Для него просто играемся CSS { display: none} / { display : block }
я так и делал раньше
и когда он часть dom куча неприятных моментов, которых нет в темплэйт
модальных может быть много

Код: javascript

1.
2.
3.
4.
5.
6.

 <template id='templateId'>
    <img src='/images/pic1.jpg' />
  </template>
  <script> 
    $('body').append($('template#templateId').html());
  </script>

мой вариант сделан под мои задачи, за предложенный вариант спасибо

...

Рейтинг:

0 / 0

27.03.2016, 19:50

| Ответить | Цитировать | Написать

25 сообщений из 80, страница 1 из 4

все

Форумы / Java [игнор отключен] [закрыт для гостей] / java web - предназначение и браузеры (типа опрос)

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=59&msg=39201401&tid=2124211]:	0ms
get settings:	10ms
get forum list:	16ms
check forum access:	2ms
check topic access:	2ms
track hit:	50ms
get topic data:	7ms
get forum data:	2ms
get page messages:	63ms
get tp. blocked users:	1ms
others:	250ms

total:	403ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы