phpBB2 by Przemo

[Xixe]

Witam oto część kodu shoutboxa by lui mam takie małe pytanie czy jest możliwość umieszczenia elementów shoutboxa w równych od siebie odległościach ? czyli Np.

<fotka> <i> <Nick>.......................<:>.........<TEKST>
<fotka> <i> <Nick użytkownika>......<:>.........<TEKST>
<fotka> <i> <User name>..............<:>.........<TEKST>

Chciałbym tu zastosować coś w tym stylu podzielenia tabeli na % np.nazwa uzytkownika zaczynała by się od 40% tabeli.

A oto kod który odpowiada za położenie elementów shoutboxa.

Kod:

function handleReceivingMessages(data, textStatus, XMLHttpRequest) {     if ( data )     {         var mydiv = $('#SB_inner');         var htmlMessage = '';         for( x = 0; x < data.d.length; x++ )         {             if($("#sb_msg_" + data.d[x].i).length != 1)             {                 var color = ( data.d[x].c ) ? 'style="' + data.d[x].c + '"' : '';                 var row = ( data.d[x].i % 2 ) ? 'sb1' : 'sb2';                 htmlMessage += '<table id="sb_msg_' + data.d[x].i + '" class="' + row + ' table0" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td>' + data.d[x].a + '</td><td width="100%"><div id="sb_msg_' + data.d[x].i + '" class="' + row + ' table0">';                 if ( data.d[x].x == 1 ) {                 htmlMessage += '<a onclick="removeShout(' + data.d[x].i + ')" class="gensmall" style="cursor: pointer; font-weight: bold;">x</a> ';}                 if (data.d[x].e == 1) {                 htmlMessage += '<a onclick="editShout(' + data.d[x].i + ')" class="gensmall" style="cursor: pointer; font-weight: bold;">e</a> ';}                 if ( data.d[x].p == 1 ) {                 htmlMessage += '<a href="' + data.d[x].u + '" class="gensmall" style="cursor: pointer; font-weight: bold;">i</a> ';}                               htmlMessage += '<div style="text-align: right; float: right;">' + data.d[x].t + '</div>';                 if ( data.d[x].l == 1 && data.d[x].p == 0) {                 htmlMessage += ' <a href="' + data.d[x].u + '" class="gensmall" ' + color + '>' + data.d[x].n + '</a>: ';}                 else {                 htmlMessage += ' <a onclick="wstawianieSB(\'' + data.d[x].n + '\',0)" class="gensmall" style="cursor: pointer;' + data.d[x].c + '">' + data.d[x].n + '</a>: ';}                 htmlMessage += '<span id="edit_' + data.d[x].i + '">' + data.d[x].m + '</span></div></td></tr></table>';                 g_disaBled123 = data.d[x].h;                 if ( data.d[x].n == 'Info' )                 {                     setTimeout('delInfo('+ data.d[x].i +');', data.d[x].w);                     wstawianieSB(data.d[x].z,3);                     $('#wyslij').attr('disabled', 'disabled');                     $('#messageBox').attr('disabled', 'disabled');                 }                 else                 {                     g_lastMessageID = data.d[x].i;                 }             }         }         mydiv.html(mydiv.html() + htmlMessage);         setTimeout('skroll();', 200);         g_reqCount = 0;     }     else     {         g_reqCount++;     } }

[Gadatliwa Kasia]

[Tommekk80]

Xixe, zobacz tutaj - http://www.przemo.org/php...ic.php?t=150134

[Xixe]

Wykorzystałem funkcje

<div style="padding-left:200px"></div>

Z twojego shoutboxa i sprawa prawie się rozwiązała ,lecz nie potrafię przenieść ":" w prawą stronę co wszystko komplikuje help me :p.

[ Dodano: 11-02-2014, 11:52 ]
Udało mi się uzyskać taki efekt i mam jeszcze dwa pytania.



1. Jak zmienić pozycje ":" [chce go przenieść bardziej na prawo za nazwę użytkownika]
2. Jak wyrównać położenie tych wszystkich elementów jak widać na zdjęciu wszystko jest w nowej linii nazwa ,wiadomość ,"i" itp.


ps: oto część kody :

Kod:

function handleReceivingMessages(data, textStatus, XMLHttpRequest) {     if ( data )     {         var mydiv = $('#SB_inner');         var htmlMessage = '';         for( x = 0; x < data.d.length; x++ )         {             if($("#sb_msg_" + data.d[x].i).length != 1)             {                 var color = ( data.d[x].c ) ? 'style="' + data.d[x].c + '"' : '';                 var row = ( data.d[x].i % 2 ) ? 'sb1' : 'sb2';                 htmlMessage += '<table id="sb_msg_' + data.d[x].i + '" class="' + row + ' table0" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td>' + data.d[x].a + '</td><td width="100%"><div id="sb_msg_' + data.d[x].i + '" class="' + row + ' table0">';                 if ( data.d[x].x == 1 ) {                 htmlMessage += '<a onclick="removeShout(' + data.d[x].i + ')" class="gensmall" style="cursor: pointer; font-weight: bold;">x</a> ';}                 if (data.d[x].e == 1) {                 htmlMessage += '<a onclick="editShout(' + data.d[x].i + ')" class="gensmall" style="cursor: pointer; font-weight: bold;">e</a> ';}                 if ( data.d[x].p == 1 ) {                 htmlMessage += '<div style="padding-left:100px"><a href="' + data.d[x].u + '" class="gensmall" style="cursor: pointer; font-weight: bold;">i</a></div> ';}                               htmlMessage += '<div style="text-align: right; float: right;">' + data.d[x].t + '</div>';                 if ( data.d[x].l == 1 && data.d[x].p == 0) {                 htmlMessage += '<a href="' + data.d[x].u + '" class="gensmall" ' + color + '>' + data.d[x].n + '</a></div>';}                 else {                 htmlMessage += ' <div style="padding-left:200px"><a onclick="wstawianieSB(\'' + data.d[x].n + '\',0)" class="gensmall" style="cursor: pointer;' + data.d[x].c + '">' + data.d[x].n + '</a></div>: ';}                 htmlMessage += '<span id="edit_' + data.d[x].i + '"><div style="padding-left:400px">' + data.d[x].m + '</div></span></dv></td></tr></table>';                 g_disaBled123 = data.d[x].h;                 if ( data.d[x].n == 'Info' )                 {                     setTimeout('delInfo('+ data.d[x].i +');', data.d[x].w);                     wstawianieSB(data.d[x].z,3);                     $('#wyslij').attr('disabled', 'disabled');                     $('#messageBox').attr('disabled', 'disabled');                 }                 else                 {                     g_lastMessageID = data.d[x].i;                 }             }         }         mydiv.html(mydiv.html() + htmlMessage);         setTimeout('skroll();', 200);         g_reqCount = 0;     }     else     {         g_reqCount++;     } }