Не работает AJAX

@alexy742 · Регистрация: 16.02.2011

Студворк — интернет-сервис помощи студентам

Цель: загружать в модальное окно внешний файл с текстом , изображением или видео.
На локалке все работают на удаленном узле ( сервере ) либо не догружается внешний файл ( FF и IE) , либо загружается и далее экран беллый как будто переходит на другую страницу в ( ОПЕРА).
Посмотрите здесь пожалуйста http://teleodessa.narod.ru/ntv.htm ( Щелкните по названию любого канала ) .
Тут три демо версии со скриптами . Все одинаково ведут себя.

@alexy742 · 17.02.2011, 00:44 **[ТС]**

Консоль ошибок в ОПЕРЕ это выдает

HTML style attribute
Unknown pseudo class
Line 1:
#__sizzle__ input[type='text']:first

Добавлено через 9 минут
Для удобства привожу файлы в такой форме
jquery.prettyPopin.js

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
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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
var _followScroll = false;
var _readyBound = false;
 
(function($) {
    $.fn.prettyPopin = function(settings) {
        settings = jQuery.extend({
            modal : false, /* true/false */
            width : false, /* false/integer */
            height: false, /* false/integer */
            opacity: 0.5, /* value from 0 to 1 */
            animationSpeed: 'fast', /* slow/medium/fast/integer */
            followScroll: true, /* true/false */
            loader_path: 'images/prettyPopin/loader.gif', /* path to your loading image */
            callback: function(){} /* callback called when closing the popin */
        }, settings);
 
        function bindReady(){ 
            if(_readyBound) return;
            _readyBound = true;
            $(window).scroll(function(){ _centerPopin(); });
            $(window).resize(function(){ _centerPopin(); });
        };
        bindReady();
        
        return this.each(function(){
            var popinWidth;
            var popinHeight;
            var $c;
        
            $(this).click(function(){
                buildoverlay();
                buildpopin();
            
                
                $.get($(this).attr('href'),function(responseText){
                    $('.prettyPopin .prettyContent .prettyContent-container').html(responseText);
                
                    
                    popinWidth = settings.width || $('.prettyPopin .prettyContent .prettyContent-container').width() + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-left')) + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-right'));
                    $('.prettyPopin').width(popinWidth);
                    popinHeight = settings.height || $('.prettyPopin .prettyContent .prettyContent-container').height() + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-top')) + parseFloat($('.prettyPopin .prettyContent .prettyContent-container').css('padding-bottom'));
                    $('.prettyPopin').height(popinHeight);
                
                    
                    $('.prettyPopin').height(45).width(45);
                
                    displayPopin();
                });
                return false;
            });
 
            var displayPopin = function() {
                var scrollPos = _getScroll();
 
                projectedTop = ($(window).height()/2) + scrollPos['scrollTop'] - (popinHeight/2);
                if(projectedTop < 0) {
                    projectedTop = 10;
                    _followScroll = false;
                }else{
                    _followScroll = settings.followScroll;
                };
 
                $('.prettyPopin').animate({
                    'top': projectedTop,
                    'left': ($(window).width()/2) + scrollPos['scrollLeft'] - (popinWidth/2),
                    'width' : popinWidth,
                    'height' : popinHeight
                },settings.animationSpeed, function(){
                    displayContent();
                });
            };
        
            var buildpopin = function() {
                $('body').append('<div class="prettyPopin"><a href="#" id="b_close" rel="close">Close</a><div class="prettyContent"><img src="'+settings.loader_path+'" alt="Loading" class="loader" /><div class="prettyContent-container"></div></div></div>');
                $c = $('.prettyPopin .prettyContent .prettyContent-container'); // The content container
            
                $('.prettyPopin a[rel=close]:eq(0)').click(function(){ closeOverlay(); return false; });
            
                var scrollPos = _getScroll();
            
                
                $('.prettyPopin').width(45).height(45).css({
                    'top': ($(window).height()/2) + scrollPos['scrollTop'],
                    'left': ($(window).width()/2) + scrollPos['scrollLeft']
                }).hide().fadeIn(settings.animationSpeed);
            };
        
            var buildoverlay = function() {
                $('body').append('<div id="overlay"></div>');
            
                
                $('#overlay').css('height',$(document).height());
            
                
                $('#overlay').css('opacity',0).fadeTo(settings.animationSpeed,settings.opacity);
            
                if(!settings.modal){
                    $('#overlay').click(function(){
                        closeOverlay();
                    });
                };
            };
        
            var displayContent = function() {
                $c.parent().find('.loader').hide();
                $c.parent().parent().find('#b_close').show();
                $c.fadeIn(function(){
                    
                    $(this).find('input[type=text]:first').trigger('focus');
 
                    
                    $('.prettyPopin a[rel=internal]').click(function(){
                        $link = $(this);
 
                        
                        $c.fadeOut(function(){
                            $c.parent().find('.loader').show();
 
                            
                            $.get($link.attr('href'),function(responseText){
                                
                                $c.html(responseText);
 
                                _refreshContent($c);
                            });
                        });
                        return false;
                    });
                
 
                    
                    $('.prettyPopin form').bind('submit',function(){
                        $theForm = $(this);
                        
                        $c.fadeOut(function(){
                            $c.parent().find('.loader').show();
                        
                            
                            $.post($theForm.attr('action'), $theForm.serialize(),function(responseText){
                                
                                $c.html(responseText);
 
                                _refreshContent($c);
                            });
                        });
                        return false;
                    });
                });
                $('.prettyPopin a[rel=close]:gt(0)').click(function(){ closeOverlay(); return false; });
            };
    
            var _refreshContent = function(){
                var scrollPos = _getScroll();
 
                if(!settings.width) popinWidth = $c.width() + parseFloat($c.css('padding-left')) + parseFloat($c.css('padding-right'));
                if(!settings.height) popinHeight = $c.height() + parseFloat($c.css('padding-top')) + parseFloat($c.css('padding-bottom'));
 
                projectedTop = ($(window).height()/2) + scrollPos['scrollTop'] - (popinHeight/2);
                if(projectedTop < 0) {
                    projectedTop = 10;
                    _followScroll = false;
                }else{
                    _followScroll = settings.followScroll;
                };
 
                $('.prettyPopin').animate({
                    'top': projectedTop,
                    'left': ($(window).width()/2) + scrollPos['scrollLeft'] - (popinWidth/2),
                    'width' : popinWidth,
                    'height' : popinHeight
                }, settings.animationSpeed,function(){
                    displayContent();
                });
            };
        
            var closeOverlay = function() {
                $('#overlay').fadeOut(settings.animationSpeed,function(){ $(this).remove(); });
                $('.prettyPopin').fadeOut(settings.animationSpeed,function(){ $(this).remove(); settings.callback() });
            };
        });
    
        function _centerPopin(){
            if(!_followScroll) return;
 
            
            if(!$('.prettyPopin')) return;
            
            var scrollPos = _getScroll();
 
            if($.browser.opera) {
                windowHeight = window.innerHeight;
                windowWidth = window.innerWidth;
            }else{
                windowHeight = $(window).height();
                windowWidth = $(window).width();
            };
 
            projectedTop = ($(window).height()/2) + scrollPos['scrollTop'] - ($('.prettyPopin').height()/2);
            if(projectedTop < 0) {
                projectedTop = 10;
                _followScroll = false;
            }else{
                _followScroll = true;
            };
 
            $('.prettyPopin').css({
                'top': projectedTop,
                'left': ($(window).width()/2) + scrollPos['scrollLeft'] - ($('.prettyPopin').width()/2)
            });
        };
    
        function _getScroll(){
            scrollTop = window.pageYOffset || document.documentElement.scrollTop || 0;
            scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || 0;
            return {scrollTop:scrollTop,scrollLeft:scrollLeft};
        };
    };
})(jQuery);

layout.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
    * { margin: 0; padding: 0; border: 0; } 
 
    
    a { color: #0066FF;text-decoration:none }
    a:hover { color:#00CCFF }
    a:focus { outline: none; }
 
        
    .highlight {
        background: #949494;
        color: #000000;
        padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0
    }
    
    ul { margin: 0 0 0 15px; font-size: 1.2em; }
    ul.noBull {
    list-style: none;
    margin-left: 0;
    text-align: center;
}
        ul li { margin: 0 0 5px 0; }
        ul li.current {
            border: 1px #bfc6c7 solid;
            background: #E7EFF0;
            padding: 2px;
        }
        ul.noBull li.current { margin-left: -2px; }
        
        ul.noBull li { margin:  0 0 10px 0; }
        ul li span.counter { display: block; float: left; text-align: right; width: 60px; margin: 0 10px 0 0; }
        ul li span.description { display: block; float: left; width: 600px; }
    
    ul.checkmark {
        margin: 0;
        list-style: none;
    }
        
        ul.checkmark li {
            padding: 1px 0 1px 20px;
            background: url("../images/backgrounds/checkmark.gif") center left no-repeat;
        }
        
    textarea {
        width: 500px; height: 40px;
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 1.2em;
        color: #687275;
        border: 1px #bfc6c7 solid;
    }
    
    label {
        display: block;
        font-size: 1.2em;
        margin: 20px 0 5px 0;
    }
 
 
/* ------------------------------------------------------------------------
    Layout
------------------------------------------------------------------------- */
 
    #wrap {
        position: relative;
        width: 900px;
        margin: 0 0 20px 0;
    }
 
    #content {
        width: 900px;
        padding: 30px;
        background: #fff;
        border: 4px #000 double;
        margin: 10px 0 0 280px;
    }
    
    ul.menu {
        left: 0; top: 10px;
        position: fixed;
        list-style: none;
        width: 230px; overflow: hidden;
        background: #fff;
        padding: 10px;
        border: 4px #000 double;
    }
    
        ul.menu li a {
            display: block;
            color: #687275;
            padding: 2px;
            text-decoration: none;
        }
        
            ul.menu li a:hover {
                background: #E7EFF0;
                text-decoration: none;
            }
            ul.menu li.selected a {
                border: 1px #bfc6c7 solid;
                background: #E7EFF0;
                text-decoration: none;
            }
        
            ul.menu li.last { border: 0; }
            
    ul.submenu {
        left: 0; top: 360px;
        position: fixed;
        list-style: none;
        width: 230px;
        background: #fff;
        padding: 10px;
        border: 4px #000 double;
    }
 
        ul.submenu li a {
            display: block;
            color: #687275;
            padding: 2px;
            text-decoration: none;
        }
 
            ul.submenu li a:hover {
                background: #E7EFF0;
                text-decoration: none;
            }
            ul.submenu li.selected a {
                border: 1px #bfc6c7 solid;
                background: #E7EFF0;
                text-decoration: none;
            }

prettyPopin.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
    #overlay {
        background: #949494;
        position: absolute; top: 0; left: 0;
        z-index: 10000;
        width: 100%
    }
#item{width:600px;padding:10px}
#item img{border:1px solid #C0C0C0; float:right;margin:10px 25px 25px 25px}
#item h1{font-family: Times New Roman; font-size: 16pt; color: #000000;padding-bottom:10px}
#item ul{float: left;margin:0 ;padding:0}
#item ul li{font-family: Times New Roman; color: #000000; font-size: 10pt; height: 10px}
#item .text{font-size:12pt; font-family:Times New Roman; color:#000000; position:relative; float:left; width:580px;padding:0 0 20px 0}
#item p .more{}
 
 
 
#video{ width: 500px; position:relative; left:25px; bottom:5px; height:300px; top:0px; margin-top:0}
 
    .prettyPopin {
        border:5px solid #0066CC; background-position: 
                
                left bottom; display: none;
        overflow: hidden;
        position: absolute; z-index: 11000;
        top: 50%; left: 50%;
        background-image:url('ajaxMain/ajax/images/prettyPopin/popinLeft.gif'); background-repeat:none; background-attachment:scroll
    }
                .prettyPopin a#b_close {
            background-position: 
               left bottom; display: none;
            position: absolute; z-index: 2;
            top:0; right:0;
            width: 25px; height: 25px;
            text-indent: -10000px; background-image:url('../images/prettyPopin/close.jpg'); background-repeat:repeat; background-attachment:scroll
            
        }
            .prettyPopin .prettyContent {
            background-position:  
   right bottom; position: relative;
            width: 100%; height: 100%;
            font-size: 1.2em;
            color:#0000FF; background-repeat:repeat; background-attachment:scroll; background-color:#FFFFFF 
        }
        .prettyPopin .prettyContent .prettyContent-container {
                display: none;
                position:relative
            }
                    .prettyPopin .prettyContent .loader {
                position: absolute;
                margin-right:0; margin-bottom:0; left:50%; top:50%
            }

@Good-bad man · 17.02.2011, 06:35

Строка 109 файла jquery.prettyPopin.js, вместо :first напишите :first-child

@alexy742 · 17.02.2011, 23:19 **[ТС]**

Спасибо. Не помогло.
Я опишу еще раз как оно работает . Может вам поможет.
Окно модальное в FF и ОПЕРЕ видно как открывается с содержимым и тут же уходит в белый экран.
Причем в ОПЕРЕ 11 я могу стрелкой назад(возврат на предыдущую страницу ) из белого окна попасть в нормальное состояние с открытым и заполненным модальным окном. В IE и FF такой фокус не проходит.
Я даже пробовал ставить работающие ДЕМО версии на сервер в чистую страницу , результат тот же.
Неужели Yandex.Narod барахлит или что-то еще ?
Может посоветуйте что-то вместо Ajax для загрузки внешних файлов в мод.окно.
Так как в FancyBox все остальные функции работают на сервере отлично.

Добавлено через 5 часов 25 минут
Заметил , что в Googl Chrome работает отлично на любом компе..Что бы это значило ?

Добавлено через 5 часов 14 минут
Я нашел причину. Yandex в запрашиваемый вншний файл вставляет свой фрагмент кода с рекламой
Исходный внешний файл

HTML5
1
2
3
4
5
6
7
8
9
10
11
<div id="item">
   <h1>РЭД</h1>
   <ul class="enum">
      <li>Канал: <a target="_blank" href="http://www.ntvplus.ru/channels/channel.xl?id=47461">
         Кинорейс 4</a></li>
      <li>Режиссер: Роберт Швентке</li>
      <li>Жанр: Боевик, Приключения 
      </li>
   </ul>
   <p><br clear="all">&nbsp;</p>
   <object id="videoplayer2088" width="580" height="375"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="ajaxMain/videoplayer/uppod.swf" /><param name="flashvars" value="comment=«Ангелы и демоны»<br>Жанр: Триллер, Детектив&amp;st=ajaxMain/videoplayer/styles/video56-1497.txt&amp;file=http://www.ntvplus.ru/files/movies/2011/01/30/1756.flv" /><embed src="ajaxMain/videoplayer/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="comment=«Ангелы и демоны»<br>Жанр: Триллер, Детектив&amp;st=ajaxMain/videoplayer/styles/video56-1497.txt&amp;file=http://www.ntvplus.ru/files/movies/2011/01/30/1756.flv" width="580" height="375"></embed></object></div>

Измененный Yandex-ом внешний файл

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="item">
   <h1>РЭД</h1>
   <ul class="enum">
      <li>Канал: <a target="_blank" href="http://www.ntvplus.ru/channels/channel.xl?id=47461">
         Кинорейс 4</a></li>
      <li>Режиссер: Роберт Швентке</li>
      <li>Жанр: Боевик, Приключения 
      </li>
   </ul>
   <p><br clear="all">&nbsp;</p>
   <object id="videoplayer2088" width="580" height="375"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="ajaxMain/videoplayer/uppod.swf" /><param name="flashvars" value="comment=«Ангелы и демоны»<br>Жанр: Триллер, Детектив&amp;st=ajaxMain/videoplayer/styles/video56-1497.txt&amp;file=http://www.ntvplus.ru/files/movies/2011/01/30/1756.flv" /><embed src="ajaxMain/videoplayer/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="comment=«Ангелы и демоны»<br>Жанр: Триллер, Детектив&amp;st=ajaxMain/videoplayer/styles/video56-1497.txt&amp;file=http://www.ntvplus.ru/files/movies/2011/01/30/1756.flv" width="580" height="375"></embed></object></div>
    </textarea></form>
</title></comment></a>
</div></span></ilayer></layer></iframe></noframes></style></noscript></table></script></applet></font>
<style>
#bn {display:block;}
#bt {display:block;}
</style>
<div style="background:url(http://www.tns-counter.ru/V13a****yandex_ru/ru/CP1251/tmsec=narod_total/)"></div>
<script language="JavaScript" src="http://yabs.yandex.ru/show/163"></script>
<!-- mailto:spm111@yandex.ru -->

Подскажите , как избавиться от вредоносного влияния кода Yndex ?

@Good-bad man · 18.02.2011, 08:07

Это не вредоносный код, это они так рекламу ставят и защищают

@alexy742 · 18.02.2011, 11:08 **[ТС]**

Это я понял. Существует какой-нибудь метод вырезать рекламу при приеме . Или может указывать какой DIV вставлять в мод. окно , а остаток игнорировать скриптом ?

Vovan-VE · 19.02.2011, 19:40

Сообщение от alexy742

Существует какой-нибудь метод вырезать рекламу при приеме

Нет, не существует.

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@Good-bad man 256 / 234 / 38 Регистрация: 31.10.2010 Сообщений: 504
	17.02.2011, 06:35
	Строка 109 файла jquery.prettyPopin.js, вместо :first напишите :first-child 0

@Good-bad man 256 / 234 / 38 Регистрация: 31.10.2010 Сообщений: 504
	18.02.2011, 08:07
	Это не вредоносный код, это они так рекламу ставят и защищают 0

@alexy742 0 / 0 / 1 Регистрация: 16.02.2011 Сообщений: 11
	18.02.2011, 11:08 [ТС]
	Это я понял. Существует какой-нибудь метод вырезать рекламу при приеме . Или может указывать какой DIV вставлять в мод. окно , а остаток игнорировать скриптом ? 0