ورود

View Full Version : عنوان همراه با متن کشویی drop down


alimaker
شنبه 04 دی 1389, 13:26 عصر
سلام دوستای خوب

یک صفحه html دارم که شامل 4 - 5 عنوان است میخوام با کلیک روی هر عنوان متن مربوط در زیرش

نمایش داده بشه و با کلیک دوباره متن بسته شه و عناوین برگرن سر جایخودشون

مثلا اینطوری

+ عنوان نخست
متن عنوان : .................................................. .................................................. ....
.................................................. .................................................. ....

+ عنوان دوم
+عنوان سوم
+عنوان چهارم
+عنوان پنجم

:لبخندساده:

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

+عنوان نخست
+عنوان دوم
+عنوان سوم
+عنوان چهارم
+عنوان پنجم


ممنون میشم کمک کنید:قلب:
AbiriAmir
شنبه 04 دی 1389, 14:10 عصر
یا باید با ای جکس کار کنید یا جاوااسکریپت (که فکر کنم جاوااسکریپت بیشتر به کار شما بیاد)

لینک دکمه +:


<a href="javascript:void();" onclick="showdiv('test');">+</a>


لینک دکمه -:


<a href="javascript:void();" onclick="hidediv('test');">-</a>



تابع جاوااسکریپت:


<script type="text/javascript">
function showdiv(id){
var elm = document.getElemetByID(id);
elm.style.display='';
}
function hidediv(id){
var elm = document.getElemetByID(id);
elm.style.display='none';
}

موفق باشید
alimaker
شنبه 04 دی 1389, 14:33 عصر
امیر جان ممون از لطفت

منتها راستش خیلی خلاصه بود من در زمینه html اطلاعات کمی دارم درست متوجه نشدم

میخوام عناوین اول ظاهر بشن بعد با کلیک روی هر کدم متنی زیرشون نمایش داده شده بسته شه و عناوین برگردن سر جای خودشن
AbiriAmir
شنبه 04 دی 1389, 16:27 عصر
باشه
پس برو که رفتیم!!!

خب شما صفحه رو تا کجا ساختی؟ با چی ساختی؟ اصلا ساختی؟

فعلا من یک مثال برات میزنم:




<html>
<head>
<title> تست </title>

<script type="text/javascript">
function showdiv(id)
{
var elm = document.getElemetByID(id + '_content');
if(elm.style.display=='none')
elm.style.display='';
else
elm.style.display='none';
}
</script>

</head>
<body>

<a href="javascript:void();" id="test" onclick="showdiv(id);"> تست</a>
<div id="test_content">
مطالب
</div>

<a href="javascript:void();" id="test1" onclick="showdiv(id);"> تست 1 </a>
<div id="test1_content">
مطالب 2
</div>
</body>
</html>


امیدوارم کامل باشه
موفق باشید
alimaker
شنبه 04 دی 1389, 16:51 عصر
از حوصله ای که به خرج میدی ممنونم

منتها باور کن صفحه eror میده ببین برات ضمیمه کردم

اگه ممکنه کد ها رو تو یک صفحه نمونه ضمیمه کن. من حتی متن رو در فریم هم ریختم ولی تاثیر نکرد.
AbiriAmir
شنبه 04 دی 1389, 17:36 عصر
بله
شما درست میگین
راستش ادیتور این سایت rtl هست
آدم نمیتونه درست توش بنویسه!
حواسم نبود که js به حروف بزرگ و کوچک حساسه

کد اصلاح شده:


<html>
<head>
<title> تست </title>

<script type="text/javascript">
function showdiv(id)
{
//alert('ss');
var elem = document.getElementById(id + '_content');
if(elem.style.display=='none')
{
elem.style.display='';
}
else
{
elem.style.display='none';
}
}
</script>

</head>
<body>

<font face="Tahoma" size="2">

<a href="javascript:void();" onclick="showdiv(id);" id="test"> تست</a>
</font>
<div id="test_content" style="display:none;">
<font face="Tahoma" size="2">مطالب
</font>
</div>

<font face="Tahoma" size="2">

<a href="javascript:void();" id="test1" onclick="showdiv(id);"> تست 1 </a>
</font>
<div id="test1_content">
<font face="Tahoma" size="2">مطالب 2
</font>
</div>
</body>
</html>


موفق باشید
alimaker
شنبه 04 دی 1389, 17:41 عصر
امیر جان دستت درد نکنه صفحه ارسال شما کرد

فقط دو تا نکته
1- اخطار مربوط به اجرا شدن اسکریپت که تو سایت دیده نخواهد شد انشالله؟؟؟؟

2- اگه به جای متن فریم قرار بدم چطور باید عمل کنم یعنی می خوام متن تو یه iframe زیبا اسکرول دار نمایش داده بشه

؟؟
AbiriAmir
شنبه 04 دی 1389, 17:49 عصر
خواهش میکنم.
1- نه ان شاء الله
2- فرقی نمیکنه
تو تگ div شما هر چیزی (منجمله iframe) میتونه باشه
البته اگر میخوای تو این زمینه ها کار کنی پیشنهاد میکنم jquery رو حتما یاد بگیر

در ضمن اینم آموزش کلاس قالب:
http://barnamenevis.org/showthread.php?266625-کلاس-قالب
همین الان نوشتمش!

راجع به jquery هم قبلا تو بخش javascript راجع بهش صحبت شده (فکر میکنم خودم سوال کردم و دوستان جواب دادن)

موفق باشید
alimaker
شنبه 04 دی 1389, 18:18 عصر
یه اشکال کوچیک
متن دوم همون (مطالب 2) از همون اول لود میشه و دیده میشه تا کلیک نکنی هم نمیری!!!!!!!!

اگه بخوام تعداد عناوین رو زیاد کنم فقط باید کد رو تکرار کنم دیگه نه؟؟

اگه بگم یه فریم هم بزار تست می کنی یا میگی ...

ممنون از همه زحمات:
AbiriAmir
شنبه 04 دی 1389, 19:39 عصر
یه اشکال کوچیک
متن دوم همون (مطالب 2) از همون اول لود میشه و دیده میشه تا کلیک نکنی هم نمیری!!!!!!!!


1- بله. خط <div id="test1_content"> رو با


<div id="test1_content" style="display:none;">

جایگزین کن

2- بله باید تکرار کنید

3- چشم تست میکنم
alimaker
شنبه 04 دی 1389, 21:13 عصر
دوستان

با فریم هم تست کردم و به خوبی جواب گرفتم

ممنون از امیر عزیز:تشویق::تشویق::تشویق::تش یق: