كيف استطيع ان اضع فلاشة عند بداية فتح الموقع مثلا فلاشات الاعلانات

مثل هذا الموقع عندما يفتح فى البداية

http://meshwaralhayat.com

الفكرة كلها تعتمد على javascript , فى المثال التالى استخدمت صورة بدل الفلاش و انت ممكن تحط اى حاجة انت عايزها بدلها

<html>

	<head>
		<script language="javascript">
		window.onload = showAd;

		function showAd(e)
		{
			var ad;
				if ( ad = document.getElementById("ad") )
				   {
						ad.style.display = "block";

						setTimeout(" ad.style.display = 'none' ",9000);
				   }
		}
		</script>
	</head>

	<body >

		<div id="ad" style="position:absolute;display:none;left:200px;top:70px;z-index:1000;" >
		<!-- add the contents of the ad here -->
		<img src="http://us.i1.yimg.com/us.yimg.com/i/us/sp/fn/gr/blog_promo.gif" />   
		</div>

		<br /> <br /><br /><br /><br /><br /><br />
		bla  bla bla bal bal bla bla bal bal bal <br /> 
		ebmla boba honda stren homds hgna 
	</body>

</html>

جزاك الله أخى شريف لكن بيبقى فية خيار انك تقفل الفلاشة بحيث لا تظهر ازاى انت اردت ذلك فكيف ؟

اوكى, انا عدلت فى الصفحة بحيث يظهر علامة بالضغظ عليها يتقفل الأعلان

<html >

	<head>
		<script language="javascript">
		window.onload = showAd;

		function showAd(e)
		{
			var ad;
				if ( ad = document.getElementById("ad") )
				   {
						ad.style.display = "block";

						setTimeout(" hidde('ad');",9000);
				   }
		}

		function hidde(id)
		{
				if ( tag = document.getElementById(id) )
				   {
						tag.style.display = "none";

				   }
		}
		</script>

		<style >

		 #ad	{
				 position:absolute;
				 display:none;
				 text-align:right;
				 right:5px;
				 top:50px;
				 z-index:20;
				}

		.close {
				background-color:red;
				color:#FFFFFF;
				border: 1px solid #000000;
				font-size:10pt;
				font-weight:bold;
				font-family: Times new roman, Arial;
				float:right;
				width:20px;
				text-align:center;
				cursor:pointer;
				}

		</style>
	</head>

	<body >

		<div id="ad"  >
		<div class="close" onclick="java script:hidde('ad');" >X</div>
		<!-- add the contents of the ad here -->
		<img src="http://us.i1.yimg.com/us.yimg.com/i/us/sp/fn/gr/blog_promo.gif" />   
		</div>

		<br /> <br />
		bla  bla bla bal bal l ebmla boba honda stren homds bla bla bal bal bal ebmla boba honda stren homds hgna<br /> 
		bla  bla bla bal bal l ebmla boba honda stren homds bla bla bal bal bal ebmla boba honda stren homds hgna<br /> 
		bla  bla bla bal bal l ebmla boba honda stren homds bla bla bal bal bal ebmla boba honda stren homds hgna<br /> 
		ebmla boba honda stren homds hgna 
	</body>

</html>

السلام عليكم

جزاكم الله خيرا اخى شريف

بس هسيتاذنك ممكن شرح مبسط للكود ؟

جزاكم الله خيرا اخى شريف

ibn_elkhatabb كتب:

السلام عليكم

جزاكم الله خيرا اخى شريف

بس هسيتاذنك ممكن شرح مبسط للكود ؟

window.onload = showAd;

عند الأنتهاء من تحميل الصفحة استدعى الدالة showAd

التالى دالة إظهار الـ tag الذى يحتوى الأعلان

//الدالة showAd 
function showAd(e)
		{
		   //تعريف متغير جديد ad 
var ad;

// الأتيان بالـ object الخاص بالـ tag الذى فيه id = "ad"
	 if ( ad = document.getElementById("ad") )
				   {
		 // إن تم إيجاد الـ tag سنقوم بإظهاره  
			 ad.style.display = "block";

		 // إخفاء الـ tag عن طريق إستدعاء hidde بعد 9 ثوانى		  
	 setTimeout(" hidde('ad');",9000);
				   }
		}

دالة الأخفاء

function hidde(id)
		{
				if ( tag = document.getElementById(id) )
				   {
						tag.style.display = "none";

				   }
		}

التالى ال css الازم لتعريف مكان و كيفية عرض الأعلان

 <style >

		 #ad	{
				 position:absolute;
				 display:none;
				 text-align:right;
				 right:5px;
				 top:50px;
				 z-index:20;
				}

		.close {
				background-color:red;
				color:#FFFFFF;
				border: 1px solid #000000;
				font-size:10pt;
				font-weight:bold;
				font-family: Times new roman, Arial;
				float:right;
				width:20px;
				text-align:center;
				cursor:pointer;
				}

		</style>

هنا الـ tag الذى يحتوى الأعلان

 <div id="ad"  >
		<div class="close" onclick="hidde('ad');" >X</div>
		<!-- add the contents of the ad here -->
		<img src="http://us.i1.yimg.com/us.yimg.com/i/us/sp/fn/gr/blog_promo.gif" />  
		</div>

لآحظ الـ id الخاص بكل tag و الحدث onClick الذى سيستدعى hidde بمجرد الضغط على الـ tag الذى ينتمى إليه