Printable View
سلام
من چند تا سوال داشتم ممنون می شم یکی راهنمایی بکنه
ببنید من می خوام رنگ لینک هام وی div های مختلف به رنگهای مختلف نمایش داده بشه امکانی برای این کار هست؟
سوال دوم اینکه من یه div دارم که می خوام لینک های اون توی یه div دیگه نمایش داده بشه فکر می کنم باید با js این کار رو انجام بدم ولی خوب اطلاعاتی ندارم
سلام.نقل قول:
1- بله هست، می تونید با استفاده از کلاس اینکار رو بکنید، به اینصورت که به هر کدوم از لینکها کلاس مربوط به خودش رو بهش تطبیق بدید، یا به یه صورت دیگه: فرض کنید شما یه div با کلاس x دارید، حالا می تونید با استفاده از selector زیر بگید که هر چی تگ لینک توی اون div بود به رنگ خاص نمایش داده بشه:
2- اینم بله امکان پذیره با استفاده از dom می شه اینکار رو کرد، ولی خب یه خرده وقت می بره ( نه خیلی ) , ولی یه راه دیگه هم هست، که تموم اون لینکها رو با جاوااسکریپت اول درست کنید و بعد اونها رو توی هر div ی که خواستید نمایش بدید.کد:.x a:link {
color: #fd89fd;
}
ممنون از راهنماییتون می شه در رابطه با مورد دوم توضیح بدید
در حالت عادی می شه خیلی راحت تمامی المنت موجود در div رو با استفاده از کد زیر به نمایش گذاشت:
این روش در صورتی خوبه که هر چی توی اون div هست فقط تگ لینک باشه، ولی اگر غیر از این بود و تگها مختلفی در کار بود می تونیم با یه حلقه هرچی تگ لینک بود رو جدا کنیم و در div دیگه به نمایش بزاریم.کد:document.getElementById("content").innerHTML
سلام ممنون زا راهنماییتون منظور شما اینه که هر چیزی رو که می خوام توی یه div دیگه نشون داده بشه داخل innerhtmlبنویسم درسته؟
بله.
شما با اون دستور هم می تونید محتوای div دلخواه رو بگیرید و هم محتوای اون رو به دلخواه تغییر بدید.
در مثال زیر تمامی تگهای داخل div که با شناسه ی anchors هست، داخل div دیگه که با شناسه ی content هست قرار می گیره:
[HTML]
<script type="text/javascript">
window.onload = function() {
document.getElementById("content").innerHTML = document.getElementById("anchors").innerHTML;
};
</script>
<p>master links</p>
<div id="anchors">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
</div>
<br /><br /><br />
<p>copied links:</p>
<div id="content"></div>
[/HTML]