Вёрста для чата(адаптированная под IE6) реализуемого через вставку в Web-приложения в программу(например на C++)

Гобелен - кликните для возврата на главную

Не прошло и месяца а Фурмановская ЦРБ в очередной раз попала в историю. На этот раз сотрудница клеветала на пациентов, а именно огласку получил случай когда сотрудница назвала пациента алкашём.

Так почему бы не начать использовать обход блокировки YouTube при том что техническая возможность используя расширение nikolaevevge для браузера Mozilla Firefox уже появилась, а объем полезной(и не очень) информации на видеохостинге YouTube, по мнению некоторых диванных экспертов, меньше не стал.

Ровно 3 года назад произошло событие, которое подарило жителям планеты Змеля новый чистый праздник 6 апреля - в этот замечательный день земля забрала гнить негодяя и СПАМера Владимира Вольфовича Жириновского.

Как бы не обстояли дела в области культуры и IT-технологий, Самосвал писал статьи на связанные темы и планирует ещё написать.

На очередном конкурсе танцев, школьница отлично выступила.

Что использовать вместо Юбуст

Вот та самая информация: программа для продвижения канала YouTube, эта информация выложена уже несколько лет, при этом просмотров не много, а метод который описан в данном видео действительно помогает продвигать видео в YouTube.

Начал разбираться с информацией которая находится в HTTPS клиентском запросе рукопожатия.

Обратите внимание! Объект изображённый на гобилене может отличаться от общепринятого вида описанного объекта. Тут дело в том что художник видит именно так!

104 549 руб.

Описание товара

Знаю что в таких IDE как Borland C++ имеется возможность разместить на форме объект браузера. Этот барузер в зависимости от Windows будет использовать IE6 или IE7. Решил рассмотреть вариант вставки HTML кода в такой чат для реализации интерфейса, прочие действия по коммуникации планируется обрабатывать на уровне C++. Ниже представлен код вёрстки.

HTML

    
<!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">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=6">
    <title>Чат для IE6</title>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
            background: #e6f2ff;
            font-family: Arial, sans-serif;
            height: 100%;
            overflow: hidden;
        }
        #chat-container {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 80px;
            overflow-y: scroll;
            padding: 10px;
            scrollbar-face-color: #c0c0c0;
            scrollbar-shadow-color: #808080;
        }
        .message {
            margin: 5px 0;
            padding: 5px 10px;
        }
        .user1 {
            background: #ffcccc;
        }
        .user2 {
            background: #cce6ff;
        }
        #input-area {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 80px;
            background: #d9e6f2;
            border-top: 1px solid #a0a0a0;
        }
        #input-col {
            position: absolute;
            left: 0;
            top: 0;
            right: 150px;
            height: 100%;
            padding: 10px;
            box-sizing: border-box;
        }
        #button-col {
            position: absolute;
            right: 0;
            top: 0;
            width: 150px;
            height: 100%;
            padding: 10px;
            box-sizing: border-box;
        }
        #message-input {
            width: 100%;
            height: 100%;
        }
        #send-button {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div id="chat-container">
        <div class="message user1">Привет! Как дела?</div>
        <div class="message user2">Всё отлично! А у тебя?</div>
        <div class="message user1">Тоже неплохо. Что нового?</div>
    </div>
      
    <div id="input-area">
        <div id="input-col">
            <textarea id="message-input" rows="3"></textarea>
        </div>
        <div id="button-col">
            <button id="send-button" onclick="sendMessage()">Отправить</button>
        </div>
    </div>
      
    <script type="text/javascript">
        function sendMessage() {
            var input = document.getElementById("message-input");
            var message = input.value.trim();
            if (message === "") return;
      
            var chat = document.getElementById("chat-container");
            var newMessage = document.createElement("div");
            newMessage.className = "message user1";
            newMessage.innerHTML = message;
            chat.appendChild(newMessage);
      
            input.value = "";
            chat.scrollTop = chat.scrollHeight;
        }
    </script>
</body>
</html>

Исходные данные для реализации

Напишите пожалуйста простую вёрстку чата для IE6. Параметры: фон синеватый, чат полноэкранный, в чате только текст без картинок и ссылки, 2 пользователя(один подсвечивается красным другой синим, в обоих случаях допустимы оттенки), внизу широкое поле textarea(или аналог) для отправки сообщений и кнопка отправки.

Другие товары

Вы так же можете прочитать следующие статьи: