طراحی یک صفحه با نرم افزار Macromedia Dreamweaver 8 به کمک جاوا اسکریپت

Printable View

نمايش 40 تاپيکها در يک صفحه

06-10-2008, 20:04
Ship Storm

طراحی یک صفحه با نرم افزار Macromedia Dreamweaver 8 به کمک جاوا اسکریپت

سلام دوستان
رفتیم امتحان جاوا بدیم با نرم افزار Macromedia Dreamweaver 8 خلاصه چنان سوالی داد که هیچکس بلد نبود حالا گفتم اینجا مطرح کنیم ببینم کسی از دوستان میتونه کمکم کنه برای نوشتم اون البته باید بگم که ما در اصل جاوا رو نیمیخونیم HTML هستش ولی با دشتور زیر اون رو تو محیط جاوا معرفی میکنیم:

[HTML]<script language="javascript" type="text/javascript">[/HTML]

تا جمعه وقت دارم برنامه رو بنویسم خواهشا کمکم کنید وگرنه نمره این درس رو افتادم
برنامه به این شرح هستش:

یک جدول داریم با 2 تا خونه در خانه اول نوشته شده Speed Up حالا در خانه دوم یک متن از گوشه سمت راست می آید و از گوشه سمت چپ خانه دوم خارج میشود و دوباره این عمل تکرار میشود حالا ما وقتی روی خانه اول که نوشته شده Speed Up کلیک میکنیم سرعت حرکت متن درخانه دوم بیشتر میشود با با هر بار کلیک این سرعت بیشتر و بیشتر میشود.

اینم یک نمونه عکس:

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

ممنون میشم دوستان برای نوشتم این برنامه بنده رو کمک کنید.
با تشکر از همگی دوستان عزیز :11:
06-10-2008, 21:27
neopersia

سلام
برای اون متن متحرک میتونی از marquee استفاده کنی که سرعتش هم قابل تنظیمه برای قسمت speedup هم میتونی هر دفعه سرعت تگ marquee رو بخونی و بهش اضافه کنی تا سرعتش زیاد شه
یه کم روش کار کنی چیز سختی نیست. اگه نشد کدش رو برات مینویسم
06-10-2008, 22:27
neopersia

اینم از کد (براش ترمز هم گذاشتم یه وقت از کنترل خارج نشه :دی):
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
th {
cursor:pointer;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th onclick="document.getElementById('my_marquee').scr ollAmount++">Speed Up</th>
<td width="200" height="50"><marquee id="my_marquee" width="100%" direction="left" scrollamount="1" scrolldelay="25" truespeed="truespeed">This Is The New Sample</marquee>
</td>
<th onclick="document.getElementById('my_marquee').scr ollAmount--">Speed Down</th>
</tr>
</table>
</body>
</html>
[/html]

چیز پیچیده ای هم نداره 90% کد HTML ساده هست و ربطی به قسمت اصلی نداره!
برای توضیحات مربوط به تگها و شناسه هاش میتونی کلمه مورد نظرت رو انتخاب کنی و Shift+F1 بزنی تا رفرنس دریم ویور رو برای اون کلمه باز کنه.
07-10-2008, 19:54
Ship Storm

neopersia جان یه دنیا ممنون بابت این موضوع
فقط خواهشا اگه امکانش هست این یک مورد رو با استفاده از تابع SetInterval زحمتش رو بکشید
یادمه خود استاد میگفت یکی یکی به Left اون متنه اضافه میشه تا سرعت حرکت اون متنه با هربار کلیک زیاد تر میشه
08-10-2008, 11:03
neopersia

اینم با اینتروال:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
th {
cursor:pointer;
padding:10px;
background:#eee;
/* width:200px; */
}
</style>
<script type="text/javascript">
var r = -200;
var i = 1;
function Move() {
if(r > 200) {
r = -200
} else if (r < -200) {
r = 200
} else {
r += i
}
document.getElementById("my_marquee").style.right = r + 'px';
}
window.onload = function() {
marquee_interval = setInterval(Move, 10);
}
</script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<th onclick="i++">« Speed Up «</th>
<td width="200" height="50" style="overflow:hidden;"><span id="my_marquee" style="position:relative; z-index:-10">This Is The New Sample</span></td>
<th onclick="i--">» Speed Down »</th>
</tr>
</table>
</body>
</html>
[/html]
با فایرفوکس و اپرا که تست کردم مشکلی نداشت ولی اینترنت اکسپلورر 6 یه مشکل کوچیک داره! متن خارج از جدول رو نشون میده!
** هر کی تونست این مشکل رو حل کنه همینجا جواب رو بده که خیلی ذهنمو مشغول کرده **
08-10-2008, 11:40
neopersia

یافتم [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این دیگه مشکل نداره:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
th {
cursor:pointer;
padding:10px;
background:#eee;
}
#my_marquee {
position:relative;
z-index:-10;
width:200px;
}
.container {
overflow:hidden;
width:200px;
position:relative;
z-index:10
}
</style>
<script type="text/javascript">
var r = -200;
var i = 1;
function Move() {
if(r > 200) {
r = -200
} else if (r < -200) {
r = 200
} else {
r += i
}
document.getElementById("my_marquee").style.right = r + 'px';
}
window.onload = function() {
marquee_interval = setInterval(Move, 10);
}
</script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<th onclick="i++">« Speed Up «</th>
<td><div class="container">
<div id="my_marquee">This Is The New Sample</div>
</div></td>
<th onclick="i--">» Speed Down »</th>
</tr>
</table>
</body>
</html>
[/html]
08-10-2008, 19:06
Ship Storm

neopersia جان اسم شریفتون رو هم نمیدونم فقط میتونم بگم خیلی خیلی زحمت افتادی و دست گلت دردنکنه
واقعا یه دنیا ممنونم ازت خیلی خیلی لطف کردی

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
08-10-2008, 19:12
Ship Storm

neopersia جان یک چیز رو امروز تو دانشگاه گفتن دوستان اونم این بود که این متنه تا زمانی که ما Active X بالای صفحه رو فعال نکنیم نباید هیچ متنی رو نشون بده به نظر خودم باید متن توی قسمت :

نقل قول:

<body onload...>

بنویسیم که وقتی Active X بالای صفحه وب رو فعال کردیم متن نمایش داده بشه

یک مطلب دیگه ای هم هست اونم اینکه نمیشه متن رو با استفاده از یک ابزار دیگه مثل Label یا هرچیز دیگری که متن رو توش نگه داره به حرکت در اورد و از marquee استفاده نکرد چون استاده گفته بود از marquee استفاده نکنید.

خیلی خیلی شرمنده و ممنون
09-10-2008, 01:21
neopersia

شما لطف داری کار حاصی نکردم که یه کم با جاوا اسکرپت بازی کردم :31:

اون information bar تو اینترنت اکسپلورر فقط برای فایلهایی میاد که از تو هارد اجرا میشن و تا وقتی تأیید نشه جاوا اسکرپت صفحه اجرا نمیشه. برای اینکه بخوایم متن تا تأیید کاربر نمایش داده نشه باید متن رو با جاوا اسکرپت نوشت یا اینکه به صورت پیشفرض نامرئی باشه و با جاوا اسکرپت قابل مشاهده بشه که به نظر من کار بی خودیه!
برای اینکه جاوا اسکرپت صفحه بدون اینکه information bar نمایش داده بشه اجرا بشه کافیه یه کامنت به اول صفحه اضافه بشه (بعد از خط DOCTYPE ). مثلاً این:

کد:



فقط اون عدد تعداد حروف آدرس هست که باید دقیق باشه!

نقل قول:

یک مطلب دیگه ای هم هست اونم اینکه نمیشه متن رو با استفاده از یک ابزار دیگه مثل Label یا هرچیز دیگری که متن رو توش نگه داره به حرکت در اورد و از marquee استفاده نکرد چون استاده گفته بود از marquee استفاده نکنید.

تو کد آخری که نوشتم از marquee استفاده نشده که! فقط اون آی دی marquee داره که فقط یه اسمه و میتونی عوضش کنی.
09-10-2008, 09:25
Ship Storm

بازم یه دنیا ممنون
حالا اگه بخوایم اون متنه تا زمانی که information bar تو اینترنت اکسپلورر رو فعال نکردیم نشون داده نشه باید چکار کنیم؟

نمايش 40 تاپيکها در يک صفحه