» документация по jquery, как учить jquery

подскажите кто как учил jquery?

есть ли документация на русском?

вот это http://anton.shevchuk.name/javascript/jquery-for-beginners/ что это, статья или документация?
я так понимаю что учить нужно по документации, а не по статья, я там мало что понял...

и если я JavaScript мало знаю, то нужно с начало книгу 1200 страц почитать или можно сразу jquery?

====

на JavaScript я делал только то что мне нужно было (DOM, etc) но бывают сложности...
есть ли какие-то практически задачки чтоли?

rtyug
Нужна помощь по jQuery

Cheery


но там ничего нету

вот мне подсказали скрипт


Код:
<script>
window.addEvent('domready', function() {
    var items = $$(".videothumbnailinlists",".videothumbss");
    $each(items, function (item) {
        var src = item.getProperty("src");
        item.images = [];
        for(var i=0;i<6;i++)
        {
            item.images.push(src.replace(/_\d\./,"_"+i+"."));
        }
        item.imgid = 0;
        
        item.addEvent('mouseover', function () {
            item.interval = setInterval(function () {
                item.imgid++;
                if(item.imgid >= 6)
                {
                    item.imgid = 0;
                }
                
                item.setProperty("src",item.images[item.imgid]);
            },500);
        });
        
        item.addEvent("mouseout",function () {
            clearInterval(this.interval);
        });
    });
});

</script>

Цитата:

есть ли на русском полная документация по jquery?

google, неужели так трудно?

andead

я нашел вот http://anton.shevchuk.name/javascript/jquery-for-beginners/ и другие

НО мне понятно, как это переписать....


Код:
var items = $$(".videothumbnailinlists",".videothumbss");
$each(items, function (item) {
var src = item.getProperty("src");
item.images = [];
for(var i=0;i<6;i++)
{
item.images.push(src.replace(/_\d\./,"_"+i+"."));
}

$$ = $
$each = $.each
getProperty = attr

push, replace

andead

извините, все равно не понятно, так как научиться ?

а если я выполняю и оно не работает, как мне найти из-за чего и как посмотреть в чем ошибка?
(я не знаю как и за кем оно должно следовать...)

Цитата:

все равно не понятно

что именно?


Цитата:

так как научиться ?

больше программировать, и меньше задавать глупых вопросов, опыт из неоткуда не возьмётся


Цитата:

а если я выполняю и оно не работает, как мне найти из-за чего и как посмотреть в чем ошибка?

во всех браузерах есть консоль ошибок, плюс для firefox-а есть firebug

andead

подскажите, плиз как сделать функцию?

как сюда передать:
1) класс $('.times')
2) и время 1233394606 ?


Код: <script type='text/javascript'>
$(document).ready(function() {
var d=new Date();

var month=new Array(12);
month[0]="January";
month[1]="February";
month[2]="March";
month[3]="April";
month[4]="May";
month[5]="June";
month[6]="July";
month[7]="August";
month[8]="September";
month[9]="October";
month[10]="November";
month[11]="December";


d.setTime(1233394606*1000);
d.toUTCString();
$('.times').html( d.getFullYear()+' '+month[d.getMonth()]+' '+d.getDate()+' '+d.getHours()+':'+d.getMinutes()+':'+d.getSeconds() );

})
</script>

не понимаю вас, может это:

Код: <script>
function times(id)
{
var d=new Date();
d.setTime($('#' + id).html()*1000);
d.toUTCString();
$('#' + id).html(d.getFullYear() + ...);
}
</script>
<div id="t1">123456789</div>
<script>times('t1')</script>
<div id="t2">123456799</div>
<script>times('t2')</script>

andead


ссделал

я поставил


Код:
.......................


<script type="text/javascript" src="/latest/jquery.pack.js"></script>


<script>
function times(id)
{

$(document).ready(function() {

var d=new Date();


var month=new Array(12);
month[0]="January";
month[1]="February";
month[2]="March";
month[3]="April";
month[4]="May";
month[5]="June";
month[6]="July";
month[7]="August";
month[8]="September";
month[9]="October";
month[10]="November";
month[11]="December";



d.setTime($('#' + id).html()*1000);
d.toUTCString();
$('#' + id).html( d.getFullYear()+' '+month[d.getMonth()]+' '+d.getDate()+' '+d.getHours()+':'+d.getMinutes()+':'+d.getSeconds());

})

}
</script>


    
</head>
............

вы на каждое выполнение функции times вешаете новый обработчик на событие domloaded, не нужно этого делать

а как тогда сделать? (я уже сделал так)

я именно это и хотел спросить... тут как-то сложно надо?

а кто видел пример диалоговое окно + ajax + json?

как отправить ajax json я знаю, но как отправить эти с диалогового окна? не могу наггулить.. не вижу примеров....

хотел сделать диалоговые окна на JS, я нашел вот интересный примеры, выбрал этот http://radmus.net/demo/dialogs-with-jquery/

нашел делаю....

подскажите, хотел спросить

если я пишу так длинный участок html, то ничего не работает


Код:
$('#id_table').html( " ыва
ыва
ыв а
ыва ");

Код: $('#id_table').html( " ыва \
ыва \
ыв а \
ыва ");

спасибо вроде работает...

Добавлено:
а подскажите оно ругается на двойные кавычки

colspan="3" align="left"

а так работает:
colspan='3' align='left'



как можно заставить писать с двойными в HTMl?

подскжаите пожалуйста, вопрос по строкам


как записать такое внутри текста

.html("bla-bla " + msg.user ? "bla-bla" : "bla2" + " ");

как записать такой синтаксиз когда формулировать строку HTML с if else?

html("bla-bla " + (msg.user ? "bla-bla" : "bla2") + " ");

Cheery


почему не работает такая строка?


Код: $('#id_table').html( " d " + ( msg.for[i].user_exists_off ? " jjj " : " iiii " ) + " df ");        

rtyug

Цитата:

почему не работает такая строка?

что значит "не работает"? какое сообщение об ошибке выдается?

ни какое, js просто не работает на странцие вообще, фиребаг я не поставил еще... не ставиться он

но второй вариант работает, все хорошо $('#id_table').html( " d " + msg.for[i].user_exists_off + " ");


значит ошибка в первом?

Добавлено:
заработало так

$('#id_table').html( " d " + msg.for[i].user_exists_off ? " jjj " : " iiii " + " df ");

===============
===============
===============
===============
===============
===============

подскажите, почему этот участок кода не работает



Код:
$('#id_table').html( $("#id_table").html() + " \
<tr id='tr-"+ msg.for[i].id_cm +"'> \
<td colspan='3' align='left'> &#160;&#160;&#160; \
\
" + msg.for[i].user_exists_off ? " \
<b> <a href='/profile/view_profile/"+ msg.for[i].id_un +"'> "+ msg.for[i].username +"</a> </b> \
" : " \
<b> "+ msg.for[i].name_guest +" </b> \
:: &#160;:: &#160;:: &#160;:: <a name='comment-"+ msg.for[i].id_cm +"'> <b><span id='t"+ msg.for[i].id_cm +"'>"+ msg.for[i].id_created +"</span></b> </a> :: <a href='#comment-"+ msg.for[i].id_cm +"'> ссылка </a> :: :: :: \
\
\
\
");        

rtyug

Цитата:

фиребаг я не поставил еще... не ставиться он

руки у вас не оттуда растут. все отлично ставится

Цитата:

но второй вариант работает, все хорошо

опять же, что значит работает или нет?? даже если у вас нет FB, то консоль ошибок в FF всегда выдает сообщения


Цитата:

заработало так

вы же сказали, что не работало так в пред сообщении


Цитата:

подскажите, почему этот участок кода не работае

еще раз - смотреть консоль ошибок


Цитата:

кстате, такой код почему-то не работает

потому что после \ не должно быть ни одного пробела, а сразу перенос строки, если что.

Cheery

извните я поспешил, сделал, тут:
http://www.x0.org.ua/photo/view/34/170

все выше сказаное понял...

но есть вопрос:
после вставки в таблицу с помощью jquery , таблица съехалась в низ....

выделенным показывается текущаю страница, когда я перешел на следующую страницу, то я формирую часть страницы с помощью json ajax и получается новая страница... все работает хорошо

НО есть проблема что почему-то таблица съежается не много в низ...

я пробовал искать не закрытые тэги, не много корректировать таблцы, но оно не реагирует, все время съежается после того как вставить в таблицу с jquery...


вот можете нажать на страницу тут http://www.x0.org.ua/photo/view/34/170 ( на первую или вторую страницу)
видите и оно съехалось в низ?


вот таблица:

[more]
<tr>
<td>
<TABLE id="id_table">



<TMPL_LOOP NAME="comment">




<tr id="tr-<TMPL_VAR NAME="id_cm">">
<td colspan="3" align="left">



***




<TMPL_IF "user_exists_off">

<b> <a href="/profile/view_profile/<TMPL_VAR NAME="id_un">"><TMPL_VAR NAME="username"></a> </b>
<TMPL_ELSE>

<b> <TMPL_VAR NAME="name_guest"> </b>
</TMPL_IF>


:: *:: *:: *:: <a name="comment-<TMPL_VAR NAME="id_cm">"> <b><span id="t<TMPL_VAR NAME="id_cm">"><TMPL_VAR NAME="created"></span></b> </a> :: <a href="#comment-<TMPL_VAR NAME="id_cm">"> ссылка </a> :: :: ::
<script>times('t<TMPL_VAR NAME="id_cm">');</script>
<TMPL_IF "edit_cm">
***
<a class="delete_comment" href="#idd=<TMPL_VAR NAME="id_cm">">Удалить</a>
***
<a class="create-user" height="20" align="left" <TMPL_IF "created_old">title="Время за которое вы должны отредактировать или удалить это сообщение"</TMPL_IF> href="#idd=<TMPL_VAR NAME="id_cm">" > Редактирвоать <TMPL_IF "created_old">(осталось: <TMPL_VAR NAME="created_old"> мин.)</TMPL_IF> </a>
</TMPL_IF>




***


<div style="top:5px; text-align:right;">

<a title="Нажмите, для того чтобы процитировать этот текст, данный текст вставиться на поле (textarea) в редакторе в самом низу страницы... (если не получается вставить - попробуйте ссылку справа)" href="#idd=<TMPL_VAR NAME="id_cm">" class="add_comment">ЦИТИРОВАТЬ </a>

</div>



</td>
</tr>




<tr id="tr2-<TMPL_VAR NAME="id_cm">">
<td class="bbcode_text" colspan="3" aling="left"><br><br><span id="edit_comment-<TMPL_VAR NAME="id_cm">"><TMPL_VAR NAME="text_cm"></span><br> <br> </td>
</tr>



</TMPL_LOOP>



</table>
</td> </tr>

[/more]


вот после нажатия


[more]
$('.clean').live("click", function(){


var id_pa = this.hash.replace(/.*(?:pa=)(\d+).*/,'$1');

var id_pf = this.hash.replace(/.*(?:pf=)(\d+).*/,'$1');

var id_page = this.hash.replace(/.*(?:page=)(\d+).*/,'$1');



$.getJSON("/comments_photo/ajax_page/"+id_pa+"/"+id_pf+"/"+id_page, function(msg) {


$(".id_page").html( msg.page );

for (var i = 0, len = msg.for.length; i < len; i++) {

if (i == 0) {
$("#id_table").html(" ");
}

// $("#id_table").html( $("#id_table").html() + " 11 ");

// $('#id_table').html( " <tr id='tr-'> <td colspan='3' align='left'> " + id_cm + " " + id_cm2 + " " + id_cm3 + " </td> </tr> ");


// $('#id_table').html( $("#id_table").html() + " <tr id='tr-"+ msg.id_cm +"'> <td colspan='3' align='left'> *** <span class='list_foot'> *** <b> Добавленный комментарий! </b> <br> <br> *** </span> <b> " + msg.username + " </b> </a> :: *:: *:: *:: <a name='comment-" + msg.id_cm + "'> <b><span id='t" + msg.id_cm + "'>" + msg.created + "</span></b> </a> :: <a href='#comment-" + msg.id_cm + "'> ссылка </a> :: <b> </b> </a> :: <b> </b> </a> :: *** <a class='delete_comment' href='#idd="+ msg.id_cm +"' > Удалить </a> *** <a class='create-user' height='20' align='left' href='#idd=" + msg.id_cm + "'>Редактировать (осталось: "+ msg.created_old +" мин.) </a> ***<span style='text-align:right;'><a class='add_comment' title='Нажмите, для того чтобы процитировать этот текст, данный текст вставиться на поле (textarea) в редакторе в самом низу страницы... (если не получается вставить - попробуйте ссылку справа)' href='#idd=" + msg.id_cm + "' >ЦИТИРОВАТЬ </a></span> </td> </tr> <tr id='tr2-"+ msg.id_cm +"'> <td class='bbcode_text' colspan='3' aling='left'><br><br> <span id='edit_comment-" + msg.id_cm + "'> " + msg.text_cm + "</span><br> <br> </td> </tr> ");

// }




if (msg.for[i].created_old > 0) {
var cr = "title='Время за которое вы должны отредактировать или удалить это сообщение'";
} else {
var cr = "";
}

if (msg.for[i].created_old > 0) {
var cr_old = " (осталось: "+msg.for[i].created_old+" мин.)";
} else {
var cr_old = "";
}


if (msg.for[i].edit_cm > 0) {

var edit_cm = " *** " +
" <a class='delete_comment' href='#idd="+ msg.for[i].id_cm +"'>Удалить</a> *** <a class='create-user' height='20' align='left' " +

cr

+ " href='#idd="+ msg.for[i].id_cm +"' > Редактирвоать " +

cr_old +" </a> ";

} else {
var edit_cm = "";
}



if (msg.for[i].user_exists_off > 0) {

var user = "<b><a href='/profile/view_profile/"+ msg.for[i].id_un +"'> "+ msg.for[i].username +"</a> </b> ";

} else {
var user = " <b> "+ msg.for[i].name_guest +" </b>";
}



$("#id_table").html( $("#id_table").html() + " <tr id='tr-"+ msg.for[i].id_cm +"'> <td colspan='3' align='left'> *** " +

user

+ " :: *:: *:: *:: <a name='comment-"+ msg.for[i].id_cm +"'> <b><span id='t"+ msg.for[i].id_cm +"'>"

+ msg.for[i].created +"</span></b> </a> :: <a href='#comment-"+ msg.for[i].id_cm +"'> ссылка </a> :: :: :: " + edit_cm




+ "***" +


" <div style='top:5px; text-align:right;'> " +

" <a title='Нажмите, для того чтобы процитировать этот текст, данный текст вставиться на поле (textarea) в редакторе в самом низу страницы... (если не получается вставить - попробуйте ссылку справа)' href='#idd="+ msg.for[i].id_cm +"' class='add_comment'>ЦИТИРОВАТЬ </a> " +

"</div> " +



" </td> </tr> " +




" <tr id='tr2-"+ msg.for[i].id_cm +"'> " +
" <td class='bbcode_text' colspan='3' aling='left'><br><br><span id='edit_comment-"+ msg.for[i].id_cm +"'>"+ msg.for[i].text_cm +"</span><br> <br> </td> " +
" </tr> " );




times("t" + msg.for[i].id_cm );


}

myFunc('id_table');

});


return false;

})

[/more]

товарищи, подскажите как оформить эту табличку?

почему она съежается?

вот можете нажать на страницу тут http://www.x0.org.ua/photo/view/34/170 ( на первую или вторую страницу)
видите и оно съехалось в низ?

rtyug

Цитата:

видите и оно съехалось в низ?

кто "оно"? у вас в нижней части таблицы получается много пустых строк.

Cheery


вот тут http://www.x0.org.ua/photo/view/34/170


Код:
Комментарии (всего: 24)
| 1 | | 2 | | 3 |

dfgdfgdfg :: :: :: :: 2010 February 10, 02:28:59 :: ссылка :: :: ::
ЦИТИРОВАТЬ

rtyug

Цитата:

у вас съезалось тоже?

скриншот, с указанием того что и где было и куда съехало

Cheery


так было до нажатия




после нажатия на следуюущую страницу оно съезалось...




как это сделать?

как-то по другому нужно составить таблицу, как?