AJAX Chat MOD

[xX_Simon_Xx]

allora ho apena installato la mod AJAX Chat MOD (http://startrekguide.com/community/view ... 127&t=8675)

e fin qui tutto ok
ma se si va a vedere la demo della chat su quel sito la chat appare così:
http://startrekguide.com/community/chat.php
mentra a me appere così:
http://www.playstationuser.altervista.org/chat.php

la differenza sta nel fatto che li la dimensione della parte in cui c'è il messaggio varia a seconda della dimensione del messaggio mentre a me rimane sempre di quella dimensione
ho provato a smucinare un po nel chat.css ma non sembra essere lui il responsabile sembra essere il chat_body.html ma li non so dove mettere mano
ecco il chat_body.html:

Codice: Seleziona tutto

<!-- IF S_GET_CHAT -->
   <!-- IF S_READ or S_ADD -->
      <!-- BEGIN chatrow -->
         <div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
            <div class="inner"><span class="corners-top"><span></span></span>
               <div class="postbody">
                  <!-- IF U_ACP or U_MCP -->
                  <ul class="profile-icons">
                     <li class="delete-icon"><a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onClick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a></li>

                  </ul>
                  <!-- ENDIF -->
                  <div class="content">{chatrow.MESSAGE}</div></div>
                     <dl class="postprofile" id="profile{postrow.POST_ID}">
                        <dt>{chatrow.USERNAME_FULL}<br />{chatrow.TIME}</dt>
                     </dl>
               <span class="corners-bottom"><span></span></span>

            </div>
         </div>
      <!-- END chatrow -->--!--{LAST_ID}
      <!-- IF S_WHOISONLINE -->--!--
         <!-- BEGIN whoisrow -->
            <div>
               <div class="inner">
                  <div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" alt="" /> {whoisrow.USERNAME_FULL}</div>
               </div>

            </div>
         <!-- END whoisrow -->--!--{LAST_TIME}--!--{DELAY}--!--{LAST_POST}
      <!-- ENDIF -->
   <!-- ENDIF -->
<!-- ELSE -->
   <!-- IF S_CHAT -->
      <!-- INCLUDE overall_chat.html -->
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<p>{CURRENT_TIME}</p>

   <!-- ENDIF -->
   <script type="text/javascript">
   // <![CDATA[
   var form_name = 'postform';
   var text_name = 'message';
   var fieldname = 'chat';
   var last_time = 0;
   var xmlHttp = http_object();
   var last_id = {LAST_ID};
   var type = 'receive';
   var post_time = {TIME};
   var read_interval = 15000;
   var interval = setInterval('handle_send("read", last_id);', read_interval);

   function handle_send(mode, f)
   {
      if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
      {
         indicator_switch('on');
         type = 'receive';
         param = 'mode=' + mode;
         param += '&last_id=' + last_id;
         param += '&last_time=' + last_time;
         param += '&last_post=' + post_time;
         param += '&read_interval=' + read_interval;

         if (mode == 'add' && document.postform.message.value != '')
         {
            type = 'send';
            for(var i = 0; i < f.elements.length; i++)
            {
               elem = f.elements[i];
               param += '&' + elem.name + '=' + encodeURIComponent(elem.value);
            }
            document.postform.message.value = '';
         }
         else if (mode == 'delete')
         {
            type = 'delete';
            param += '&chat_id=' + f;
         }
         xmlHttp.open("POST", '{FILENAME}', true);
         xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         xmlHttp.onreadystatechange = handle_return;
         xmlHttp.send(param);
      }
   }

   function handle_return()
   {
      if (xmlHttp.readyState == 4)
      {
         if (type != 'delete')
         {
            results = xmlHttp.responseText.split('--!--');
            if (results[1])
            {
               if (last_id == 0)
               {
                  document.getElementById(fieldname).innerHTML = results[0];
               }
               else
               {
                  document.getElementById(fieldname).innerHTML = results[0] + document.getElementById(fieldname).innerHTML;
               }
               last_id = results[1];
               if (results[2])
               {
                  document.getElementById('whois_online').innerHTML = results[2];
                  last_time = results[3];
                  if (results[4] != read_interval * 1000)
                  {
                     window.clearInterval(interval);
                     read_interval = results[4] * 1000;
                     interval = setInterval('handle_send("read", last_id);', read_interval);
                     document.getElementById('update_seconds').innerHTML = results[4];
                  }
                  post_time = results[5];
               }
            }
         }
         indicator_switch('off');
      }
   }

   function delete_post(chatid)
   {
      document.getElementById('p' + chatid).style.display = 'none';
      handle_send('delete', chatid);
   }

   function indicator_switch(mode)
   {
      if(document.getElementById("act_indicator"))
      {
         var img = document.getElementById("act_indicator");
         if(img.style.visibility == "hidden" && mode == 'on')
         {
            img.style.visibility = "visible";
         }
         else if (mode == 'off')
         {
            img.style.visibility = "hidden"
         }
      }
   }

   function http_object()
   {
      if (window.XMLHttpRequest)
      {
         return new XMLHttpRequest();
      }
      else if(window.ActiveXObject)
      {
         return new ActiveXObject("Microsoft.XMLHTTP");
      }
      else
      {
         document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object.  Consider upgrading your browser.';
      }
   }
   // ]]>
   </script>

      <div class="forabg">
         <div class="inner">
            <span class="corners-top"><span></span></span>
               <div class="header">
               <div style="text-align:center"><h4><!-- IF not S_CHAT --><a href="{U_CHAT}">{SITENAME} {L_CHAT_EXPLAIN}</a><!-- ELSE -->{SITENAME} {L_CHAT_EXPLAIN}<!-- ENDIF --></h4></div>
				<br /><br />
               <div style="text-align: center">

   <!-- IF S_USER_LOGGED_IN -->
               <form name="postform" id="text" method="post" action="javascript:void(0);" onSubmit="handle_send('add', this)">
                  <strong style="color: white;">{L_MESSAGE}:</strong> <input type="text" tabindex="1" name="message" id="message" class="inputbox chatinput" />
                  <input type="submit" class="button1" value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/><br />
               </form>
   <!-- ELSE -->
   <b style="color: white;">Devi essere registrato per poter accedere alla Chat</b>
   <!-- ENDIF -->

               </div>
               </div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <div align="left">
      <div class="inner">
         <span class="corners-top"><span></span></span>

         <div class="shouts">
            <div id="chat">
               <!-- BEGIN chatrow -->
                  <div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
                     <div class="inner"><span class="corners-top"><span></span></span>
                        <div class="postbody">
                           <!-- IF U_ACP or U_MCP -->
                              <ul class="profile-icons">
                                 <li class="delete-icon">

                                    <a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onClick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
                                 </li>
                              </ul>
                           <!-- ENDIF -->
                           <div class="content">{chatrow.MESSAGE}</div>
                        </div>
                        <dl class="postprofile" id="profile{postrow.POST_ID}">
                           <dt>{chatrow.USERNAME_FULL}<br /><b style="font-size: 0.9em;">{chatrow.TIME}</b></dt>

                        </dl>
                        <span class="corners-bottom"><span></span></span>
                     </div>
                  </div>
               <!-- END chatrow -->
            </div>
         </div>
         &nbsp; <strong>{L_ONLINE_LIST}:</strong><br /><br />

         <div class="onlinelist">
            <div class="users" id="whois_online">
               <!-- BEGIN whoisrow -->
                  <div>
                     <div class="inner">
                        <div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" alt="" /> {whoisrow.USERNAME_FULL}</div>
                     </div>
                  </div>

               <!-- END whoisrow -->
            </div>
         </div>
         <span class="corners-bottom"><span></span></span>
      </div>
   </div>
      <div class="navbar">
         <div class="inner">
            <span class="corners-top"><span></span></span>

            <div class="chatform" style="tex-align: center;padding-bottom: 4px"><img src="{T_THEME_PATH}/images/icon_chat.gif" alt="" />
               {L_DETAILS} <img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" alt="" /> <strong>{L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
            </div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>

   <!-- IF S_CHAT -->
      <!-- IF S_DISPLAY_ONLINE_LIST -->
         <h3><!-- IF U_VIEWONLINE --><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a><!-- ELSE -->{L_WHO_IS_ONLINE}<!-- ENDIF --></h3>
         <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}</p>
      <!-- ENDIF -->
      <!-- INCLUDE overall_footer.html -->

   <!-- ENDIF -->
<!-- ENDIF -->

<br />

[Carlo]

Beh, secondo me è normal così.
Perchè ho notato principalmente che su StarTrekGuide è diversa la visualizzazione del messaggio, e poi loro hanno creato una classe apposita nel CSS per non inserire questo parametro di altezza minima.

[xX_Simon_Xx]

e quale sarebbe questo parametro???
comunque nel chat.css non ce nessun parametro corrispondente al altezza minima di ogni messagggio

guarda:

Codice: Seleziona tutto

#act_indicator {
	visibility:hidden;
}

.shouts {
	width: 85%;
	height:500px;
	overflow:auto;
	float:left;
}

#chat {
	width: 100%;
	text-align:left;
}

.postprofile {
	min-height: 1px !important;
}

.chatform {
	width: 90%;
	text-align:center;
}

.onlinelist {
	width: 15%;
	overflow:auto;
	height:500px;
}

.users {
	width: 90%;
	text-align: left;
	text-indent: 5px;
	margin-left:auto;
	margin-right:auto;
}

.user {
	width: 95%;
	font-size: 1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

#act_indicator {
	visibility: hidden;
}

.chatinput {
	width: 80% !important;
}

.online_img {
	vertical-align:middle;
}

[Carlo]

No, io vedendo il template che tu hai incollato, ho notato che tu usi la classe postbody:

Codice: Seleziona tutto

               <div class="postbody">

mentre su StarTrekGuide si sono creati una classe apposita per impostare un'altezza automatica.

[xX_Simon_Xx]

potresti darmi una mano a farlo???

[Carlo]

Attendiamo Sir Xiradorn, perchè con i CSS non saprei aiutarti.

[xX_Simon_Xx]

ho analizzato la sorgente e mi pare che utilizzino questo

Codice: Seleziona tutto

<div class="chat">

ora provo a vedere se lo trovo nei loro css
http://startrekguide.com/community/styl ... esheet.css

[Sir Xiradorn]

No assolutamente no. Il problema sta qua:

Codice: Seleziona tutto

<dl class="postprofile" id="profile{postrow.POST_ID}">

che va modificato in

Codice: Seleziona tutto

<dl id="profile{postrow.POST_ID}">

[xX_Simon_Xx]

grazie ora funziona

vorrei aggiungere tipo un tasto dove quando clicchi appaiono le emoticon si può fare????

[Carlo]

Beh, c'è molto da lavorare con JavaScript, ecc... non è una cosa da poco.