За последние 24 часа нас посетили 15890 программистов и 1545 роботов. Сейчас ищет 821 программист ...

php,css,js!Помогите!

Тема в разделе "PHP для новичков", создана пользователем Panich, 26 июл 2011.

  1. Panich

    Panich Активный пользователь

    С нами с:
    10 май 2011
    Сообщения:
    548
    Симпатии:
    0
    Адрес:
    Ростов-Москва
    Вообщем всё получилось,во всём разобрался(касательно этого вопроса) за что огромное спасибо товарищу АЛЕКСАНДРУ!!!
    Но вот ещё вопросы возникли:
    Вот хтмл:
    HTML:
    1. <td class="td_heder" rowspan="2">
    2.  
    3.                 <!-- вложимый чат -->
    4.  
    5.           <table class="rama_chat">
    6.  
    7.           <tr>
    8.  
    9.             <td colspan="3" class="rama_chat">
    10.  
    11.         <span id="chatbox"></span>
    12.  
    13.         </td>
    14.  
    15.                        </tr>
    16.  
    17.                        <tr>
    18.  
    19.               <div class="form_send">
    20.  
    21.              <form class="" id="" action="..znakomstva/php/chat.php" method="POST" name="limitForm" onClick="chek()">
    22.  
    23.                       <td>
    24.  
    25.         <input type="submit" id="btn_send"  name="" value="">
    26.  
    27.         </td>
    28.  
    29.                      <td>
    30.  
    31.         <span id="chislo"></span>
    32.  
    33.         </td>
    34.  
    35.                      <td>
    36.  
    37.         <textarea class="input" name="massage" id="comment"></textarea>
    38.  
    39.         </td>
    40.  
    41.         </form>
    42.  
    43.         </div>
    44.  
    45.                      </tr>
    46.  
    47.                   </table>
    48.  
    Соответственно подкорректированный мною яваскрипт:
    [js]var id = 0

    var chatbox

    function get() {

    $.ajax({

    type:'GET',

    url:'ajaxchat.php',

    data:{last_id:id},

    success:function(data){

    var obj = jQuery.parseJSON(data)

    var text = ''

    for (var i = 0; i < obj.length; i++) {

    text += '<table class="table_massage">'

    text += '<tr>'

    text += '<td>'

    text += '<div>ава: ' + obj.fupload + '</div>'

    text += '<span>' + obj.name + '</span>'

    text += '<em>' + obj.massage + '</em>'

    text += '<td>'

    text += '<tr>'

    text += '<table>'

    id = id < obj.idchat ? obj.idchat : id

    }

    $(chatbox).html($(chatbox).html()+text)

    }

    })

    }[/js]

    И,естественно,css:
    /[css]* СВОЙСТВА ХЕДЕРА */

    /* свойства боковых панелей хедера */

    .td_heder{

    width:215px;

    height:145px;

    font-weight:bold;/* текст внутри поля ввода жирный */

    }

    /* свойства чата */

    /* рамка вокруг всего чата */

    .rama_chat{

    width:215px;

    height:145px;

    padding: 0px 0px 0px 0px;

    margin: 29px 0px 0px;

    border: 1px solid #F3F3F3;

    border-radius: 10px;

    -moz-border-radius: 18px; /* закругляет углы */

    background: transparent;

    text-decoration: none;

    background:rgba(2,300,4,0.1);/* градация цвета заднего фона,можно изменять цветовую политику */

    overflow: scroll;

    }

    #chatbox{

    width:215px;

    height:100px;

    overflow: scroll;

    border: 1px solid #F3F3F3;

    }

    /* кнопка для отправки сообщения чата */

    #btn_send{

    width:20px;

    height:13px;

    margin: 0 0 0 0;

    background-image: url("/znakomstva/img_index/send.gif");

    }

    #btn_send:hover,

    #btn_send:focus{

    width:20px;

    height:17px;

    background-image: url("/znakomstva/img_index/send1.gif");

    }

    /* форма для ввода текста чата */

    #comment{

    width:155px;

    height:12px;

    padding:0 0 2px 0;/* отступы текста внутри поля ввода от краёв */

    -moz-border-radius: 10px;

    background: transparent;

    font-weight:bold;/* текст внутри поля ввода жирный */

    border: 1px solid #F3F3F3;

    color:#600659;

    font-size:12px!important;

    resize:none!important;

    }

    /* число кол-ва введённых символов */

    #chislo{

    padding:0px 0 0px 0;/* отступы текста внутри поля ввода от краёв */

    margin: 0px 0px 0px;

    font-size:12px;

    font-weight:bold;/* текст внутри поля ввода жирный */

    color:#900733;

    }

    /* выводимое в чате фото пользователя */

    span#chatbox table div{

    align:left;

    border: none;

    }

    /* выводимое в чате имя пользователя */

    span#chatbox table span{

    font-size:20px;

    color:red;

    }

    /* выводимое в чате сообщение пользователя */

    span#chatbox table em{

    font-size:12px;

    color:black;

    }

    /* таблицы в которых выводятся сообщения пользователя */

    .table_massage{

    border: 1px solid #FF0000;

    width:50px;

    height:30px;

    border: none;

    padding: 0 0 0 0;

    margin: 0 0 0 0;

    background: transparent;

    font-style:eek:blique;/* текст внутри поля ввода прописью */

    }
    [/css]


    /* конец свойств чата */
    Выводится всё это в большом окне,хотя я задаю размеры и отступы.Переменные все выводятся на разных строках:ава,имя и текст-хотя по css должно быть подряд!Не появляется полоса прокрутки.Прошу помощи у кого есть время и кому не лень копаться в моих каракулях!
     
  2. Sub-zero

    Sub-zero Активный пользователь

    С нами с:
    21 май 2009
    Сообщения:
    48
    Симпатии:
    0
    я в подробности особо не вдавался но кажется так не работает


    должно быть вроде както так
    [js]
    var newElem=document.createElement("table");
    var newRow=newElem.insertRow(0);
    var newCell1 = newRow.insertCell(0);
    newCell1.innerHTML="ава...";
    var newCell2 = newRow.insertCell(-1);
    newCell2.innerHTML="mesegge...";
    document.getElementById('chatbox').appendChild(newRow);
    [/js]