رفتن به مطلب

پست های پیشنهاد شده

سلام

نمیدونستم عنوان تاپیک رو چی بذارم ، امیداورم درست باشه.

این کد html رو داریم :


<ul>
<li>#1</li>
<li>#2</li>
<li>#3</li>
<li>#4</li>
<li>#5</li>
<li>#6</li>
<li>#7</li>
<li>#8</li>
<li>#9</li>
<li>#10</li>
</ul>

حالا من میخوام که li ها رو از آخر select کنم.

مثلا 5 تای آخر :


<li>#6</li>
<li>#7</li>
<li>#8</li>
<li>#9</li>
<li>#10</li>

این که چند تا باید انتخاب بشه رو کاربر داخل text-box وارد میکنه.

چیکار باید بکنم ؟

ممنون

لینک به ارسال

جی‌کوئری سلکتور خاصی به نام :gt() برای این کار داره که بر اساس عددی که بهش میدید، المنت هایی که index اونا از اون عدد بیشتر باشه رو انتخاب میکنه.


<ul>
<li>#1</li>
<li>#2</li>
<li>#3</li>
<li>#4</li>
<li>#5</li>
<li>#6</li>
<li>#7</li>
<li>#8</li>
<li>#9</li>
<li>#10</li>
</ul>

<script>
var a = $( 'li:gt(5)' );
// elements those their index are bigger than 5

var b = $( 'li:gt(-3)' );
// selects 2 last elements
</script>

لینک به ارسال

جی‌کوئری سلکتور خاصی به نام :gt() برای این کار داره که بر اساس عددی که بهش میدید، المنت هایی که index اونا از اون عدد بیشتر باشه رو انتخاب میکنه.

خیلی خیلی ممنون. :wub:

حالا اگه بخوام با افکت حذف بشه چیکار کنم ؟

لینک به ارسال

حذف شه؟

خب خیلی راحت


// previous codes
a.hide( 1000 );
// or
b.hide( 1000 );

اطلاعات بیشتر:


http://www.w3schools.com/jquery/jquery_hide_show.asp

لینک به ارسال

حذف شه؟

بله

اینجوری نه ، میخوام کدهای html انتخاب شده به کل از صفحه delete بشن.

مثل این حذف بشه :


http://demos.9lessons.info/deleterecord.html

لینک به ارسال

خب این سایتی هم که شما فرمودید، دقیقاً از همین روش استفاده میکنه.

لینک به ارسال

خب این سایتی هم که شما فرمودید، دقیقاً از همین روش استفاده میکنه.

از صفحه inspect element بگیرید.

وقتی روی حذف کلیک میشه ، div مورد نظر استایل display:none بهش اضافه میشه.

من میخوام حذف بشه ، به جای این که مخفی بشه.

انگار که همچین چیزی نبوده از اول.

لینک به ارسال


// previous codes
a.remove(); // remove elements
b.remove(); // remove elements

اگه میخواید افکت هم داشته باشه:


a.hide( 1000, function() { a.remove(); } );

لینک به ارسال

ببخشید.

حالا اگه بخوام به اول تگ ul ، تگ های جدید li با افکت اضافه کنم ، باید چیکار کنم ؟

مثلا اینو داریم :


<ul>
<li>#1</li>
<li>#2</li>
<li>#3</li>
<li>#4</li>
<li>#5</li>
</ul>

2 تا حذف میکنیم.


<ul>
<li>#1</li>
<li>#2</li>
<li>#3</li>
</ul>

حالا میخوام 2 تا اضاف بشه ، به این صورت :


<ul>
<li>#6</li>
<li>#7</li>
<li>#1</li>
<li>#2</li>
<li>#3</li>
</ul>

همون طور که قبلا گفتم ، تعداد رو کاربر انتخاب میکنه.

ویرایش شده توسط Ghasem Paran
لینک به ارسال

خب میتونید اونا رو با دستور .html به ul اضافه کنید و بلافاصله مخفی کنید و با افکت نمایششون بدید.

لینک به ارسال

اگه میخواید افکت هم داشته باشه:


a.hide( 1000, function() { a.remove(); } );

همین کد شما رو اجرا کردم ، تاثییری نداشت ، سریع حذف میشه

لینک به ارسال


for( var x=4; x<10; ++x) {
$("<li>"+x+"</li>").appandTo("ul");
}

برای یکی


$("<li>متن</li>").appendTo("ul");

همین کد شما رو اجرا کردم ، تاثییری نداشت ، سریع حذف میشه


$(document).ready(function() {
$( "a").click(function( ) {
$( this ).fadeOut(500);
});
$( "a" ).promise().done(function() {
$(this).remove();
});
});

لینک به ارسال


for( var x=4; x<10; ++x) {
$("<li>"+x+"</li>").appandTo("ul");
}

برای یکی


$("<li>متن</li>").appendTo("ul");


$(document).ready(function() {
$( "a").click(function( ) {
$( this ).fadeOut(500);
});
$( "a" ).promise().done(function() {
$(this).remove();
});
});

ممنون :wub:

لینک به ارسال


for( var x=4; x<10; ++x) {
$("<li>"+x+"</li>").appandTo("ul");
}

برای یکی


$("<li>متن</li>").appendTo("ul");

آقا ایمان اگه بخوام با افکت باشه افزودن ، چیکار کنم ؟

حل شد ^_^

لینک به ارسال

$(document).ready(function() {
$("a").click(function() {
$("<li style=\"display:none\">متن</li>").appendTo("ul");
showeffect();
});
function showeffect() {
$("ul li").fadeIn(500);
}
});

لینک به ارسال


$(document).ready(function() {
$("a").click(function() {
$("<li style=\"display:none\">متن</li>").appendTo("ul");
showeffect();
});
function showeffect() {
$("ul li").fadeIn(500);
}
});

آقا ایمان ، li های جدید به آخر ul اضاف میشه ، من میخوام به اول اضاف بشه

ویرایش شده توسط Ghasem Paran
لینک به ارسال

$(document).ready(function() {
$("a").click(function() {
var ulh = $("ul").html();
var h = "<li style=\"display:none\">متن</li>"+ulh;
$("ul").html(h);
showeffect();
});
function showeffect() {
$("ul li").fadeIn(500);
}
});

لینک به ارسال


http://jsfiddle.net/poploock/2dp2ocfo/22

بازم ببخشید. الان درستش کردم ، اما یه سری مشکلات داره.

1 - افکت حذف فقط دفعه اول اجرا میشه

2 - من میخوام اول افکت حذف اجرا بشه ، بعد افکت افزودن

اگر چیزی به ذهنتون میرسه که باعث بهترشدنش بشه ، ممنون میشم اعمال کنید.

بازم ممنون

ویرایش شده توسط Ghasem Paran
لینک به ارسال

این کد اصلا خاصیتش چی هست؟

مطالب سایت به صورت زنده از دیتابیس خوانده و نمایش داده میشود.

لینک به ارسال

خوب اینکه به زمانبندی وصله و ربطی به مطلب جدید نداره شما باید کد آژاکسی می نوشتید که با اضافه شدن هر مطلب یه مطلب از پایین حذف بشه

لینک به ارسال

خوب اینکه به زمانبندی وصله و ربطی به مطلب جدید نداره شما باید کد آژاکسی می نوشتید که با اضافه شدن هر مطلب یه مطلب از پایین حذف بشه

چطوری ؟

این کدی گذاشتم رو تست کردم ، مطالب جدید اضاف میشن و مطالب قدیمی حذف

اما اگر چند دقیقه اجرا باشه ، سرعت حذف بیشتر از اضافه کردن میشه و تا جایی پیش میره که دیگه خبری نمیمونه !!!

من چیزی شبیه به اخبار زنده این سایت میخوام درست کنم :


http://tnews.ir

لینک به ارسال

اولا باید سرور خیلی قوی ای داشته باشید

بعد باید با تابع setTimeout صفحه را در یک بازه زمانی مشخص مثلا 1 دقیقه رفرش کنید و در نهایت دستور رفرش را آژاکسی کنید و بهش افکت بدید

برای نمونه با استفاده از

http://mandegarweb.c...tor/feedreader/

یک خبر خوان بسازید و کدهاش رو ببینید

لینک به ارسال

اولا باید سرور خیلی قوی ای داشته باشید

بعد باید با تابع setTimeout صفحه را در یک بازه زمانی مشخص مثلا 1 دقیقه رفرش کنید و در نهایت دستور رفرش را آژاکسی کنید و بهش افکت بدید

برای نمونه با استفاده از

http://mandegarweb.c...tor/feedreader/

یک خبر خوان بسازید و کدهاش رو ببینید

آقا ایمان ، این روشی که گفتید این سایت استفاده نمیکنه ، من همینو آماده دارم ، قبلا تو انجمن مطرح کردم.

خبرهای جدید با jquery اضاف میشه و div رفرش نمیشه

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...