Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: input type="range" слушатель события.

Добрый день уважаемые. Вот возникла необходимость при изменении значения ползунка производить некий пересчет значений в остальном коде. Подскажите как реализовать. Приведу пример
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Exam</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<input class="corners" type="range" min="1" max="60" step="1" value="48">
<span>show</span>
<script>
  window.onload = function () { 
      var corners = $('.corners'),
	 	 num = $('span');
     var a = corners.val();
$(function(){
	num.text(a);
	$('.corners').change(function(){
  	a = corners.val();
		console.log(a + "  =a");
		num.text(a);

		return a;
   })
})
   
   var showResalt = Number (a);   
   console.log( showResalt + 'my_range');
   var nov = showResalt + 2;
   console.log(nov + "  = nov");

}

</script>
</body>
</html>


необходимо получать значение "a" из функции и затем при его изменении получать новое значение переменной nov. Подскажите, как повесить правильный слушатель события? Я думал через setInterval но что то мне не очень нравится
Добавлю аналог
Ответ:
Сообщение от ksa
Но твой пример в моем варианте не дает ошибок в консоли... При изменении ползунка меняются циферки..
Они изначально там менялись) Вопрос был не о том.
Мне необходимо что б была возможность работать с динамически меняющееся значение переменной "a" которое я получаю из функции.
(привязать значение этой переменной к другой переменой)
Вопрос: Беда с "самопальным" параллаксом

Собственно что имеем.
Хочу замутить "живой" фон, 4 картинки, 3 из них одинаковой высоты и один самый нижний ~11% от общей высоты всех блоков вместе взятых (+- несколько (даже десятков) пикселей не критично).

Первая картинка с фоном "прибита" к верху сайта.
Получается, что при прокрутке страницы слои фона ниже наезжают на слои, которые находятся выше. Когда страница заканчивается последняя картинка должна быть видима хотя бы на 50%.

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

Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<body>
    <div class="content_back">
        <section id="top" data-type="background" class="pages">
            
        </section>
        <section id="middle" data-type="background" class="pages">
            
        </section>
        <section id="bottom" data-type="background" class="pages">
            
        </section>
        <section id="foot" data-type="background" class="pages">
             
        </section>
    </div>
</body>
Стиль:

Код CSS
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
#top {
  background: url(parallax/1.gif) no-repeat;
  height: 460px;
  background-position: center 0px;
  z-index: 2;
  top: 0px;
}
 
#middle {
  background: url(parallax/2.gif) no-repeat;
  height: 505px;
  background-position: center 0px;
  z-index: 3;
  top: 260px;
}
 
#bottom {
  background: url(parallax/3.gif) no-repeat;
  height: 1015px;
  background-position: center 0px;
  z-index: 4;
  top: 520px;
}
 
#foot {
  background: url(parallax/4.gif) no-repeat;
  height: 306px;
  background-position: center 0px;
  z-index: 5;
  top: 1150px;
 
}
 
section {margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: fixed;
 -webkit-transition: top 0.5s ease-out 0s;
     -moz-transition: top 0.5s ease-out 0s;
     -o-transition: top 0.5s ease-out 0s;
     transition: top 0.5s ease-out 0s;}
Ну и сам скрипт:

Код 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
 jQuery(document).ready(function(){
//функция, условие 3 блока одной высоты (макс 780), один внизу 11% от общей (макс 300px)
            var min_height = 178;                                                                                   // cons минимальная высота блока
            var page_height = jQuery('#head').height()+jQuery('#content').height()+jQuery('#footer').height();      // zh высота документа
            var block_height = (page_height - (page_height * 0.11)) / 3;                                            // x высота блока
            var y = block_height - min_height;                                                                      // y 
            var shift = y / page_height;                                                                            // сдвиг
 
            jQuery('section#top').css('height', block_height);
            jQuery('section#middle').css('height', block_height);
            jQuery('section#bottom').css('height', block_height);
            jQuery('section#foot').css('height',page_height * 0.11);                                                // Тз текущий отступ элементов от верха страницы
            jQuery('section#middle').css('top', block_height);   
            jQuery('section#bottom').css('top', 2*block_height);    
            jQuery('section#foot').css('top',3*block_height);
            
            var pos2 = block_height;
            var pos3 = 2*block_height;
        var pos4 = 3*block_height;
            var pos = [pos2,pos3,pos4]; 
 
        var tempScrollTop = 0
        var currentScrollTop = 0;
          
            jQuery(window).scroll(function(){
                var pos2 = jQuery('#middle').offset();
                    var pos3 = jQuery('#bottom').offset();
                    var pos4 = jQuery('#foot').offset();
 
                    var scroll = jQuery(window).scrollTop();
                    var pos = [pos2.top,pos3.top,pos4.top]; 
 
                currentScrollTop = jQuery(window).scrollTop();
                if (tempScrollTop < currentScrollTop ) {   //down
                    tempScrollTop = currentScrollTop;
    
                    var pos_new = [pos[0] - shift * scroll - scroll,pos[1] - shift * scroll - scroll,pos[2] - shift * scroll - scroll];
 
                    console.log(pos_new);
                    } else if (tempScrollTop > currentScrollTop ){ //up
                        tempScrollTop = currentScrollTop;
 
                        var pos_new = [pos[0] + shift * scroll - scroll,pos[1] + shift * scroll - scroll,pos[2] + shift * scroll - scroll];
                        console.log(pos_new);
                   }    
 
            jQuery('#middle').css('top',parseInt(pos_new[0]));   
                jQuery('#bottom').css('top',parseInt(pos_new[1]));  
                jQuery('#foot').css('top',parseInt(pos_new[2]));
 
            });
});     
В чем беда. Все движется, НО! По какой то непонятной мне причине величина смещения при скролле страницы вниз больше, чем при скролле вверх. Уже неделю туплю над этим моментом. Может я упустил что то в js коде? Гляньте, думаю тут совершенно ничего непонятно) Но может все же кто нибудь подскажет что дельное. Формулы я почти на 100% уверен что верные. Что то со скролинг функцией не то...

Добавлено через 13 минут
Кстати, эта функция - моя попытка сделать вот эту мою простецкую функцию с параллаксом под любую высоту страницы на сайте, html-вариант чисто фона и скрипта, чтобы представление иметь:
parallax.zip - просто index.html запустить, должно работать. Картинки практически те же, что используются в новой функции, только разного размера.

Возможно кто-то сможет модифицировать эту простую функцию другим методом, вознаграждение гарантирую.

Думаю я тут не все адекватно и понятно описал, ибо мозг истощен полностью этим параллаксом. Спрашивайте, отвечу.
Ответ: Причем, блин, величина сдвига при скроле "перетягиванием" ползунка и при скроле колесиком мыши - разная! Хотя по формуле расчетной должна совпадать...

Добавлено через 9 минут
Ну или может кто подскажет уже готовую функцию parallax, те что я находил на хабре и других ресурсах не подошли.
Вопрос: Активация <input type="radio">

Есть есть страница выбора товара и страница продажи товара. Нужно реализовать активацию определенных input type="radio" (по возможности и определенных option в select) на странице продажи, при переходе по определенной ссылке со страницы выбора товара.
везде пишут что нужно реализовывать PHP GET и POST - запросы, но я только начал изучать php и знаю очень плохо, хотелось бы найти пример.
За ранее спасибо!
Ответ: FALKOR
Вот пример, если в GET добавить переменную checkbox, то на сайте поле checkbox будет активным (включенным / отмеченным).
Аналогично можно выполнять и с type = radio.
 
Если данны передаются через POST то следует заменить _GET на _POST

Код:
<input type="checkbox" <?php echo (isset($_GET["checkbox"]))?'checked="checked"':''; ?> />  

 
Что касается select, если у вас выводится примерно 2-3 строчки:

Код:
<select>
  <option <?php echo (isset($_GET["select"]) && $_GET["select"]==1)?'selected="selected"':''; ?>>Пункт 1</option>
  <option <?php echo (isset($_GET["select"]) && $_GET["select"]==2)?'selected="selected"':'' ;?>>Пункт 2</option>
</select>  

 
Если у вас циклическая операция, то можно и в for() или while() впихнуть такой кусок.
 
Выводит все пункты от 0 до 20 и если $_GET["select"] будет равен хоть кому-то, он будет отмечен.

Код:
<select>
<?php for($i=0;$i<=20;$i++) { ?>
  <option <?php echo (isset($_GET["select"]) && $_GET["select"]==$i)?'selected="selected"':''; ?>>Пункт $i</option>
<?php } ?>
</select>  

 
P.S. - Вроде примеры правильные
Вопрос: Не обрабатывается массив с "тире" в имени

Подскажите такой вопрос, получаю json данные через Ajax, в данных присутствует секция массива с именем "total-price". Все обрабатываются нормально кроме неё, ошибка я понял именно в наличие тире/минуса в названии.
Код

"items": {
        "item": {
            "0": {
                "price": {
                    "name": "\u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u0439 \u0440\u0443\u0431\u043b\u044c",
                    "code": "RUR",
                    "rate": 1,
                    "nominal": 1,
                    "suffix": "\u0440\u0443\u0431",
                    "actual": 126
                },

                "total-price": {
                    "name": "\u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u0439 \u0440\u0443\u0431\u043b\u044c",
                    "code": "RUR",
                    "rate": 1,
                    "nominal": 1,
                    "suffix": "\u0440\u0443\u0431",
                    "actual": 1008


Код

$.ajax({
        url: '..... url.json',
        type: "get",
        dataType: 'json',
        async: true,
        timeout: 30000,
        success: function (data) {     

            /* для примера */
           alert(item.price.actual)    // работает
           alert(item.total-price.actual)  // не работает
              
        }
            
        
    });



update:
Сам задал, сам ответил
item['total-price']['actual']

Это сообщение отредактировал(а) finogeev - 5.6.2015, 22:58
Ответ:
Подскажите такой вопрос, получаю json данные через Ajax, в данных присутствует секция массива с именем "total-price". Все обрабатываются нормально кроме неё, ошибка я понял именно в наличие тире/минуса в названии.
Код

"items": {
        "item": {
            "0": {
                "price": {
                    "name": "\u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u0439 \u0440\u0443\u0431\u043b\u044c",
                    "code": "RUR",
                    "rate": 1,
                    "nominal": 1,
                    "suffix": "\u0440\u0443\u0431",
                    "actual": 126
                },

                "total-price": {
                    "name": "\u0420\u043e\u0441\u0441\u0438\u0439\u0441\u043a\u0438\u0439 \u0440\u0443\u0431\u043b\u044c",
                    "code": "RUR",
                    "rate": 1,
                    "nominal": 1,
                    "suffix": "\u0440\u0443\u0431",
                    "actual": 1008


Код

$.ajax({
        url: '..... url.json',
        type: "get",
        dataType: 'json',
        async: true,
        timeout: 30000,
        success: function (data) {     

            /* для примера */
           alert(item.price.actual)    // работает
           alert(item.total-price.actual)  // не работает
              
        }
            
        
    });



update:
Сам задал, сам ответил
item['total-price']['actual']

Это сообщение отредактировал(а) finogeev - 5.6.2015, 22:58
Вопрос: Как правильно задать css для тега "video" (video.b

Здравствуйте! Пишу видео-плеер. Плеер почти готов, но не хватает одной детали. Не могу понять как правильно стилизовать буферизованные куски, как отлавливать TimeRanges и стилизовать их. Долго мучаюсь, много где пишут что надо как-то через "video.seekable.start(0)" и/или "video.seekable.end(0)" или "video.buffered.end(0)" но, к моему сожалению, не могу понять как оно работает. "video.seekable.start(0)"- выдает 0 сек., а "video.seekable.end(0)"- общую длину ролика в секундах, откуда брать буферизованные отрезки и стилизовать их? Надеюсь понятно все сформулировал. Буду признателен любой помощи, в идеале, конечно, хотелось бы пример видеть, через примеры лучше понимаю. Пожалуйста помогите. Ну или на крайний случай пошлите что ль... на ресурс какой??
Ответ: Как активно здесь помогли решить проблему чайнику. Просто исчерпывающие советы получаю от вас (форумчан). Спасибо всем за просмотры данного поста, и за то что НИКТО не нажал кнопку "ответить". Проблему помогли решить на другом форуме:

video.addEventListener('progress', function() {
var bufferedEnd = video.buffered.end(video.buffered.length - 1);
var duration = video.duration;
if (duration > 0) {
document.getElementById('buffered_track').style.width = ((bufferedEnd / duration)*100) + "%";
}
}
);
Вопрос: Разбор строки.. "приплыли.."

Всем привет..

Ну ни как не могу постичь волшебные строки..)))

к примеру: Apache/2.2.29 (Gentoo) mod_dp/0.99.7 PHP/7.0.15

Как от седа можно вытащить отдельно:
Apache
2.2.29 (Gentoo) ???
Ответ:
Сообщение от Alexandroppolus
допустим, в строке не будет этого самого "mod". Тогда как?
Задача должна ставиться корректно. Отсюда и будет строиться выражение поиска...
Приведи примеры возможных вариантов.
Вопрос: Импорт фида с "Вконтакте"

Приветствую!

Хочу обратиться с таким вопросом,
Импортировал на сайт две новости с группы "Вконтакте" ().
Возможна ли махинация с роботизированным добавлением этих новостей? Чтобы к примеру, когда пользователь размещает новость у себя в группе, эта новость заменяла, или добавлялась в фид сайта автоматически, что то типа импорта.
Если есть такие махинации с API VK, прошу, расскажите новичку, спасибо!
Ответ: Ну да, я думаю такое возможно. У ВК есть поддержка JSONP. :
Кроссдоменные запросы
Для того, чтобы осуществлять кроссдоменные запросы к API, Вы можете использовать протокол JSONP. Для этого необходимо подключать к документу скрипт с src=url запроса, добавив к запросу параметр callback c именем функции, которая будет вызвана при получении результата.
Вот небольшой пример:
Код Javascript
1
2
3
4
5
6
var script = document.createElement('SCRIPT');
script.src = 'https://api.vk.com/method/likes.getList?type=post&owner_id=1&item_id=45546&count=5&v=5.35&callback=callbackFunc';
document.getElementsByTagName('head') [0].appendChild(script);
function callbackFunc(result) {
  alert(result.response.items);
}
Добавлено через 58 секунд
P.S. А вообще, это лучше на сервере делать, на PHP.
Вопрос: "Поломка" верстки при масштабировании в Chrome

Столкнулся с проблемой переноса на новую строку элементов в Chrome при масштабировании до 33% - 25%. Пол беды при масштабировании - на macbookах и 4к мониторах происходит то же самое. В Firefox, Edge все работает как надо. Пример тут: (убрал весь контент чтобы не сочли за рекламу).
Подробнее.
Есть горизонтальное меню:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
        <header id="header-id">
        <div class="layout-positioner">
            <div class="logo">
                logo here
            </div>
            <div class="phones-container">
                <div class="phone"><span class="operator">Lorem</span>+XX (XXX) XXX XX 00</div>
                <div class="phone"><span class="operator">Lorem</span>+XX (XXX) XXX XX 00</div>
                <div class="phone"><span class="operator">Lorem</span>+XX (XXX) XXX XX 00</div>
                <div class="maplink"><a href="#contacts-id">Карта проезда</a></div>
            </div>
            <nav class="menu" id="menu_id">
                <ul>
                    <li class="menu-close-btn" id="menu-close-btn-id">Закрыть<img src="arrow_right.png" alt="Arrow right"></li>
                    <li class="active"><a href="#prices-id">Шенгенские визы</a></li>
                    <li><a href="#res-permit-id">ВНЖ в Прибалтике</a></li>
                    <li><a href="#study-work-id">Работа в Прибалтике</a></li>
                    <li><a href="#study-work-id">Учеба в Прибалтике</a></li>
                </ul>
            </nav>
        </div>
        <div class="menu-btn" id="menu-btn-id"></div>
    </header>
CSS много убрал под спойлер
Кликните здесь для просмотра всего текста
CSS
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
@import url([url]https://fonts.googleapis.com/css?family=Roboto:300,500,700,400&subset=latin,cyrillic);[/url]
 
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}
 
header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 110px;
    box-sizing: border-box;
    background-image: linear-gradient(to left, #10638e, #42a5d9);
    transition: all 0.4s ease;
    z-index: 2;
}
 
header .logo {
    float: left;
    width: 30%;
    height: 100%;
    text-align: center;
 
}
 
header .logo img{
    height: 120%;
}
 
header .menu,
header .phones-container {
    float: left;
    width: 70%;
    height: 50%;
    color: #fff;
    box-sizing: border-box;
}
 
header .phones-container {
    padding-top: 10px;
    border-bottom: 1px solid #42a5d9;
}
 
.phones-container .phone {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    text-align: center;
    font-size: 1.1em;
    font-weight: 500;
}
 
.phones-container .phone .operator {
    display: block;
    margin-bottom: 5px;
    font-size: 0.9em;
    font-weight: 300;
}
 
.phones-container .maplink {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    
}
 
.phones-container .maplink a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dashed #fff; 
}
 
.phones-container .maplink a:hover {
    color: #fff000;
    border-bottom: 1px dashed #fff000; 
}
 
.phones-container a {
    color: inherit;
    text-decoration: none;
}
 
header .menu {
    padding-top: 9px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
 
header .menu ul{
    width: 100%;
/*    white-space: nowrap;*/
}
 
header .menu li {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    margin: 0;
    padding: 0 10px;
    font-size: 1.1em;
    border-radius: 5px;
    line-height: 2.1;
    transition: background-color 0.4s ease;
}
 
header .menu li:last-child {
    margin-right: 0px;
}
 
header .menu li.active,
header .menu li:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
}
 
header .menu li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}
 
header .menu-btn {
    display: none;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background: url("gamburger.png") no-repeat 0 0;
    background-size: 60px 30px;
    cursor: pointer;
    z-index: 1;
}
 
header .menu-btn:hover {
    background-position: -30px 0;
}
 
.menu .menu-close-btn {
    display: none;
    height: 40px;
    background-color: #fff;
    color: #000000;
    font-size: 1em;
    font-weight: 500;
    line-height: 2;
}
 
.menu .menu-close-btn:hover {
    background-color: #fff;
    color: #3c3c3c;
    cursor: pointer;
}
 
.menu .menu-close-btn img {
    height: 25px;
    vertical-align: middle;
    margin-left: 15px;
}
 
 
 
.advert-text {
    width: 100%;
    height: 450px;
    background: url("img/top-bg2.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
 
.advert-text.baltics {
    background: url("img/top-bg-vnz.png") no-repeat center;
}
 
.advert-text .content {
    padding-top: 150px;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #06417c;
}
 
.advert-text.baltics .content{
    color: #06417c;
}
 
.layout-positioner {
    width: 1080px;
    height: 100%;
    margin: auto;
    padding: 0;
}
 
.clearfix {
    display: table;
    clear: both;
}

При масштабировании до 33% пункты
HTML5
1
<li><a href="#study-work-id">Учеба в Прибалтике</a></li>
и
HTML5
1
<div class="maplink"><a href="#contacts-id">Карта проезда</a></div>
не влезают в контейнер и переносятся на новую строку (а в показанной выше ссылке когда я в телефонах заменил цифры на "Х" так и последний номер так же переносится).
Я перепробовал много чего (размеры шрифта, внутренних, внешних отступов, ширину контейнера - для лого 15% для всего остального 85% и т.д.) Самое для меня не понятное это когда в контейнере остается еще много места, но последний пункт все равно переносится! Например поставить размер шрифта 10px - в контейнер еще пол такого же меню влезет, но нет - все равно при масштабировании происходит то же самое.
Я нашел такие решения - или white-space: nowrap; или же увеличение контейнера layout-positioner c 1080 до 1300px, но ни первое ни второе, как мне кажется, не очень правильные. Да и есть четкое тз в котором ширина контейнера 1080px.

В общем кто сталкивался с подобным или видит в чем моя ошибка - прошу помощи.
Заранее спасибо!

Добавлено через 44 минуты
update тема возникла в результате замечания заказчика. Я кинулся исправлять, а сейчас смотрю топ сайты ру-, уанета и там наблюдается такая же проблема с масштабированием и переносом элементов..
Ответ: Дави этих юзверов фактами!
Показал скрин, а остальное на их некомпетентность спихивай!
p.s. если что даже можно поставить "лучший ответ"
Вопрос: Передача картинки в кнопку "поделиться" Фейсбука

Создал кнопку "поделиться" для фейсбука:

$('#fb_shareWidget').click(function(){
        window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+encodeURIComponent(GLOBAL_azino888)+'&p[summary]='+encodeURIComponent(GLOBAL_summary)+'&p[url]='+encodeURIComponent(GLOBAL_url)+'&p[images][0]='+encodeURIComponent(GLOBAL_images),'sharer','toolbar=0,status=0,width=700,height=400');
    });


Раньше полгода назад выдавало попап с картинкой. Теперь выдает вот это:
Т.е. никакой картинки нет, да и текст подтягивает не из джаваскриптовой переменной, а берет тупо со страницы.
У фейсбука что-то поменялось? И как передать в виджет "поделиться" картинку?
Ответ: Пример брал отсюда:
Вопрос: "Динамическое" получение значений input

Доброго дня форумчане!
Бьюсь головой второй день из-за того что не могу получить значение из input'a формы, которая создается по событию клика. Т.е. имеется таблица со значениями, по клику на строке создается div с input, в который вводится значение и далее оно попадает в бд... Так вот не получается у меня его вытащить... Пример кода (извиняюсь за смешивание js/jquery и всевозможные костыли/велосипеды -
function newDialog(dtitle, ddata)
  {
	var body = document.getElementsByTagName("body")[0];
	var id = "dlgTest_"+Math.floor(Math.random(1,53)*1000);
	$("[id ^= dlg]").remove();
	
	var dclose = document.createElement("div");
	dclose.setAttribute("class", "dialogClose");
	dclose.setAttribute("onclick", "delDiv('"+id+"');");
	dclose.innerHTML = "X";
	
	var dialog = document.createElement("div");
	dialog.setAttribute("class", "dialogScript");
	dialog.setAttribute("id", id);
	dialog.setAttribute("style", "display:none");
	
	dialog.innerHTML = dtitle+"<br>"+ddata;
	dialog.appendChild(dclose);
	body.appendChild(dialog);
	
	return id;
  }

var data = "<div align='center'><b>Запись №"+id+"</b><br><br><br><form id='updRec'>Введите значение:<br><br><input class='dbut' size='35' type='text' id='updText'></input><br><br><br><br><input class='dbut' type='button' value='ОБНОВИТЬ' onclick='alert("+$("#updText").val()+")'></input></form></div>";
var idDialog = newDialog("<hr size='8' color='#46c765'>", data);


Вот этих два момента
1. <input class='dbut' size='35' type='text' id='updText'></input>
2. onclick='alert("+$("#updText").val()+")'

Пробовал serialize формы, вложенные функции, просто добраться до элемента формы на js, но увы...

Думаю что всё дело в DOM и в том что это динамически создаваемый "диалог", которого нет в основном дереве. Либо нужно как-то обновлять всё дерево, либо подойти к этому с другой стороны и свежей головой
Любая помощь мне в пользу, помогите пожалуйста дорогие "фронтовики"
Ответ:
<div id="target"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
function newDialog(dtitle, ddata)
  {
        var body = document.getElementById("target");
	var id = "dlgTest_"+Math.floor(Math.random(1,53)*1000);
	$("[id ^= dlg]").remove();
	
	var dclose = document.createElement("div");
	dclose.setAttribute("class", "dialogClose");
	dclose.setAttribute("onclick", "delDiv('"+id+"');");
	dclose.innerHTML = "X";
	
	var dialog = document.createElement("div");
	dialog.setAttribute("class", "dialogScript");
	dialog.setAttribute("id", id);
	//dialog.setAttribute("style", "display:none");
	
	dialog.innerHTML = dtitle+"<br>"+ddata;
	dialog.appendChild(dclose);
	body.appendChild(dialog);
	
	return id;
  }

var data = "<div align='center'><b>Запись №</b><br><br><br><form id='updRec'>Введите значение:<br><br><input class='dbut' size='35' type='text' id='updText'></input><br><br><br><br><input class='dbut' type='button' value='ОБНОВИТЬ' onclick='alert($(\"#updText\").val())'></input></form></div>";
var idDialog = newDialog("<hr size='8' color='#46c765'>", data);
</script>


P.S. опоздал на пару минут
Сообщение от kazakn
либо обращение к элементу в alert...
Вот именно. В если хотите оставить в onclick, то не надо исключать alert из кавычек.