Ogólna pomoc dotycząca stylów - Położenie shoutboxa
Xixe - 11-02-2014, 10:20
Temat postu: Położenie shoutboxa
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++;
}
} |
Tommekk80 - 11-02-2014, 10:36
Xixe, zobacz tutaj - http://www.przemo.org/php...ic.php?t=150134
Xixe - 11-02-2014, 11:13
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++;
}
} |
|
|
|
