الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

إخفاء جزء من الصفحة

بدأه She في 20 مايو 2012 · 17 رد · 1,278 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الله

لدي سؤال فضلا

كيف أجعل جزء من الصفحة مخفي وإذا ضعط على زر يظهر؟

وشكرا لكم على تعاونكم الدائم

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

#2

تخي العزيز

لنفرض انه لديك حقل اسمه txtName تريد اخفائه

قم بتحويل خاصية Visible إلى False

وضع زر عند النقر عليه يقوم بالتالي

 TxtName.Visible = true;

تم تعديل هذه المشاركة بواسطة MgeEeD2004 في 20 مايو 2012 في 12:51

#3

أشكر أخي الكريم

لكني أريد فضلا أن أخفي جزء مثلا جدول كامل أو div يحوي عدد من الكنترول

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

#4

هناك طريقتان لذلك

الأولى هي وضع div ومحتوياته ضمن PANEL ثم تعطيل خاصية الظهور ... هكذا

Panel1.visible = false;

أو إخفاء div مباشرة عن طريق الكود ...عن طريق إعطاءه الخصائص التالية عند إنشاءه

<div runat="server" id="mydiv">

وفي الكود

mydiv.Visible = false;

ملاحظة : لإظهارها أعطي الخاصية visible القيمة True

بتوفيق الله تعالى

تم تعديل هذه المشاركة بواسطة _أبو حذيفة_ في 20 مايو 2012 في 17:25

1

الله أكبر الله أكبر الله أكبر لآ إله إلا الله الله أكبر الله أكبر ولله الحمد

#5

إخفاء div بالكود في وقت العرض يكون جافا اسكربت

1
#6

شاكرة لكم الشكر الجزيل

جربت وعمل معي

شكرا مرة أخرى

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

#7

بامكانك استخدام الجي كويري كحل تصميمي مع الحركات واستخدام التوابع الجاهزة

hide

show

ايضا بامكانك استخدام جافا سكريبت عادي لاظهار اي عنصر او اخفائه ذلك يفيد بان الطلب لن يرسل للمخدم حتى يتم الاخفاء وانم يتم الاخفاء مباشرة او عرض مباشر

2
#8

بامكانك استخدام الجي كويري كحل تصميمي مع الحركات واستخدام التوابع الجاهزة

hide

show

ايضا بامكانك استخدام جافا سكريبت عادي لاظهار اي عنصر او اخفائه ذلك يفيد بان الطلب لن يرسل للمخدم حتى يتم الاخفاء وانم يتم الاخفاء مباشرة او عرض مباشر

#9
بالعربي نتقدم كتب:

بامكانك استخدام الجي كويري كحل تصميمي مع الحركات واستخدام التوابع الجاهزة

hide

show

ايضا بامكانك استخدام جافا سكريبت عادي لاظهار اي عنصر او اخفائه ذلك يفيد بان الطلب لن يرسل للمخدم حتى يتم الاخفاء وانم يتم الاخفاء مباشرة او عرض مباشر

شكرا جزيلا بالعربي نتقدم لاجابتك

وتبدو لي الطريقة ممتازة كونها لا تحتاج أن تعود لطلب من السيرفر

هل من الممكن التوضيح أكثر؟

ولك الشكر

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

#10

كما أشار الشباب

هذا مثال لإستخدام javascript لمثل هذه العملية

     <script type="text/javascript"> 
<!--  
wino = function(){ 
if(document.getElementById("wino_id").style.display == "none") 
    document.getElementById("wino_id").style.display = "" 
else 
    document.getElementById("wino_id").style.display = "none" 
} 
//--> 
</script> 

<div id="wino_id" style="display:none">محتوى محتوى محتوى</div>  

<a href="#" onclick="wino()">إخفاء المحتوى</a>

المثال من هنا

وهذا لإخفاء عناصر بإستخدام jquery

<!DOCTYPE html>
<html>
<head>
  <style>
p { background:#dad;
font-weight:bold;
font-size:16px; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button>Toggle 'em</button>

<p>Hiya</p>
<p>Such interesting text, eh?</p>
<script>
$("button").click(function () {
$("p").toggle("slow");
});    
</script>

</body>
</html>

المثال من هنا

2

الله أكبر الله أكبر الله أكبر لآ إله إلا الله الله أكبر الله أكبر ولله الحمد

#11

اشكرك أخي الكريم

جربت أعمل الأول وعمل معي بشكل ممتاز

لكن الحقيقة أن طريقة jquery أجمل (: بكثير الا أنها لم تعمل في asp.net

هل من حل؟

شكرا جزيلا مقدما

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

#12
اقتباس
لكن الحقيقة أن طريقة jquery أجمل (: بكثير الا أنها لم تعمل في asp.net

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

#13

شكرا جزيلا

لدي أتصال بالانترنت

وهذا هو الكود

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 id="Head1" runat="server">
    <title>Untitled Page</title>


     <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

<style type="text/css">
p { background:#dad;
font-weight:bold;
font-size:16px; }
</style>

</head>
<body>
    <form id="form2" runat="server">

    <button>Toggle 'em</button>


<script type="text/javascript" >

    $("button").click(function () { $("p").toggle("slow"); });    
</script>
<p>Hiya</p>
<p>Such interesting text, eh?</p>

    </form>
</body>
</html>

جربت أن أضع كود script في head ولم يعمل

لكم الشكر

تم تعديل هذه المشاركة بواسطة She في 30 مايو 2012 في 14:08

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

#14

السلام عليكم

الحل هو إخراج button خارج ال form أو حذف الفورم ...

هكذا ..

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<title>Untitled Page</title>
	<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

<style type="text/css">
p { background:#dad;
font-weight:bold;
font-size:16px; }
</style>

</head>
<body>
	<button>Toggle 'em</button>
	<form id="form2" runat="server">

<script type="text/javascript" >

	$("button").click(function () { $("p").toggle("slow"); });	
</script>
<p>Hiya</p>
<p>Such interesting text, eh?</p>

	</form>
</body>
</html>

كذلك يمكنك تركه داخل الفورم مع إضافة الخاصية type ="button" ل button ... هكذا :

<button type="button">Toggle 'em</button>

........تم التعديل..........

بتوفيق الله تعالى .

تم تعديل هذه المشاركة بواسطة _أبو حذيفة_ في 30 مايو 2012 في 17:57

1

الله أكبر الله أكبر الله أكبر لآ إله إلا الله الله أكبر الله أكبر ولله الحمد

#15

شكرا جزيلا أبو حذيفة

سأسألك وأعتذر عن سخافة السؤال الا أني أجهله

ما دور الفورم؟ وما الذي يجعله عائق دون أن يتنفذ الكود

في الكود الذي وضعته أنا لم يكن هناك نتيجة فهو لا يخفي شيء

كل الشكر

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

#16

إقرأي عن الفورم

اقتباس
وما الذي يجعله عائق دون أن يتنفذ الكود

لا يوجد عائق

اقتباس
في الكود الذي وضعته أنا لم يكن هناك نتيجة فهو لا يخفي شيء

بل تم أمر الإخفاء والإظهار ولكن بسرعة لأن الصفحة تحدثت كلها والحل هو وضع الخاصية type = button ل button

والله أعلى وأعلم .

تم تعديل هذه المشاركة بواسطة _أبو حذيفة_ في 30 مايو 2012 في 17:56

الله أكبر الله أكبر الله أكبر لآ إله إلا الله الله أكبر الله أكبر ولله الحمد

#17

يمكن ان تستخدم ال Multiview + view

عن طريق تغيير قيم Multiview Index حسب الجزء الذي تود عرضه

اللهم صلّ على سيدنا محمد وعلى آله وصحبه وسلّم


موقعي الرياضي

#18

أعجز عن شكر الجميع للاجابة والتوضيح والمعلومات التي أحصل عليها من النقاش معكم

لكم مني الشكر الجزيل ومن الله الأجر العظيم

اللهم ما اصبح /امسى بي من نعمة أو بأحد من خلقك فمنك وحدك لا شريك لك فلك الحمد ولك الشكر

مواضيع مشابهة