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

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

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

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

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

Начал разбираться с информацией которая находится в 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(или аналог) для отправки сообщений и кнопка отправки.

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

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