Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / Java [игнор отключен] [закрыт для гостей] / java web - предназначение и браузеры (типа опрос) / 25 сообщений из 80, страница 1 из 4
  1  все
26.03.2016, 23:33
    #39201290
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
для каких целей пишите java web системы?
порталы, сайты - ещё какое предназначение - не возможное использование , а практические реализации
какой браузер используетсяили кросбраузерное решение

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

причина опроса - попробовал для создания "модальной формы" последние фичи html (<template>, Shadow DOM)
очень понравилось,( без ангуляра.....)
но только хром это поддерживает...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 01:28
    #39201312
Nebo
Nebo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
вадя,

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


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

Диалог можно создать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 08:12
    #39201325
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
Nebo,
его и опробывал.
делал без этих фич раньше, но как-то слишком затратно, потому как всё было в dom. а счас хоть и на странице, но вне dom.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 08:54
    #39201336
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
файл 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, 09:21
    #39201339
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
 
это
Код: 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, 11:53
    #39201353
dimonz80
dimonz80
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
вадя,

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, 12:27
    #39201358
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
dimonz80,
считается :)
вопрос чем обуслоален такой широкий набор браузеров, ведь сделать под один и проще и результат лучше?

по поводу templat - js там может исполняться так же как и везде.
для меня важнее то, что это не принадлежит dom.
а вводится в dom по команде, и в темплайт всё своё. особенно это будет заметно при использовании import...
реализовать тот пример, можно и без template, но будет несколько накладнее, при использовании повторон
надо либо .css дополнительно, либо блок <style> копировать...
в темплайт же всё в одном блоке..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 12:55
    #39201367
rema174
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
вадявопрос чем обуслоален такой широкий набор браузеров, ведь сделать под один и проще и результат лучше?
вопрос оправдан. например, теститруя приложение на jsf под хромом и под ff-движками, замечаю, что на хроме работает отзывчивее и шустрее. припоминаю, встречал инфу, что в хроме используетя оптимизированный движок js, похоже таки и есть, потому что разница оч.х заметна
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 13:44
    #39201387
Petro123
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
вадядля меня важнее то, что это не принадлежит dom.
тянет тебя на извраты(.
Эта фича не поддерживается всеми. И пока никто не показал её преимущества.
Кроме твоего "просто нравится".
У меня пока заказчики не против поставить фокс для наших ИС.
Только недавно нашли баг в программе, который не совместим с IE.
Но всегда может попасться вредный пользователь без всяких фоксов.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 14:20
    #39201401
Nebo
Nebo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
<template>

а что за тэг такой ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 14:23
    #39201403
Nebo
Nebo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
Примерно это: http://www.quackit.com/html_5/tags/html_template_tag.cfm
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 14:51
    #39201415
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
Nebo,
https://learn.javascript.ru/template-tag
лучше это
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 14:53
    #39201417
Nebo
Nebo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
вадя,

спасибо большое)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 14:57
    #39201421
lor2
lor2
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
допиливаю црмку, т.к. бабла нет на фронтэндщика фронт весь в жсп, и да, на хроме, у хрома есть кое-какие приятные фичи типа ввода дат и т.п. ничего плохого в этом не вижу. ну да, нужен хром. и чо? это же не вебпортал. это тупо софт для работы и всё. тем более что хром есть под любой практически системой. даже в телефонах.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 14:57
    #39201422
dimonz80
dimonz80
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
вадя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, 15:27
    #39201428
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
авторВ таком коде alert не отработает при загрузке.
согласен, не внимательно прочитал ответ...
с хр проблемы, хром тож не собирается долго поддерживать...хотя пока ещё работает.
даже после поддержки будет работать , просто не будет обновляться, но фич уже достаочно :)

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

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

автортянет тебя на извраты(.
может со стороны это кажется извратом, но пришёл к этому при долгом размышлении...
и тут расскрывается одна фича - темплэйт - это чистой воды ООП, один темплэйт полностью законченный объект - со своим кодом, со своей графикой (html разметка) , со своими стилями.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 15:46
    #39201436
lor2
lor2
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
я не понял в чем скрытый смысл темплейта? алерт не выплывет пока его не вызовут окей. и? я могу вызвать функцию показа алерта а могу и не вызвать :)

и причем тут модалки? в хроме есть какая то мегафича показа модалок?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 16:15
    #39201451
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
lor2я не понял в чем скрытый смысл темплейта? алерт не выплывет пока его не вызовут окей. и? я могу вызвать функцию показа алерта а могу и не вызвать :)

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

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

если смотреть внимательно на пример кода , то модальность заключается в использование "слойности" - z-index
основной слой - див во весь экран - и сама форма
вот и вся фича.
в данном применении фича в том , что template организует "ООП" , при загрузке не рендерится, в dom не входит, т.е. имеет свои id , которые не пересекаются с id dom.
таким образом можно организоват своё меню по правой кнопке мыши, для каждого элемента своё.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 16:21
    #39201456
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
lor2,
убрав див во всесь экран получим объек - простая форма
таких форм можно сделать кучу.
путем небольшого кодинга можно организовать "сворачивание" формы и прижатие к низу экрана.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 16:49
    #39201464
Petro123
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
вадяможет со стороны это кажется извратом, но пришёл к этому при долгом размышлении...
мы же о JS говорим?
Вот когда тебя программисты JS поймут - тогда другое дело.
А с этим проблемы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 17:36
    #39201476
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
Petro123вадяможет со стороны это кажется извратом, но пришёл к этому при долгом размышлении...
мы же о JS говорим?
Вот когда тебя программисты JS поймут - тогда другое дело.
А с этим проблемы.
если мои высказывания помогут хотя б одному помогут определиться - мне будет достаточно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.03.2016, 18:08
    #39201480
dimonz80
dimonz80
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
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:20
    #39201487
dimonz80
dimonz80
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
ВОт так точнее
Код: 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:21
    #39201488
dimonz80
dimonz80
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
ВОт так еще точнее ))))
Код: 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, 19:50
    #39201525
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java web - предназначение и браузеры (типа опрос)
авторИ еще для всяких 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
| Ответить | Цитировать | Написать  
  1  все
Форумы / Java [игнор отключен] [закрыт для гостей] / java web - предназначение и браузеры (типа опрос) / 25 сообщений из 80, страница 1 из 4
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 476ms
Закрыть
start [/forum/topic.php?fid=59&tablet=1&tid=2124211]:
 0ms
get settings:
 5ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 143ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 78ms
get tp. blocked users:
 1ms
others: 212ms
total:  476ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]