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

ReSQL.ru

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

Гость

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

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

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

Цитировать

Написать

Автор*:

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

Тема*:

Сообщение

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

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

Автор:

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

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

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

Вложение:

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

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

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

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

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

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

80 сообщений из 80, показаны все 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

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

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

#39201536

вадя

Участник

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

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

Рейтинг: 0 / 0

я повторюсь
если убрать модальность - то можно таким образом делать менюшки по правой клавиши мыши.
получается свой объект для каждого случая. т.е. "ООП"

...

Рейтинг:

0 / 0

27.03.2016, 20:12

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

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

#39201556

вадя

Участник

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

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

Рейтинг: 0 / 0

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, 20:55

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

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

#39201648

dimonz80

Гость

вадяdimonz80ВОт так еще точнее ))))

Код: html

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

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

надо уточнить , что предложенный вариант совсем не то, что делает мой, совсем-совсем...

А это и не вам) Это lor2 спрашивал кто такой <template>, чем знаменит. И приведенный пример - это часть ответа для lor2 в качестве иллюстрации поведения <template>.

PS Тема скатилась в JS/CSS/HTML

...

Рейтинг:

0 / 0

28.03.2016, 03:11

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

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

#39201657

вадя

Участник

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

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

Рейтинг: 0 / 0

dimonz80,
да, тема скатилась, но т.к. javascript всё более присоединяется к проектам java, это не страшно.
но первоначальный вопрос остаётся.

...

Рейтинг:

0 / 0

28.03.2016, 06:26

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

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

#39201691

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадя,
Извини, но твой код антипаттерн.
Из за нелюбви к AJAX ты пытаешься протолкнуть данную фичу в продакшен.
Примкни или к java или к js. Отображение формы в модальном диалоговом окне лишь в случае простых форм? imho

...

Рейтинг:

0 / 0

28.03.2016, 08:43

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

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

#39201765

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадя,
Извини, но твой код антипаттерн.
Из за нелюбви к AJAX ты пытаешься протолкнуть данную фичу в продакшен.
Примкни или к java или к js. Отображение формы в модальном диалоговом окне лишь в случае простых форм? imho
ты не внимателен к коду, это штука никак не отоносится ни к ajax, ни к ws
и каким местом она антипатерн.
првоначальные вопросы были не по этой штуке, я просто ответл Nebo, и тут понеслось...
сначала критиковал ws, а ws теперь уже внедрили и на торговых площадках
то бьёшся , что надо ООП, я показал пример ооп на js - ты говоришь- антпатерн.
по той ссылке, Nebo , видимо не понял как применять. я показал пример.
template , в том применении, что я привел, позволяет легко делать любое количество диалоговых форм/окон, модальных/не модальных
да это из области js, этот есть (js и java) в одном проекте , почему б не расскрывать это и здесь?
если кто против - пусть модры перенесут

...

Рейтинг:

0 / 0

28.03.2016, 09:48

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

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

#39201795

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадято бьёшся , что надо ООП, я показал пример ооп на js - ты говоришь- антпатерн.
- ООП термин спрашивают на собеседованиях. Это не оно.
- ООП в JS начинается с этого:
создать объект класса , по названию класса в строке
- переиспользование кодя я лично не увидел.
Поэтому и написал))

...

Рейтинг:

0 / 0

28.03.2016, 10:09

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

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

#39201977

Nebo

Участник

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

Рейтинг: 0 / 0

Petro123вадя,
Извини, но твой код антипаттерн.
Из за нелюбви к AJAX ты пытаешься протолкнуть данную фичу в продакшен.
Примкни или к java или к js. Отображение формы в модальном диалоговом окне лишь в случае простых форм? imho

Честно говоря, думаю про это и не соглашусь)

Ради следования новому жанру, надо отказать от хорошего и удобного.
Десктоп - есть десктоп (особенно в ентерпрайзе). То, что хорошо для мобилок, не есть гуд для десктопа)

Диалоговые окна удобны. Их юзабилити не вызывает вопросов.
Я много работаю с диалоговыми окнами и не могу только ради следования мобильной моде отказаться от диалогов.

Во всём должна быть мера. Диалоги на десктопе, на больших экранах удобны.

...

Рейтинг:

0 / 0

28.03.2016, 12:40

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

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

#39201982

Nebo

Участник

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

Рейтинг: 0 / 0

вадя,

<template> попробую обязательно) и ws тоже)

Понял, что надо перейти с лисы на хром)

...

Рейтинг:

0 / 0

28.03.2016, 12:43

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

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

#39201992

Petro123

Участник

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

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

Рейтинг: 0 / 0

NeboТо, что хорошо для мобилок, не есть гуд для десктопа)
Форум с профи по JS это не мобилки.
Они тебя тоже не поняли.
Код выше это лапшекод из стилей и самого кода.
Десктоп с одной точкой входа пишется совсем по другому.
Удачи!

...

Рейтинг:

0 / 0

28.03.2016, 12:51

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

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

#39201993

вадя

Участник

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

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

Рейтинг: 0 / 0

Neboвадя,

<template> попробую обязательно) и ws тоже)

Понял, что надо перейти с лисы на хром)
приведённый пример рабочий, только надо сылки на jqery правильные

...

Рейтинг:

0 / 0

28.03.2016, 12:51

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

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

#39202000

вадя

Участник

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

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

Рейтинг: 0 / 0

Nebo? не обращай внимание на высказывания Petro123
он просто не очень понимает js.
и преимущества называет лапшекодом :)

...

Рейтинг:

0 / 0

28.03.2016, 12:56

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

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

#39202009

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадяи преимущества называет лапшекодом :)
у меня таблички с 5-10 разными объектами (типами) в колоках.
Жду пример кода модальных окон для редактирования на правый клик.

...

Рейтинг:

0 / 0

28.03.2016, 13:05

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

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

#39202038

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадяи преимущества называет лапшекодом :)
у меня таблички с 5-10 разными объектами (типами) в колоках.
Жду пример кода модальных окон для редактирования на правый клик.
я не привык делать виртуального коня в вакуууме.
поэтому если хочешь какого-то решения предоставь более конкретные данные.
ну и это не собеседование, да и делать, что-то ради того, чтоб кому-то , что-то доказывать у меня нет желания
помочь Nebo разобраться - нет проблем, в любое время....

...

Рейтинг:

0 / 0

28.03.2016, 13:32

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

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

#39202050

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадя,
спокойней воспринимай критику.
Та фича про "вне DOM" - всё равно грузит код на клиента.
Так?
Резонный вопрос - нафига?

...

Рейтинг:

0 / 0

28.03.2016, 13:42

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

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

#39202097

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадя,
спокойней воспринимай критику.
Та фича про "вне DOM" - всё равно грузит код на клиента.
Так?
Резонный вопрос - нафига?
это уже деловой подход.
для меня важно что эта фича "отдельный объект"
т.е. со своими стилями, скриптами, html разметкой
и она открывается как Shadow DOM, призакрытии удаляетсяи з dom
все внутренности не пересекаются с внешним dom, т.е. имеют всё четко своё , не надо следить за персечением id, стилей.
при необходимости template можно подгрузить и дополнительно .
использовать такой "объект" удобно в разных проектах с переделками под конкретную реализацию, а это не сложно.

...

Рейтинг:

0 / 0

28.03.2016, 14:10

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

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

#39202107

Сергей Арсеньев

Участник

Сообщения: 4 121

Рейтинг: 0 / 0

Petro123Резонный вопрос - нафига?
Ну раз эта шняга отвязана от DOM, то ее легче обрабатывать в параллель. :)
А нынче модно все многопроцессорное. :)

Другими словами библиотека всяческих визуальных компонентов может быть построена в фоне. И включаться и выключаться в основной DOM по событиям. И при этом часть действий браузера по работе с ней уже выполнена в фоне.
Стильно, модно, молодежно.

...

Рейтинг:

0 / 0

28.03.2016, 14:16

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

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

#39202116

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадядля меня важно что эта фича "отдельный объект"
он отдельный только в твоём воображении.
На клиента эта куча Г... идёт.
Даже если 99% юзверей сроду не будут кликать эти ячейки.
Найчись делат библиотеки как все.
Сергей АрсеньевСтильно, модно, молодежно.
оверхед только для одного эксплорера.

...

Рейтинг:

0 / 0

28.03.2016, 14:25

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

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

#39202128

Сергей Арсеньев

Участник

Сообщения: 4 121

Рейтинг: 0 / 0

Petro123На клиента эта куча Г... идёт.
Даже если 99% юзверей сроду не будут кликать эти ячейки.
Ну это всегда вопрос - что лучше: загрузить сразу 100 объектов или двадцать раз подгрузить только нужные?
Ну и в некоторых случаях, все придет один раз и ляжет в кеше.
Но конечно серебряной пули нет.

...

Рейтинг:

0 / 0

28.03.2016, 14:29

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

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

#39202138

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадядля меня важно что эта фича "отдельный объект"
он отдельный только в твоём воображении.
На клиента эта куча Г... идёт.
Даже если 99% юзверей сроду не будут кликать эти ячейки.
Найчись делат библиотеки как все.
Сергей АрсеньевСтильно, модно, молодежно.
оверхед только для одного эксплорера.
чем отличаются библиотеки?
тем что в них собирается г.. на все случаи жизни? и всё идет на клиента?
я могу сделать что эти объекты будут передаваться на клиента и по ws или по ajax

...

Рейтинг:

0 / 0

28.03.2016, 14:33

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

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

#39202150

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадяили по ajax
ну дак сделай, и сравним.
Ты ни разу не делал типа:
http://autopoi.ru/InfoPOI?idpoi=590
Всё хорошее познаётся в сравнении)

...

Рейтинг:

0 / 0

28.03.2016, 14:40

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

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

#39202159

Petro123

Участник

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

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

Рейтинг: 0 / 0

Сергей АрсеньевНо конечно серебряной пули нет.
конечно нет.
Я не понял кому эту простынку он предлагает?
Верстальщику?

Код: html

<%@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

28.03.2016, 14:44

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

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

#39202165

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадяили по ajax
ну дак сделай, и сравним.
Ты ни разу не делал типа:
http://autopoi.ru/InfoPOI?idpoi=590
Всё хорошее познаётся в сравнении)
не понял в чём фишка?

...

Рейтинг:

0 / 0

28.03.2016, 14:47

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

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

#39202172

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123,
пример использования prototype и template в применении в модальной форме
и как доставать элемены в template
для полноты картины это надо продолжить в этом ключе https://learn.javascript.ru/link-import

...

Рейтинг:

0 / 0

28.03.2016, 14:52

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

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

#39202174

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадяне понял в чём фишка?
в том что при компонентном подходе данное окно вызывается так:

Код: java

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

function onmapfoiMouse_Click(point, foi) {
	try {
		var htmlString = GetInfoPOIDB(foi.attrs[0]); // получение html текста содержимого окна
		mapview.displayInfoWindow(point, htmlString, 220, 100,
				"MVInfoWindowStyle1");
	} catch (e) {
		alert(e.description + " (onmapfoiMouse_Click(point, foi))");
	}
}

onmapfoiMouse_Click( - подписывается на событик мышки на карте или на табличке или ....
...
Теперь сравни количество кода у Оракле(с) и у тебя).

...

Рейтинг:

0 / 0

28.03.2016, 14:53

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

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

#39202180

вадя

Участник

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

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

Рейтинг: 0 / 0

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

...

Рейтинг:

0 / 0

28.03.2016, 15:00

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

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

#39202193

Сергей Арсеньев

Участник

Сообщения: 4 121

Рейтинг: 0 / 0

Petro123в том что при компонентном подходе данное окно вызывается так:
Это говорит о том, что разбор строки с html надо вести в момент получения сообщения. Каждого.
Альтернатива - получаешь разобранный элемент и по ajax его заполняешь (если надо).

Если я правильно понял суть tamplate - аналог visible. Только его разбор не зависим от основного дерева. И не перегружает его без необходимости.

Да вариант с голым html фрагментом в виде строки гибче. Но как следствие - либо гонять разметку в запросе, либо генерить ее на клиенте, а потом еще и браузеру заново разбирать.

А главное - не нравится не используй. :)

...

Рейтинг:

0 / 0

28.03.2016, 15:09

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

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

#39202198

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадяPetro123,
если ты считаешь, что твой код проще сопровождать - считай.
но этот код использует библиотеки, для сопровождения которых нужен спец, знающий их....
в моём же примере достаточно знаний js...
в этом вся соль)).
В Java ты склеивал строки и не хотел изучать более.
В JS ты тоже начал с низов-атрибутов....даже без jQuery jTable JSON AJAX
Удачи!

...

Рейтинг:

0 / 0

28.03.2016, 15:11

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

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

#39202202

вадя

Участник

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

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

Рейтинг: 0 / 0

авторЕсли я правильно понял суть tamplate - аналог visible. Только его разбор не зависим от основного дерева. И не перегружает его без необходимости.
как одно из применений, возьму на заметку, интересная трактовка

...

Рейтинг:

0 / 0

28.03.2016, 15:13

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

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

#39202204

Petro123

Участник

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

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

Рейтинг: 0 / 0

Сергей АрсеньевЭто говорит о том, что разбор строки с html надо вести в момент получения сообщения. Каждого
какого каждого?
- клик на объекте равен вызову НУЖНОГО редактора и кода на клиент.
Нельзя писать в вебе как в десктопе.

...

Рейтинг:

0 / 0

28.03.2016, 15:13

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

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

#39202213

вадя

Участник

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

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

Рейтинг: 0 / 0

авторВ Java ты склеивал строки и не хотел изучать более.
В JS ты тоже начал с низов-атрибутов....даже без jQuery jTable JSON AJAX
кто тебе сказал, что не хочу изучать более. просто ту задачу проще решить таким методом - склеивать строки.
ты плохо смотришь код, который критикуешь - там есть использование jquery

...

Рейтинг:

0 / 0

28.03.2016, 15:18

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

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

#39202236

Сергей Арсеньев

Участник

Сообщения: 4 121

Рейтинг: 0 / 0

Petro123- клик на объекте равен вызову НУЖНОГО редактора и кода на клиент.
Нельзя писать в вебе как в десктопе.
Даже если эти редакторы все разные - какой в этом смысл.
А если спросить дату, ну или там не дай бог целое число спросить? Каждый раз сервер спрашивать - ну какой у наст там редактор целых чисел ноне актуальный?
Во всем нужно знать меру, ну и зачем ты это делаешь. :)

...

Рейтинг:

0 / 0

28.03.2016, 15:34

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

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

#39202274

Petro123

Участник

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

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

Рейтинг: 0 / 0

Сергей АрсеньевДаже если эти редакторы все разные - какой в этом смысл.
они все известны на этапе разработки.
И имена колонок на русском тоже известны заранее. Если мы про таблицу.
Так же как в Delphi.
Просто, если в десктопе весь код всего приложения из 500 страничек сидит в EXE, то тут по другому.
Таскаем частями код на клиента.
Вадя предложил в простыню странички запихать ещё кода перемешав с дизайном и вёрсткой.
У веб программистов вёрстка и код БЛ чётко разделён.

...

Рейтинг:

0 / 0

28.03.2016, 16:09

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

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

#39202310

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123Сергей АрсеньевДаже если эти редакторы все разные - какой в этом смысл.
они все известны на этапе разработки.
И имена колонок на русском тоже известны заранее. Если мы про таблицу.
Так же как в Delphi.
Просто, если в десктопе весь код всего приложения из 500 страничек сидит в EXE, то тут по другому.
Таскаем частями код на клиента.
Вадя предложил в простыню странички запихать ещё кода перемешав с дизайном и вёрсткой.
У веб программистов вёрстка и код БЛ чётко разделён.
ты переобуваешься быстрро,
когда я говорю о передаче кода по ws - это смешо, а сам делаешь - это правильно
а когда рекомендуют для модальности использовать display none/block - ты молчишь ...
ты определись, а то как-то не серьёно получается...
а надо тебе ещё знать что рекомендовано css включать в код html страницы для быстроты загрузки этой страницы. это можно делать разными способами , но формровать дополнительный файл с 10-30 строками css правил не есть гуд.
их проще разместить по месту и вблизи того элемента для которого они созданы. пугает? есть сворачивание кода.

...

Рейтинг:

0 / 0

28.03.2016, 16:30

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

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

#39202577

вадя

Участник

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

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

Рейтинг: 0 / 0

...

Рейтинг:

0 / 0

28.03.2016, 22:06

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

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

#39202712

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадя,
Странный дизайн. ..
Версия эксплорера?

...

Рейтинг:

0 / 0

29.03.2016, 08:53

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

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

#39202719

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадя,
Странный дизайн. ..
Версия эксплорера?
хром
дизайн не обсуждается, на кус и цвет - фломастеры разные....

...

Рейтинг:

0 / 0

29.03.2016, 08:58

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

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

#39202720

вадя

Участник

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

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

Рейтинг: 0 / 0

спешали фо Petro123

Виртуальный конь в вакууме

Код: javascript

      <script>
            function menu(menu_, name, obj_) {
                this.menu = menu_;
                this.name = name;
                this.obj = obj_;
                this.init();
            }
            menu.prototype = {
                init: function () {
                    $('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(this.menu.content.cloneNode(true));
                    var main = root.getElementById('main');
                    var t = $(this.obj).offset().top;
                    var l = $(this.obj).offset().left;
                    $(main).css({
                        'top': (15 + t),
                        'left': (30 + l)
                    });
                    $(root.getElementById('title_img')).on('click', {xx: this}, function (ev) {
//                        con.send(ev.data.xx.callback + 'close|555');
                        ev.data.xx.close();
                    });
                },
                close: function (p) {
                    $('#block_screen').remove();
//                    $('#' + this.main_div).remove();
                }
            };




            var menus;
            $('.t1').each(function () {
                $(this)[0].oncontextmenu = function (event) {
                    menus = new menu(menu1, 'menus', this);
                    return false;
                };
            });
            
            
            $('.t2').each(function () {
                $(this)[0].oncontextmenu = function (event) {
                    menus = new menu(menu2, 'menus', this);
                    return false;
                };
            });
            
            
        </script>


        <template id="menu1">
            <style>
                #main{
                    position: relative;

                    background: #ccc;
                    height: 80px;
                    width: 80px;
                    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>Меню1</span>
                    <img id="title_img" src="pic/del_.png" alt=""/>
                </div>
            </div>
            <script>
                var x = document.getElementById('block_screen').shadowRoot;
                $(x.getElementById('main')).draggable();
                console.log($(x.getElementById('main')));
            </script>
        </template>


        <template id="menu2">
            <style>
                #main{
                    position: relative;
                    background: #ccc;
                    height: 70px;
                    width: 80px;
                    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>Меню2</span>
                    <img id="title_img" src="pic/del_.png" alt=""/>
                </div>
            </div>
            <script>
                var x = document.getElementById('block_screen').shadowRoot;
                $(x.getElementById('main')).draggable();
                console.log($(x.getElementById('main')));
            </script>
        </template>

...

Рейтинг:

0 / 0

29.03.2016, 09:00

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

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

#39202722

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадя,
Второе окно из div'а?
Почему в виде таблицы? Скролл вправо неудобен.
Дай на фоксе скрин.

...

Рейтинг:

0 / 0

29.03.2016, 09:04

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

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

#39202724

вадя

Участник

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

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

Рейтинг: 0 / 0

...

Рейтинг:

0 / 0

29.03.2016, 09:07

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

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

#39202730

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадя,
Второе окно из div'а?
Почему в виде таблицы? Скролл вправо неудобен.
Дай на фоксе скрин.
второе окно div
просто так разместить оказалость проще :)
на фоксе не работает :) силовое решение делать под один браузер. для дешевизны разработки и использование возможностей хрома по максимуму

Скролл вправо неудобен.?

...

Рейтинг:

0 / 0

29.03.2016, 09:12

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

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

#39202732

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадя,
Если КОНТЕКСТНОЕ меню, то выделенный объект не вижу.

...

Рейтинг:

0 / 0

29.03.2016, 09:13

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

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

#39202734

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадя,

Думай как проще юзверю и нам, а не тебе))))))

...

Рейтинг:

0 / 0

29.03.2016, 09:15

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

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

#39202739

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123вадя,
Если КОНТЕКСТНОЕ меню, то выделенный объект не вижу.
нудак это виртуальный конь в вакууме, плюшки можно добавлять по вкусу

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

...

Рейтинг:

0 / 0

29.03.2016, 09:19

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

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

#39202846

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадяконь в вакууме
а нахрен ты постишь виртуальных коней. Тут люди работают.
Мы что? Не видели пустое папапОкно?
вадяа для корпоративного использования - ограничить одним браузером - не проблема
Вадя. Вся твоя беда, что у тебя нет сверху начальников и сбоку студента знающего JS.
Т.к. могут спросить:
- а что мы поимели при ограничении "только Опера"? Какой такой функционал?
- а почему мы пишем не REST, а приложение а-ля дельфи одного окна с одной точкой входа? Ведь у вас нет возможности сделать ссылку на рабочий стол понравившегося товара?
- а почему редактирование таблицы не сделать в самой таблице? Или на крайняк как в Access в виде формы а не таблице? Почему я должнА не колесом крутить поля, а мышкой вбок?
- а почему стиль таблички а-ля 90-ые? У нас технический директор предложил таблицу jQuery. Сколько времени займёт заменить вашу на её?
....
Ты свободный художник. Делаешь авторские таблицы. Дерзай!
Только эта фича из сабжа работает только в Опере.
Удачи!

...

Рейтинг:

0 / 0

29.03.2016, 10:33

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

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

#39202850

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадявопрос упирается в стоимость разработки
и упёртость разработчика.

...

Рейтинг:

0 / 0

29.03.2016, 10:34

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

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

#39202867

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадяреализовано такое
тоько по доп кнопке, я надеюсь что замена на правый клик не проблематична ?
переписать почти весь твой код. Т.к. в контекстном меню принято показывать редактор конкретного типа объекта под кликом.
Это если мы обсуждаем системное программирование компонента таблица в изолированном от БЛ коде.

...

Рейтинг:

0 / 0

29.03.2016, 10:43

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

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

#39202941

вадя

Участник

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

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

Рейтинг: 0 / 0

кросбраузерность стоимость одного браузера + коэфициент от 0,5 до 2 на каждый другой.
возможности хрома превосходят все остальные браузеры - легче достичь нужного результата - стоимость разработки ниже.

автор- а что мы поимели при ограничении "только Опера"? Какой такой функционал?
потребуется - можно набрать охиренный список.
ине опреа, а хром, только хром, пока остальные не будут поддерживать стандарты.
ws уже стал стандартом, даже аваст браузер его поддерживает, его доля очень мала...

автор- а почему мы пишем не REST, а приложение а-ля дельфи одного окна с одной точкой входа? Ведь у вас нет возможности сделать ссылку на рабочий стол понравившегося товара?
а оно надо?
я уже писал - могу сделать и многооконное, много вкладочное, с обменом межу окнами/вкладками
а зачем мне Rest? когда я могу сделать без него?

автор- а почему редактирование таблицы не сделать в самой таблице? Или на крайняк как в Access в виде формы а не таблице? Почему я должнА не колесом крутить поля, а мышкой вбок?
я сказал - дизайн не обсуждаем.
я могу и делаю в любом месте так как удобнее для юзера в этом месте, для меня нет проблем сделать и в самой таблице и в модальном окне,
и там где требуется и колесом кручу не только поля, но и поворот картинок и масштабирование, я знаю как это сделать.
в одном из топиков я приводил код для редактирования в ячейке таблицы.

автор- а почему стиль таблички а-ля 90-ые? У нас технический директор предложил таблицу jQuery. Сколько времени займёт заменить вашу на её?
если таблица jquery сможет сделать то что я могу сам и это будет проще - сделаю и на jquery. идет оптимизация системыв целом, а не одного элемента в ущерб остальным
будешь моим заказчиком- сделаю стиль а ля Petro123

авторпереписать почти весь твой код. Т.к. в контекстном меню принято показывать редактор конкретного типа объекта под кликом.
Это если мы обсуждаем системное программирование компонента таблица в изолированном от БЛ коде.
я тебя просил более конкретные требования...
требований нет - поэтому получился виртуальный конь в вакууме, просто демонстрирующий основу применения. все плюшки добавляются по вкусу самостоятельно, если кому-то это трудно, по просьбе помогуспод конкретные требования.

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

...

Рейтинг:

0 / 0

29.03.2016, 11:19

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

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

#39202972

Alexander A. Sak

Участник

Откуда: Омск

Сообщения: 1 061

Рейтинг: 0 / 0

"Виртуальный конь" -- это о чем? Подозреваю это из анекдота про сферического коня в вакууме.

...

Рейтинг:

0 / 0

29.03.2016, 11:30

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

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

#39202983

Petro123

Участник

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

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

Рейтинг: 0 / 0

вадякросбраузерность стоимость одного браузера + коэфициент от 0,5 до 2 на каждый другой.
возможности хрома превосходят все остальные браузеры - легче достичь нужного результата - стоимость разработки ниже.

=== бла бла бла...У меня фокс везде = нет проблем

автор- а что мы поимели при ограничении "только Опера"? Какой такой функционал?
потребуется - можно набрать охиренный список.

=== бла бла бла...начинай. Весь список опять для тебя любимого.

автор- а почему мы пишем не REST, а приложение а-ля дельфи одного окна с одной точкой входа? Ведь у вас нет возможности сделать ссылку на рабочий стол понравившегося товара?
а оно надо?
я уже писал - могу сделать и многооконное, много вкладочное, с обменом межу окнами/вкладками
а зачем мне Rest? когда я могу сделать без него?

======= ты не понял? Ярлык на товар в магазине на рабочий стол.

автор- а почему редактирование таблицы не сделать в самой таблице? Или на крайняк как в Access в виде формы а не таблице? Почему я должнА не колесом крутить поля, а мышкой вбок?
я сказал - дизайн не обсуждаем.

====== скроллинг - функционал

я могу

=== бла бла бла...

автор- а почему стиль таблички а-ля 90-ые? У нас технический директор предложил таблицу jQuery. Сколько времени займёт заменить вашу на её?
если таблица jquery сможет сделать то что я могу сам

=== бла бла бла...

...

Рейтинг:

0 / 0

29.03.2016, 11:33

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

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

#39202986

Petro123

Участник

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

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

Рейтинг: 0 / 0

Alexander A. Sak"Виртуальный конь" -- это о чем? Подозреваю это из анекдота про сферического коня в вакууме.
это когда приводят скрины и код несуществующего в природе))
На каждом форуме своя абревиатура.

...

Рейтинг:

0 / 0

29.03.2016, 11:34

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

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

#39203034

Petro123

Участник

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

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

Рейтинг: 0 / 0

Аффтар!
Вот, например:
AngularJS. Есть ли встроенные события типа onLoad?
тебе фраза
"Забудь про селекторы."
о чём нибудь говорит?
Те кто работает в JS на нижнем уровне сразу сносит крышу.
Но это данность, как один из примеров компонентного подхода к программированию.
IMHO

...

Рейтинг:

0 / 0

29.03.2016, 12:02

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

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

#39203063

вадя

Участник

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

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

Рейтинг: 0 / 0

Petro123Alexander A. Sak"Виртуальный конь" -- это о чем? Подозреваю это из анекдота про сферического коня в вакууме.
это когда приводят скрины и код несуществующего в природе))
На каждом форуме своя абревиатура.
да коноь сферический
если для Petro123 трудно понять код....
а код "сферический/виртуальный конь в вакууме" потому , что сделан для проверки и демонстрации.
он рабочий, проверенный.

...

Рейтинг:

0 / 0

29.03.2016, 12:24

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

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

#39203074

вадя

Участник

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

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

Рейтинг: 0 / 0

предлагаю закрыть тему
отвечать на бла-бла мне надоело

...

Рейтинг:

0 / 0

29.03.2016, 12:31

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

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

#39204486

вадя

Участник

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

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

Рейтинг: 0 / 0

для желающих посмотреть в живую 18995733

...

Рейтинг:

0 / 0

30.03.2016, 19:04

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

80 сообщений из 80, показаны все 4 страниц

все

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

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

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

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

start [/forum/topic.php?all=1&fid=59&tid=2124211]:	0ms
get settings:	7ms
get forum list:	19ms
check forum access:	3ms
check topic access:	3ms
track hit:	99ms
get topic data:	12ms
get forum data:	3ms
get page messages:	91ms
get tp. blocked users:	1ms
others:	243ms

total:	481ms

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