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

مشكلة تنفيد jquery مع asp.net

بدأه متعلم طازج في 29 يناير 2013 · 10 رد · 649 مشاهدة · في ASP.NET
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

عندي مشكلة في تنفيذ  كود ال jquery مع asp.net

هذا الكود يعمل لثواني ويعود الى حالة 

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <title></title>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript" >
    $(document).ready(function () {
        $("#but").click(function () {
            $("#hide_div").toggle();
        });
    });
</script>

</head>
<body>
    
      <form id="form1" >

   <div id="hide_div"  >
   
   hi how are you 
   </div> 
    <Button ID="but" runat="server"  >اظهار / اخفاء</Button> 

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

 

وفي حالة حذف   <form id="form1" > يعمل الكود بشكل صحيح ارجو المساعدة 

#2

جرب التعديل

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <title></title>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript" >
    $(document).ready(function () {
        $("#but").click(function () {
            $("#hide_div").toggle();
        });
    });
</script>

</head>

<body>
       <div id="hide_div">
   hi how are you 
   </div> 

      <form id="form1" >
    <Button ID="but" runat="server"  >اظهار / اخفاء</Button>
 </form>
</body>
</html>
#3

اشكرك اخي الكريم ولكن المشكلة حين يكون معاك اكثر من div وفية بيانات 

#4

ممكن توضح

#5

اسف .

يعني اذا كان الموقع فية اكثر من اداة لل asp.net  

في اماكن مختلفة 

#6

اعتقد المشكلة فى الكود هو ال button id 

لان ال asp.net بتغير ال id لل controls فى ال run time

مثلا 

<asp:Button id="but" runat="server" />

 

سيصبح 

<input type="button" id="ct100_but" />

 

و الحل اما انك تخذف (runat="server")

او تغير الكود فى الjquery  الى

 

 

$('<%= "#" + but.ClientID %>').click(function(){});

 

 

 

 

 

#7

اشكرك اخي العزيز CsharpProgrammer

بخصوص الطريقة الاولى اعرفها  ولكن اريد ان اتعامل مع الطريقة الثانية او استدعي الدالة .

لكن  الطريقة الثانية  نفس المشكلة مرفق لكم الملف . 

 

WebSite1.zip

#8

أخي استخدم السطر التالي بدل سطر الزر لديك وسيعمل بشكل جيد إن شاء الله

 

        <input type="button" id="but" value="إظهار / إخفاء" />

تم تعديل هذه المشاركة بواسطة أبو أحمد المبرمج في 3 فبراير 2013 في 12:47

ما أقبـح المعصية ، تذهب لذتها ويبقى إثمها ... ومأ أحسن الطاعة ، تذهب مشقتها ويبقى ثوابها

كل نعيم دون الجنة غرور ... وكـل شقـاء دون النـار سرور

الدورة التطبيقية لتعليم التصميم بالإليستريتور

#9

اخي العزيز اشكرك على الرد ولكن اريد التعامل مع  مكونات asp .net 

#10

أخي الكريم أظن أن المشكلة هي أنك عندما تستخدم عناصر يتم تشغيلها في السيرفر فإنها ستعيد تحميل الصفحة مما يجعلها تتهيء من البداية أي أنك عندما تضغط الزر يتم تنفيذ فنكشن toggle  ولكن لكون الكليك حصل لزر سيذهب لينفذ في السيرفر حينها سيعيد تحميل الصفحة وستظهر المكونات من جديد

 

لذا عليك إما أن تحفظ آخر حالة للعنصر المعني بالاختفاء  ثم عند استدعاء فنكشن toggle  تمرر قيمة الحالة بعد عكسها منطقيا

 

أو أن تستخدم أجاكس حتى لا تعيد تحميل كامل الصفحة

ما أقبـح المعصية ، تذهب لذتها ويبقى إثمها ... ومأ أحسن الطاعة ، تذهب مشقتها ويبقى ثوابها

كل نعيم دون الجنة غرور ... وكـل شقـاء دون النـار سرور

الدورة التطبيقية لتعليم التصميم بالإليستريتور

#11

اشكرك اخي ابو احمد 

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