إخفاء وإظهار أجزاء من الصفحة دون عمل تحديث

لو بحثت في المنتدى لوجدت امثلة متنوعه لما تريد على احي حال اخي العزيز هذا مثال مبسط لفهم المفكره ..

<html>
<head>
<meta http-equiv="Content-Language" content="ar-sa">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>T E S T</title>
<script>
function show(){
	if(document.all['MY'].style.display=="block"){
		document.all['MY'].style.display="none"
	}else{
		document.all['MY'].style.display="block"
	}
}
</script>
</head>
<body>
<p><img src="#" alt="اغلاق" onclick="show();"></p>
<p> </p>
<div id="MY" style="display: block;">السلام عليكم ورحمة الله وبركاته</div>
</body>
</html>

أشكرك جزيل الشكر أخي العزيز وأعتذر عن تأخر الرد

أجابة كاملة وشاملة

وبالنسبة لموضوع البحث .. للأسف أخي بحث وما وجدت نتيجة

بناء على كلمات البحث اللي إستخدمتها وبالتأكيد الخطأ مني.. :blush:

أشكرك مرة أخرى

لدي سؤال آخر هو كيف أضع 2 text يفصل بينهما button حيث ما أكتبه في الأول بعد الضغط على button اجد أنه تحول إلى الثاني.

SIFE-C كتب:

لدي سؤال آخر هو كيف أضع 2 text يفصل بينهما button حيث ما أكتبه في الأول بعد الضغط على button اجد أنه تحول إلى الثاني.

<html><head>
<script>
function setValue(nameField, valueField){
	document.all[nameField].value=valueField;
}
function getValue(nameField){
	return document.all[nameField].value;
}
</script>
</head>
<body>
	<p><input type="text" name="T1" size="20"></p>
	<p><input type="text" name="T2" size="20"></p>
	<p><input type="button" value="Button" name="B3" onclick="setValue('T2',  getValue('T1')); setValue('T1', ' ');"></p>
</body></html>