ورود

View Full Version : یک کوئری ساده برای نمایش یک مقدار متفاوت در یکdiv


asadi.hasan
جمعه 14 تیر 1392, 23:44 عصر
سلام دوستان ،خسته نباشید؛
من به یک کوئری نیاز دارم که وقتی روی هر یک از لینک ها کلیک میشه یه متن متفاوتی در داخل دایو نمایش داده بشه .
مثلا اگر link1فعال است ،نوشته شود :<p>شما لینک 1 را انتخاب کرده اید</p>
و اگر link2 فعال است،نوشته شود :<p>شما لینک 2 را انتخاب کرده اید</p>

ممنون از همه ی دوستان .


<div id="selected"></div>
<a id="link1" href="#">لینک اول</a>
<a id="link2" href="#">لینک دوم</a>
r4hgozar
شنبه 15 تیر 1392, 15:04 عصر
من تو html و css همچنین چیزی یادم نمیاد.
اما می تونین با java , jquery این کار رو راحت انجام بدین.
تو همین تالار دربارش سرچ کنین مطلب زیاد هست
asadi.hasan
شنبه 15 تیر 1392, 18:31 عصر
بله، من هم با jquery میخوام . متاسفانه من کدی که فقط این کار رو انجام بده پیدا نمی کنم و درباره ی jquery هم چیزی بلد نیستم . دوستانی که در این زمینه مهارت دارن لطف کنن و تکه کدی رو برای انجام این کار قرار بدن . ممنون
css-man
شنبه 15 تیر 1392, 20:04 عصر
منظورت رو واضح بگو
میخوای وقتی روی هر کدوم از لینک ها کلیک شد تو دیو الایی پیامی چاپ کنی؟
css-man
شنبه 15 تیر 1392, 20:11 عصر
منظورت رو واضح بگو
میخوای وقتی روی هر کدوم از لینک ها کلیک شد تو دیو الایی پیامی چاپ کنی؟
asadi.hasan
شنبه 15 تیر 1392, 23:56 عصر
بله.
وقتی روی لینک 1 کلیک شد، داخل دیو بنویسه "لینک 1 فعال است" و وقتی روی لینک2 کلیک شد داخل دیو بنویسه "لینک 2 فعال است ".
FirstLine
یک شنبه 16 تیر 1392, 10:54 صبح
با سلام
از کد زیر میتونی استفاده کنی، ابتدا کدها را داخل یه فایل html بگذار و اجرا کن و در نهایت فایل jquery را از مسیر http://code.jquery.com/jquery-1.10.1.min.js دانلود کن و بذار کنار فایلت و کد رو ادیت کن

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>tuast.ir</title>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {

$("#lnk_1").click(function () { $("#obj_change").text('___________You Click on link 1 XXXXXXXXXXXXXXXXXX'); });

$("#lnk_2").click(function () { $("#obj_change").text('You Click on link 2 00000000000000000000000000'); });

})
</script>
<style type="text/css">

</style>
</head>
<body>

<div id="lnk_1" style="cursor:hand;" >اینجا کلیک کنید
link 1</div>
<br />
<div id="lnk_2"style="cursor:hand;" > اینجا کلیک کنید
link 2</div><br /><br /><br />
<div id="obj_change">
Test Link</div>
</body>
</html>
با تشکر