Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Не отображаются изменения в браузере

Здравствуйте. Столкнулась с такой проблемой. Пишу сайт с помощью Dreamweawer и AppServer, проверяю на Яндекс браузере. Периодически случается так, что в браузере не отображаются изменения в коде. Т.е. иногда все работает нормально, иногда вот так. Когда открываю сайт в других браузерах он выглядит вообще по другому, где то слазит шапка, где то пункты меню разлетаются, где то вообще пропадает половина всего. Подскажите пожалуйста, как бороться с этой проблемой?
Ответ:
Периодически случается так, что в браузере не отображаются изменения в коде

где то слазит шапка, где то пункты меню разлетаются, где то вообще пропадает половина всего
Надо писать код. Чем больше тем лучше.
Вопрос: ajax и цикл - данные не успевают отображаться в браузере

Добрый день.
Не могу найти решение следующей проблемы.
Есть цикл, в цикле ajax запрос, после выполнения запроса необходимо счетчик увеличить на 1 и поместить значение счетчика в элемент страницы. Так вот, размещение происходит только после цикла, а все промежуточные значения не размещаются. Пример:
var test_count=document.getElementById('counter');
for (var i=0; i<3; i++) {
	$.ajax({
		type: "POST",
		url : "test.php",
		async: false, 
		success: function (result_query) {	
			test_count.innerHTML = (i);}
		});
}

в результате выполнения в test_count будет 2, а все промежуточные значения отображаться не будут. Пробовал делать паузу - не помогает. Однако добавление alert - показывает, что значения помещаются и все ок. Т.е. вот такой код, работает корректно:
var test_count=document.getElementById('counter');
for (var i=0; i<3; i++) {
	$.ajax({
		type: "POST",
		url : "test.php",
		async: false, 
		success: function (result_query) {	
			test_count.innerHTML = (i);
			alert('ok'); }
		});
}

Но alert не устраивает. Подскажите решение. Спасибо.
Ответ: bear9,
ок я пас, более ничем помочь не могу, так как не понимаю что вы хотите.
Вопрос: Не отображаются некоторые элементы сайта в Сафари

Не могу разобраться, несколько элементов не отображаются в браузере Safari, во всех остальных все в порядке (((

Так должно быть и есть во всех браузерах кроме Safari

Так в Safari
Ответ: Подобная проблема!( как-то удалось решить?
Вопрос: Bootstrap DatePicker не отображается

Здравствуйте! Хочу использовать на странице Bootstrap DatePicker, скачал его, распаковал, вот такой код на страничке написал
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@{ 
    Layout = null;
}
<html>
<head>
    <link href="~/Content/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" type="text/css">
 
    <script type="text/javascript" src="~/Scripts/bootstrap.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap-datepicker.js"></script>
 
    
    <script>
        $('#calendar div').datepicker({
 
        });
    </script>
</head>
<body>
    <div id="calendar"/>
</body>
</html>
И не работает, пустая страница отображается в браузере. Кто работал с ним, подскажите что не так? Может какие то зависимости я не указал?
Ответ: Привет! подключил всё как по .
Работает без проблем. Подключал что-то локально, что-то не хотелось
HTML5
1
2
3
4
5
6
  <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">  
  <script type="text/javascript" src="js/Moment.js"></script>
  <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
  <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <input type='text' class="form-control" id='datetimepicker4' />
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker4').datetimepicker();
            });
        </script>
    </div>
</div>
Вопрос: Не отображается div скроллбара

Добрый день.
Подскажите, пожалуйста.
Не могу понять почему див с именем wrapper ни в какую не хочет отображаться в другом диве?
если в конце скрипта разместить - все ок. как тут:
Код PHP
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
<?php   
    unset($ideas_name,$comment,$ideas_id,$descrip,$ideas_stage, $ideas_type);
    }
?>  
</tr>
</table>
 
<div id="wrapper">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
    
    <script type="text/javascript">
    //Скрипт скроллбара
        $(function(){
            $('#wrapper').jScrollPane();
        });
    </script>
 
<?php
 
 
}
 
catch(PDOException $e){
echo 'Error : '.$e->getMessage();
exit();
}
?>
 
</body>
</html>
а мне нужно этот див в диве всплывающего окна сделать, чтобы там скроллбар был.
Кликните здесь для просмотра всего текста
Код PHP
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
    <div id="tabs_info" class="popup tabs_info<?=$q.$i; ?>"> <!-- id="new_ideas_id"   id="tabs_info" -->
        <a class="close" href="#">Close</a>
        <h2><?=$ideas_name[$q]; ?> </h2>    
        
        <div class="selectTabs">
            <ul class="lineTabs">
                <li class="active"><a href="#">Основная информация</a></li>
                <li><a href="#">История</a></li>
                <li><a href="#">Комментарии</a></li>
            </ul>
            <div class="tab_content">
                <div class="tab1">
                    Полное описание:<br> <p><?php echo $descrip[$q];?></p>
                    Вовлеченные подразделения:<br> <p><?php echo $subdivis[$q];?></p>
                    Дата создания:<br> <p><?php echo $ideas_date[$q];?></p>
                    
                    Текущий этап: <?php echo $ideas_stage[$q];?><br><br>
                    Переместиь на этап:<br>
                                                    
 
                         <select name="new_stage_id<?=$q.$i;?>" size="1">
                           <?php
                           //делаем список выбора типов идей
                        for ($k= 0; $k < count($stage_ideas_id); $k++) 
                        { ?>
                            <option value="<?php echo $stage_ideas_id[$k];?>"><?php echo $stage_ideas[$k];?></option>
                            
                            <?php };
                                ?>
                            </select> 
                             
<p><input type="submit" name="stage_repair" data-id="<?php echo $ideas_id[$q];?>" id="replace_idea<?=$q.$i; ?>" value="Переместить">
<span id="resp<?=$q.$i;?>"></span>
    </p>  
 
<script>
                $('#replace_idea<?=$q.$i;?>').click(function(event){
                   event.preventDefault();
                   var stage_id = $('select[name="new_stage_id<?=$q.$i;?>"] option:selected').val();
                   var id  = $(this).data('id');
                     $.ajax({
                        url: '/uvpz/Board_ideas/update_stage_ideas.php',/*url: '/Board_ideas/update_stage_ideas.php',*/
                        type: 'GET',
                        data: {'id':id, 'stage_id':stage_id, 'action':'change'}
                        
                    })
                    .done(
                        /*function() {
                        console.log("success");
                        }*/
                        function(response){
                          var messageResp = new Array('Этап изменен.',
                          'Эатп не изменен. Ошибка базы данных.');
                          var resultStat = messageResp[Number(response)];
                          if(response == 0){
                             $("#author").val("");
                             $("#message").val("");
                          }
                          $("#resp<?=$q.$i;?>").text(resultStat).show().delay(1500).fadeOut(800);
                        }
                    )
                    .fail(
                        function() {
                        console.log("error");
                        }
                    )
                })
                
            </script>
    
    
            
                     </div>
                <div class="tab2">
                    
            <div id="wrapper">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
    
    <script type="text/javascript">
    //Скрипт скроллбара
        $(function(){
            $('#wrapper').jScrollPane();
        });
    </script>
 
                </div>
                <div class="tab3">
                    
    <?php 
    //получаем комментарии у идеи
    
        $stmt3 = $dbh->query("SELECT uvpz.ideas_comment.comment, uvpz.ideas_comment.date
                                FROM uvpz.ideas_comment
                                Where uvpz.ideas_comment.id_ideas = ".$ideas_id[$q]."
                                Order By uvpz.ideas_comment.date DESC");
                                
            while($comm_res = $stmt3->fetch(PDO::FETCH_ASSOC)){
            $comment[] = $comm_res['comment'];
            $comment_date[] = $comm_res['date'];
            }
            if($comment)
                {
                    for($g=0;$g<count($comment); $g++)
                    {
                        echo $comment[$g]."<br>";
                        }
                    }
                else "Комментариев нет";
    ?>          
        
                </div>
            </div>
        </div>          
    </div>
Ответ: HELP!!!
методом тыка получилось, но после некоторой доработки другой части скрипта скроллбар перестал отображаться, почему - не пойму.
Объясните, пожалуйста как правильно сделать.
Мне нужно чтобы владка всплывающего окна была со скроллбаром - в окно выводится история изменения.
дивы формируются в цикле, поэтому в id добавлен идентификатор итераций - этот div находится во вложенном цикле.
Кликните здесь для просмотра всего текста
Код PHP
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
    <div id="wrapper<?php echo $i.$q;?>" class="tab2" class="wrapper">
 
    <script type="text/javascript">
        $(function(){
            $('#wrapper<?php echo $i.$q;?>').jScrollPane();
        });
    </script>
            
    <?php
        
            //Запрос на выборку истории изменения идеи
        $stmt4 = $dbh->query("SELECT  
                                uvpz.ideas_log.id,
                                uvpz.ideas_log.log as lg,
                                uvpz.ideas_log.event_date as ev_d,
                                uvpz.ideas_log.old as old,
                                uvpz.ideas_log.new as new
                                FROM uvpz.ideas_log
                                where uvpz.ideas_log.ideas_id =$ideas_id[$q]
                                Order By uvpz.ideas_log.event_date DESC");
        
        while($log = $stmt4->fetch(PDO::FETCH_ASSOC)){
            $ideas_log_id[] = $log['id'];
            $ideas_log[] = $log['lg'];
            $ideas_ev_d[] = $log['ev_d'];
            $ideas_old[] = $log['old'];
            $ideas_new[] = $log['new'];
        }
        
        if(isset($ideas_log_id)){
            for($f=0;$f<count($ideas_log_id);$f++)
                {
                    ?>
                    <a href="" onclick="facechange('#block<?php echo $i.$q.$f;?>'); return false">
                    <?php echo $ideas_log[$f].' ('.$ideas_ev_d[$f].')';?></a><br>
                    <div id="block<?php echo $i.$q.$f;?>">
                    <ul>
                    <li>Новое: <p><?php echo $ideas_new[$f];?></p></li>
                    <li>Старое: <p><?php echo $ideas_old[$f];?></p></li>
                    </ul>
                    </div>
                <?php
                    }
                }
            
        ?>
                <script>        
                function facechange (objName) {
                if ( $(objName).css('display') == 'none' ) {
                $(objName).animate({height: 'show'}, 400);
                } else {
                $(objName).animate({height: 'hide'}, 200);
                }
                };
                </script>                   
    </div>

на скринте код элемента с браузера.
Вопрос: Счётчик LiveInternet не отображается в SeaMonkey и Яндекс.Браузере

Счётчик LiveInternet не отображается в SeaMonkey и Яндекс.Браузере
В Opera, Chome, Firefox и K-Meleon отображается нормально.

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

Ничего не помогает:
- в проблемных браузерах весь кэш со всеми личными данными чистил
- браузер перезагружал.
- антивирус KIS выгружал
- в windows'овском файле hosts адресов liveInternet'а нет

Может, настройки какие. Только какие ?
Ответ: В Яндекс.Браузере причину нашёл - дополнение Stealth Mode (специально предназначено для блокировки счётчиков). При установке Яндекс.Браузера включается по умолчанию.

А вот в SeaMonkey причину не нашёл. Все дополнения и плагины отключал, браузер перезагружал - по-прежнему счётчик не отображает. В настройках поковырялся - ничего подходящего.

Вообще, странно, что в Гугле такой проблемы в отношении SeaMonkey не озвучено...

Модератор: Тема перенесена из форума "PHP, Perl, Python".
Вопрос: Моментальное изменение содержимого поля, после изменения другого поля

Всем привет. Есть страничка на JSF(Java), где находится несколько полей, в которых указывается время в миллисекундах. Нужно рядом с каждым из таких полей в онлайн режиме выводить время в секундах.
Например пользователь решил ввести 15 секунд, для этого ему надо ввести 15000. Для удобства рядом отображается введенное время в секундах.
Например пользователь вводит 1, рядом отображается 0,001, пользователь ввел 10, рядом отображается 0,01, и т.д.
Причем не должно быть запаздывания в 1 шаг.
Ниже код, который работает с опозданием в 1 шаг, т.е пользователь ввел например 156, а отображается 15.
Java(TM) 2 Platform Standard Edition 5.0
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
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
 
    <h:head>
 
        <script type="text/javascript">
            function displaymessage() {
 
                document.getElementById('formIdTwo:outputId').innerHTML = document.getElementById('formIdOne:inputId').value;
            }
        </script>
    </h:head>
    <body>
 
        <h:form id="formIdOne">
            <h:inputText id="inputId" value="" onkeypress="displaymessage()"/>          
 
        </h:form>
        <h:form id="formIdTwo">       
            <h:outputLabel id="outputId" value=""/>
 
        </h:form>
    </body>
</html>
код тестовый, без реальной обработки миллисекунд в секунды.
Ответ: Попробуйте использовать "input" (oninput). Событие input срабатывает тут же при изменении значения текстового элемента. Желательно при работе с формами использовать именно его, а не keydown/keypress.
Вопрос: О свойстве contenteditable: как сохранить изменения в исходном коде?

Данное свойство, будучи установленным как "true", дает возможность осуществлять редактирование контента в окне браузера. Однако, несмотря на это, если посмотреть исходный код страницы, там никаких изменений нет (вместе с тем, скажем, в Firebug или при просмотре свойств элемента - изменения присутствуют). Вопрос: как сделать так, что изменения произошли не только в окне браузера, но и в исходном коде? В частности, чтобы при обновлении страницы они сохранялись?
Понятно, что можно воспользоваться Ctrl + S (или Файл, сохранить как), т.е. сохранить файл на жесткий диск, но это - ручной, неудобный метод. А как сделать это программно, не используя Ctrl + S, не используя макросы браузера? Планирую для этих целей создать кнопку, но не знаю, как наделить ее функцией сохранения исходного кода.

Добавлено через 1 минуту
Возможно ли это сделать средствами РНР?
Ответ: Htext, в этом и смысл моего поста собственно говоря... Атрибут указанный Вами позволяет редактировать текст, но не позволяет его сохранять в файл изменения... Если файл лежит на сервере, значит Вам понадобится серверный язык, чтобы вносить модификации в файл... Поэтому, собственно, я Вам и привёл в пример php-скрипт, который способен вносить изменения в файл после редактирования текста..
Вопрос: Отображение сайта в разных браузерах

Добрый день всем,
Делаю свой первый сайт. Использовала для этого до определённого времени только Google Chrome браузер. Сегодня попробовала протестировать сайт через Firefox, Opera и Internet Exploer. Всё не так хорошо, как хотелось бы. Во всех этих браузерах сайт отображается некорректно. В Internet Exploer вообще всё поломано. Ошибок настолько много, что я даже не берусь их перечислять (позиционирование, шрифты, скрипт). Код работает корректно только в Google Chrome. Подскажите пожалуйста с чего начинать, как всё это можно исправить? Есть ли где в интернет какое-либо разработанное руководство по поводу, как адаптировать стили для разных браузеров? Спасибо

Добавлено через 9 часов 50 минут
Добрый день, в продолжении к предыдущему сообщению, хотя никто так и не ответил.
Исправила кое-что для Firefox и Opera. Код уже работает почти-что хорошо. Кроме шрифт (font-size) меньше, чем было задано. Но в Internet Exploer всё по-прежнему. Главная страница не отображается. Позиционирование разъехалось полностью. Буду искать дальше. Но надеюсь что кто-то ещё что-то подскажет. Спасибо.
Ответ: Доброе время суток, (в продолжении моей темы)
Осталась проблема главной страницы (файлы index.html, index.css) в браузере Internet Exploer. Все остальные страницы, включая главную, работают в перечисленных ранее браузерах (Firefox, Opera, Google Chrome), но всё же шрифты остаются меньше установленного размера. Загружаю несколько файлов, может кто посмотрит, буду благодарна за помощь. Показать только часть какого-либо кода, думаю, может быть недостаточно, и поскольку я не знаю причины, то и не понимаю в какой части кода нужно смотреть. Спасибо
Вопрос: Изменение значения переменной в режиме реального времени

Добрый день. Работаю с jQ переменными. Столкнулся с такой проблемой.
Есть див блок с отступами css (top). Это свойство изменяется с прокруткой колесико мыши. Вешаю значение свойства в переменную, провожу if сравнение, вывожу то что надо. Примерный код выглядит примерно так

Код:
var str_d = - WindowsHeight
	var str_h = parseInt($('#mCSB_1_container').css('top')) -10
if(str_d > str_h){
$('#strelka').removeClass().addClass('blue')	
}else{
$('#strelka').removeClass().addClass('white')
}
}
WindowsHeight - переменная высоты окна браузера (проблема не в ней). Проблема в переменной str_h, мне нужно постоянно проверять наличие отступов у элемента #mCSB_1_container, если оно больше значения переменной str_h, то выводить то, что мне надо (это все как надо прописано в if)

Пытался повесить все это на setInterval, работает, но я боюсь ставить период setInterval в единицу (вдруг браузер взорвется). В связи с этим у меня два вопроса: не взорвется ли браузер, если я поставлю период интервала в одну миллисекунду?(т.е. не сожрутся ли ресурсы браузера) и есть ли альтернативное решение, дабы постоянно проверять отступы? Или перезаписывать значение переменной, если отступ изменился
Ответ:
Сообщение от рони
бесполезно, браузер так не умеет и ему будет тяжело.
зачем интервал ... на прокрутку и вешайте ваши замеры и изменения
Нет, нельзя повешать на прокрутку колесико (я подключил сторонний плагин изменения дизайна скроллинга, который игнорирует функцию .scroll