منو اصلی
  صفحه اصلی
  تبلیغات
  تماس با ما
تبلیغات
موسیقی بی کلام
ابزار وب مسترها
  ابزار مجله در وبلاگ
  گوگل پلاس در وبلاگ
  شمارنده مطالب
  پازل وبلاگ
  تولبار حرفه ای
  ابزار پرش به بالا
  ذکر ایام هفته
  استخاره آنلاین
  سخنان بزرگان
  نمایش رتبه گوگل
  وضعیت آب و هوا
  اوقات شرعی
  فونت های زیباسازی
  کدهای زیباسازی فلش
  فال روزانه
  فال حافظ
  فال کلیکی
  فال انبیا
  طالع بینی ازدواج
  طالع بینی هندی
  عشق سنج آنلاین
  موسیقی لایت در وبلاگ
  ساخت موسیقی آنلاین
  ساعت های فلش
  ابزار فرم تماس با ما
  چت روم
  تصاویر تصادفی
  تصاویر زیباسازی
  لودینگ وبلاگ
  جستجوگر گوگل
  تعیین وضعیت یاهو
  ساخت ایمیل آیکون
  تقویم رومیزی
  تغییر شکل موس
  نمایشگر آی پی
  تعبیر خواب
  نمایش تاریخ
  بارش برف در وبلاگ
  پرواز بادکنک در وبلاگ
  پرواز حباب در وبلاگ
  قطرات شبنم در وبلاگ
  ابزار مبدل تاریخ ها
  جملات عاشقانه تصادفی
  جملات تصادفی شریعتی
  حدیث تصادفی
  اس ام اس تصادفی
  دانستنی های تصادفی
  مترجم گوگل
  معرفی وبلاگ به دوستان
  سرویس whois دامنه
  ابزار ار اس اس ریدر
  کد آپلود عکس
  دیکشنری آنلاین
  ساخت صفحات پاپ آپ
  ساخت تصاویر ثابت
  روزنما با مناسبت ها
  لحظه شمار غیبت امام زمان
  کدهای کاربردی
آرشیو قالب ها

rss rss rss

لوگو اسپانسر
رپورتاژ ها
  خرید موتور بنلی قسطی یا موتور یاماها قسطی؟ کدام به صرفه تر است؟
  علل اصلی خرابی گیربکس s5 چیست؟
  بروکر آلپاری
  دانستنی های مهاجرت به قبرس شمالی و اروپایی
  خشکسالی کشاورزی در ایران
  استخراج ارز دیجیتال چیست و چگونه انجام می‌شود؟
  پارمیس تولید کننده نرم افزارهای مالی و اداری در ایران
  با بررسی تخصصی دوربین آیفون 15 پرو شناخت کاملی از آن خواهید داشت!
  مهاجرت به قبرس شمالی از طریق خرید ملک
  رفع ارور خطا در بازی خدای جنگ یک
  5 مرحله ایجاد کسب و کار آنلاین
  قبرس، مقصدی ایده آل برای مهاجرت
  كامپوزيت ونير
  فستیوال های قشم
  معرفی نرم افزارهای مالی و حسابداری پارمیس



پنل اس م اس رایگان

1 3 4 5
رویدادهای مربوط به پنجره مرورگر و فرمها در HTML  موضوع: آموزش نکات HTML

یکی از امکاناتی که در HTML 4.0 به وجود آمد استفاده از
event در عناصر HTML صفحه بود. یک نمونه از این رویدادها (event) اجرا شدن
یک فرمان جاوا اسکرپت به هنگام کلیک کردن روی عناصر HTML در صفحه است.

در اینجا لیستی از رویدادهایی که در تگهای HTML استفاده می شوند آورده
شده است. بهتر است برای اینکه بتوانید به خوبی از این رویدادها استفاده
کنید اطلاعاتی در مورد جاوا اسکریپت داشته باشید.

برای استفاده از این رویدادها می توانید اسکرپتهای نوشته شده با جاوا
اسکرپت را به عنوان مقادیر این رویدادها قرار دهید تا بسته به نوع رویداد
مورد نظر اجرا شوند.

یکی از امکاناتی که در HTML 4.0 به وجود آمد استفاده از
event در عناصر HTML صفحه بود. یک نمونه از این رویدادها (event) اجرا شدن
یک فرمان جاوا اسکرپت به هنگام کلیک کردن روی عناصر HTML در صفحه است.

در اینجا لیستی از رویدادهایی که در تگهای HTML استفاده می شوند آورده
شده است. بهتر است برای اینکه بتوانید به خوبی از این رویدادها استفاده
کنید اطلاعاتی در مورد جاوا اسکریپت داشته باشید.

برای استفاده از این رویدادها می توانید اسکرپتهای نوشته شده با جاوا
اسکرپت را به عنوان مقادیر این رویدادها قرار دهید تا بسته به نوع رویداد
مورد نظر اجرا شوند.

 


  • رویدادهای مربوط به پنجره مرورگر

این رویدادها باید فقط در تگهای body و frameset استفاده شوند. دو رویداد در این دسته قرار می گیرند که در زیر آنها را مشاهده می کنید:

  • onload :
    این رویداد باعث می شود تا اسکرپتی که به عنوان مقدار آن قرار داده شده است در هنگام باز شدن صفحه اجرا شود.


  • onunload :
    اسکرپتی که به عنوان مقدار این شناسه قرار می گیرد در هنگامی که بازدید کننده از صفحه خارج می شود اجرا می شود.


  • onResize :
    این رویداد هنگامی که اندازه پنجره مرورگر را تغییر می دهید اجرا می شود.

برای مشاهده یک مثال برای این رویدادها لینک زیر را کلیک کنید. صفحه ای
که به آن وارد می شوید حاوی دو رویداد بالا در تگ body خود است.

می توانید تگ body مورد استفاده در مثال بالا را در اینجا مشاهده کنید:

<body onload=”alert('به این صفحه آزمایشی خوش
آمدید')” onunload=”alert('شما از این صفحه خارج شدید')”
onresize=”alert('شما اندازه پنجره را تغییر دادید')>


  • رویدادهای مربوط به فرمها

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

  • onchange :
    اسکرپت موجود در این شناسه به هنگام ایجاد تغییر در عناصر موجود در فرمها اجرا می شود.


  • onsubmit :
    وقتی که فرم ارسال می شود اسکرپت موجود در این شناسه اجرا می شود.


  • onreset :
    وقتی که دکمه reset ( پاک کردن فرم ) فشار داده شود اسکرپت موجود در این شناسه اجرا می شود.


  • onselect :
    وقتی که قسمتی از فرم که این شناسه را در خود دارد انتخاب شود اسکرپت موجود در این شناسه اجرا می شود.


  • onfocus :
    وقتی که تگی که حاوی این شناسه است مورد استفاده کاربر قرار گیرد اسکرپت موجود در این رویداد اجرا می شود.


  • onblur :
    این شناسه بر عکس شناسه بالا عمل می کند یعنی وقتی کار کاربر با یک تگ تمام شد و به سراغ قسمت دیگری از صفحه رفت اجرا می شود.

در اینجا می توانید کدی را که در مثال بالا استفاده شده ببینید البته فقط قسمتهای ضروری آن آورده شده است:

<form action=”#” method=”post” onsubmit=”msg('onSubmit')” onreset=”msg('onReset')”>
<input type=”text” onfocus=”msg('onFocus')” onblur=”msg('onBlur')” />
<select name=”select” onchange=”msg('onChange')”>
<option>گزینه اول</option>
<option>گزینه دوم</option>
<option>گزینه سوم</option>
<option>گزینه چهارم</option>
</select>
<textarea onSelect=”msg('onSelect')”>وقتی متنی را که در یا تگ با
شناسه onselect قرار دارد انتخاب کنید اسکرپت موجود در این رویداد اجرا می
شود.</textarea>
<input type=”reset” name=”reset” value=”reset” />
<input type=”submit” name=”Submit” value=”Submit” />
</form>



https://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
آموزش ایجاد فریم های داخلی  موضوع: آموزش نکات HTML

به لطف HTML 4.0  ما توانایی ایجاد فریمها را در
بدنه صفحات پیدا کردیم. با استفاده از این نوع فریمها (inline frame)
می توانیم صفحه خود را به صورت عادی طراحی کنیم و در هر کجای آن که مایل بودیم دریچه
ای به یک صفحه دیگر بسازیم.

Your browser does not support inline frames or is currently configured not to display
inline frames.
در قسمتهای قبل با طرز ساختن فریمها و خواص آنها آشنا شدیم. در این قسمت می
خواهیم به ساختن فریمهای درونی بپردازیم. یک نمونه از این فریمها را می توانید در سمت
راست این نوشته ببینید.

احتمالاً در بسیاری از صفحات نمونه هایی از این نوع فریم را دیده اید. اگر به ساختن
آنها علاقه مند شده اید به سراغ تگ سازنده این فریمها می رویم:

با قرار دادن این تگ در کد HTML صفحه در جایی که می خواهید
فریم قرار بگیرد می توانید یک فریم اینلاین بسازید:

<iframe src=”../examples/html/page1.htm”
width=”400″ height=”250″ frameborder=”1″></iframe>

به لطف HTML 4.0  ما توانایی ایجاد فریمها را در
بدنه صفحات پیدا کردیم. با استفاده از این نوع فریمها (inline frame)
می توانیم صفحه خود را به صورت عادی طراحی کنیم و در هر کجای آن که مایل بودیم دریچه
ای به یک صفحه دیگر بسازیم.

Your browser does not support inline frames or is currently configured not to display
inline frames.
در قسمتهای قبل با طرز ساختن فریمها و خواص آنها آشنا شدیم. در این قسمت می
خواهیم به ساختن فریمهای درونی بپردازیم. یک نمونه از این فریمها را می توانید در سمت
راست این نوشته ببینید.

احتمالاً در بسیاری از صفحات نمونه هایی از این نوع فریم را دیده اید. اگر به ساختن
آنها علاقه مند شده اید به سراغ تگ سازنده این فریمها می رویم:

با قرار دادن این تگ در کد HTML صفحه در جایی که می خواهید
فریم قرار بگیرد می توانید یک فریم اینلاین بسازید:

<iframe src=”../examples/html/page1.htm”
width=”400″ height=”250″ frameborder=”1″></iframe>

با این تگ شما می توانید یک فریم در صفحه خود بسازید. همانطور که می بینید ما در
صفحه اصلی از تگ body استفاده کردیم و از تگ
frameset هم استفاده نشد.

در اینجا به توضیح شناسه های قابل استفاده در این تگ می پردازیم:

  • <iframe> :
    این تگ آغازی یک فریم اینلاین است.


  • “src=”frame_1.htm :
    این قسمت مشخص کننده آدرس صفحه ای است که می خواهیم در فریم نمایش داده
    شود.


  • “width=”350 :
    مشخص کننده مقدار عرض فریم در مقیاس پیکسل است. البته می توانیم از مقیاس
    درصد هم استفاده کنیم.


  • “height=”250 :
    مشخص کننده ارتفاع فریم در صفحه است. مقیاس آن می تواند پیکسل یا درصد باشد.


  • “frameborder=”1 :
    مشخص کننده ضخامت لبه های فریم است.

در مورد لینکها هم رفتار این فریمها مانند بقیه فریمها است. می توانیم به آنها یک
نام بدهیم و از شناسه target در لینکها استفاده کنیم. به
یک مثال توجه کنید:

در ابتدا به تگ فریم خود یک نام نسبت می دهیم. مانند زیر:

<iframe src=”../examples/html/page1.htm”
width=”400″ height=”250″ frameborder=”1″ name=”inlineframe1″></iframe>

در مرحله بعد به تگ لینک مورد نظر شناسه target را اضافه
می کنیم. مانند زیر:

<a href=”index.html”
target=”inlineframe1″>این صفحه در فریم نمایش داده خواهد شد.</a>
حالا می توانید لینک زیر را کلیک کنید. خواهید دید که لینک در فریم همین صفحه باز
خواهد شد: 

 

مانند بقیه فریمها می توانید از شناسه “scrolling=”no در تگ فریم استفاده کنید تا در فریم اسکرول بار نداشته باشید.



https://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
استفاده از فریمهای نامرئی در صفحه  موضوع: آموزش نکات HTML

اگر شما می خواهید در صفحه خود از فریمهای نامرئی استفاده کنید، یعنی نمی خواهید
خط حاشیه فریمها قابل دیدن باشد باید چند فرمان را به تگ <frameset>  اضافه کنید
و تگهای <frame>  را آنطور که دوست دارید تنظیم کنید. در اینجا می توانید کدی را
که یک صفحه را با فریمهای نا مرئی می سازد می بینید:

<html>

<head>
<title>مخفی کردن فریم در صفحه</title>
</head>
<frameset cols=”25%,75%” border=”0″ framespacing=”0″ frameborder=”0″>
<frame src=”page1.htm” name=”left” scrolling=”no”>
<frame src=”page2.htm” name=”right”>
</frameset>

</html>

اگر شما می خواهید در صفحه خود از فریمهای نامرئی استفاده کنید، یعنی نمی خواهید
خط حاشیه فریمها قابل دیدن باشد باید چند فرمان را به تگ <frameset>  اضافه کنید
و تگهای <frame>  را آنطور که دوست دارید تنظیم کنید. در اینجا می توانید کدی را
که یک صفحه را با فریمهای نا مرئی می سازد می بینید:

<html>

<head>
<title>مخفی کردن فریم در صفحه</title>
</head>
<frameset cols=”25%,75%” border=”0″ framespacing=”0″ frameborder=”0″>
<frame src=”page1.htm” name=”left” scrolling=”no”>
<frame src=”page2.htm” name=”right”>
</frameset>

</html>

در تگ <frameset> از شناسه های مختلفی می توان استفاده کرد که در اینجا لیست برخی از آنها را مشاهده می کنید:

  • “border=”0
    این شناسه میزان ضخامت کادر اطراف فریم را تعیین می کند که ما در اینجا آنرا صفر قرار داده ایم.


  • “frameborder=”0
    مقدار حاشیه فریمها را صفر قرار می دهیم تا نمایش داده نشوند.


  • “framespacing=”0
    فاصله بین فریمها را صفر قرار می دهیم تا بین آنها فاصله ای دیده نشود.


  • “scrolling=”no
    این شناسه باعث می شود در صورتی که محتویات فریمها از اندازه پنجره بزرگتر بود نوار اسکرول بار نمایش داده نشود.


https://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
فریمها، باز کردن لینکها در یک فریم مشخص  موضوع: آموزش نکات HTML

حالا شما می توانید یک صفحه با استفاده از فریمها بسازید. اما وقتی که شما یک لینک
را در یک فریم قرار می دهید پس از کلیک کردن لینک در همان فریم باز می شود. این مسأله
به این دلیل است که هر فریم یک صفحه HTML است و مانند یک صفحه عمل می کند. پس اگر برای
لینک شناسه ای را تعریف نکنیم در همان صفحه (در حقیقت در همان فریم) باز می شود. شما
می توانید صفحه را طوری طراحی کنید که لینکهای یک فریم در فریم دیگری باز شوند یا در
یک صفحه جدید باز شوند که فریمی ندارد.

برای این کار باید ابتدا فریمها را نامگذاری کنیم و سپس از شناسه target  در
تگ لینک استفاده کنیم. به یک مثال در این رابطه توجه کنید:

<html>

<head>
<title>تعیین فریم مقصد برای لینکها</title>
</head>
<frameset cols=”25%,75%”>
<frame src=”page4.htm” name=”left”>
<frame src=”page2.htm” name=”right”>
</frameset>

</html>

حالا شما می توانید یک صفحه با استفاده از فریمها بسازید. اما وقتی که شما یک لینک
را در یک فریم قرار می دهید پس از کلیک کردن لینک در همان فریم باز می شود. این مسأله
به این دلیل است که هر فریم یک صفحه HTML است و مانند یک صفحه عمل می کند. پس اگر برای
لینک شناسه ای را تعریف نکنیم در همان صفحه (در حقیقت در همان فریم) باز می شود. شما
می توانید صفحه را طوری طراحی کنید که لینکهای یک فریم در فریم دیگری باز شوند یا در
یک صفحه جدید باز شوند که فریمی ندارد.

برای این کار باید ابتدا فریمها را نامگذاری کنیم و سپس از شناسه target  در
تگ لینک استفاده کنیم. به یک مثال در این رابطه توجه کنید:

<html>

<head>
<title>تعیین فریم مقصد برای لینکها</title>
</head>
<frameset cols=”25%,75%”>
<frame src=”page4.htm” name=”left”>
<frame src=”page2.htm” name=”right”>
</frameset>

</html>

ما در این مثال از دو فریم با نامهای left و right استفاده کردیم. شما می توانید
هر نامی را که مناسب می دانید استفاده کنید.(این نامی است که در تگ لینک مورد استفاده
قرار خواهد گرفت و لزوماً نباید همان نام فایل HTML قرار گرفته شده در فریم باشد.)

حالا که فریمها را نامگذاری کردیم می توانیم از این نامها به عنوان مقادیری برای
شناسه target  در تگ لینکها در هر کدام از فریمها استفاده کنیم. فرض کنید ما در
فریم سمت چپ لیستی از صفحات را داریم که می خواهیم با کلیک کردن بر روی آنها در فریم
سمت راست باز شوند. در این حالت باید این شناسه را به تگ لینکهای موجود در فریم سمت
چپ اضافه کنید:
“target=”right . برای مثال به لینک زیر توجه کنید:

<a href=”../../html/index.htm” target=”right”>آموزش HTML </a>

حالا پس از کلیک کردن لینک، فریم سمت چپ دست نخورده باقی می ماند و لینک در فریم
سمت راست باز می شود. شما می توانید این کار را در صفحاتی که بیش از یک فریم هم دارند
انجام دهید. فقط فراموش نکنید که فریمها را نامگذاری کنید.

در اینجا می توانید یک مثال برای این نوع صفحات را ببینید. لینک زیر را کلیک کنید
و به صفحه آزمایشی وارد شوید تا لینکهای قرار گرفته در فریمها را امتحان کنید:

میتوان لینکها را به جای اینکه در یک فریم باز کنیم، ر تمام پنجره و بدون فریم باز
کنیم. برای این کار باید شناسه “target=”_top  را به تگ لینک اضافه کنیم. مثلاً
می توانیم تگ لینکی مانند زیر بنویسیم:

<a href=”http://www.neopersia.org/html/index.html” target=”_top”>این
لینک در تمام صفحه باز می شود.</a>

در اینجا تعدادی از شناسه هایی را که می توان به تگ frame  اضافه کرد آورده
ایم. با این شناسه ها می توانیم رفتار این فریمها را بهتر کنترل کنیم:

  • “scrolling=”no :
    این فرمان به شما اجازه می دهد که اسکرول بار (scroll bar) را از سمت راست صفحه
    حذف کنید، تا کاربران نتوانند با استفاده از آن به بالا و پایین صفحه بروند. اگر
    از این شناسه استفاده نکنید، مرورگر تصمیم می گیرد که آیا اسکرول بار را در صفحه
    ای که درون فریم قرار دارد نشان دهد یا نه.
    اگر مقدار این شناسه yes باشد، اسکرول بار همیشه نشان داده خواهد شد. اگر no باشد
    اسکرول بار هرگز نمایش داده نخواهد شد. در صورتی که نیاز داشته باشید در این صفحه
    به بالا یا پایین و چپ و راست بروید می توانید با کلیدهای جهتی صفحه کلید این کار
    را انجام دهید.


  • “border=”3 :
    این شناسه به شما اجازه می دهد تا مقدار کلفتی حاشیه های فریم را تعیین کنید.


  • “resize”no :
    این فرمان ب شما امکان می دهد تعیین کنید که آیا کاربر می توان اندازه فریم را
    تغییر دهد یا نه. اگر مقدار این شناسه no باشد کاربر نمی تواند با قرار دادن نشانگر
    ماوس خود در لبهء فریمها، اندازه آنها را تغییر دهد. اگر مقدار آن yes باشد کاربر
    می تواند اندازه فریمها را تغییر دهد. گزینه پیش فرض این شناسه yes است.


  • “noresize=”no :
    شما می توانید از این شناسه به جای “resize=”no  استفاده کنید، چون همه مرورگرها
    شناسه قبلی را نمی شناسند. در هر حال می توانید برای اطمینان از هر دو شناسه با
    هم استفاده کنید.


  • “marginwidth=”2 و “marginheight=”2 :
    این شناسه ها به شما امکان می دهد میزان حاشیه محتویات فریم را از لبه فریم تعیین
    کنید.

برخی از مرورگرهای قدیمی ممکن است نتوانند فریمها را نشان دهند. شاید شما بخواهید
برای این دسته از کاربران با مرورگرهای قدیمی پیغامی را بنویسید یا لینک صفحه ای را
که در آن از فریم استفاده نکرده اید به آنها نشان دهید. برای این کار می توانید از
فرمان زیر استفاده کنید:

<noframes>
متن پیغامی که در صورت نمایش ندادن فریمها مشاده می شود.
</noframes>

حالا کاربرانی که نمی توانند فریمها را مشاهده کنند پیغام شما را به جای یک صفحه
خالی می بینند.



https://night-skin.com/content/amoozesh/wp-content/themes/NightSkin%20-%20Tabir/images/spilit.png
1 3 4 5

 

دسترسی سریع
قالب های 3 ستونه
قالب های 2 ستونه
ابزار وبلاگ نویسان
آموزش وبلاگ نویسی
گالری عکس
آپلود عکس
بازی آنلاین
موسیقی لایت
بازی آنلاین

بازی آنلاین 660 بازی
بازی های دخترانه 16 بازی
بازی های ورزشی 97 بازی
بازی های تیراندازی 124 بازی
بازی های فکری 209 بازی
بازی های اکشن 126 بازی
بازی های مسابقه ای 50 بازی
بازی های متفرقه 38 بازی
بازی های محبوب

لینک ها
بک لینک شما در این مکان
کلیه حقوق متعلق به سایت نایت اسکین می باشد © Night-Skin.com 2004-2011