Tag Archives: jQuery

ایکس ایس ایل ٹی اور jQuery نمونے

2 جوابات

میں نے ایکس ایس ایل ٹی اور jQuery کی کی ایک بہت کر رہا ہے اور میں دوسروں کے مستقبل میں مفید ہو سکتی ہے کہ چند ٹکڑوں کو بانٹنے لگا دیا گیا ہے.

مثال کے طور پر 1: سادہ جاوا اسکرپٹ کا اخراج / ایکس ایس ایل ٹی میں jQuery:

<xsl:سانچا میچ "کچھ =" XML:جگہ "محفوظ" =>

  <!– استفسار دوستانہ فلٹر چھپے ہوئے میدان سے باہر خالی –>
  <نوشتہ قسم "متن/جاوا" =>
    $(دستاویز).تیار(تقریب(){
      $("#QueryFriendlyFilters").ویل("خالی");
    });
  </سکرپٹ>

</xsl:سانچے>

یہی تھوڑا سا لوڈ ہو رہا ہے ختم کرنے کے لئے صفحہ کے لئے انتظار کر رہی ہے کہ کچھ جاوا اسکرپٹ کا اخراج (کی وجہ سے $(دستاویز).تیار(...)) اور پھر "خالی" لغوی قیمت QueryFriendlyFilters نامی ایک خفیہ فیلڈ کی قیمت کا تعین کرتا ہے.

مثال کے طور پر 2: استعمال کریں <xsl:اگر> "سے زیادہ" دیکھنے کے لیے,  "سے بھی کم", وغیرہ.

<xsl:سانچا میچ "کچھ =" XML:جگہ "محفوظ" =>

  <دو id = "فدکاللفلٹرس">
 
    <xsl:تو test="@Count>0">
      <کلاس اسپین = "فدکفلٹرلیبل">موجودہ فلٹر:</مدت>
    </xsl:اگر>

    <!– زیادہ چیزیں یہاں ہوتا. –>

</xsl:سانچے>

مندرجہ بالا ٹکڑا "کچھ" عنصر کے "شمار" نامی ایک وصف صفر سے بڑا ہے تو دیکھنے کے لئے چیک کرتا ہے.  اس کے پیچھے XML کچھ کی طرح ہو جائے گا:"

</ کچھ شمار = "5">

مثال کے طور پر 3: تمام عناصر کے ذریعے Iterate, jQuery کالز interspersing.

<!– تمام فلٹر کے ذریعے Iterate اور درست ڈسپلے  لنکس. –>
<xsl:کے لئے-ہر منتخب کریں = "اسرفالٹر">

  <ایک کلاس "فلٹرہریف =" ہریف = "جاوا سکرپٹ:mySubmitPage('ریموویوسرفلٹر','{@ ID}')">[ایکس]</ایک>

  <کلاس اسپین = "فدکفلٹرلیبل"><xsl:کی قدر میں select="@FilterValue"/></مدت>

  <نوشتہ قسم "متن/جاوا" =>

    $(دستاویز).تیار(تقریب(){
        <xsl:متن><![CDATA[$("#QueryFriendlyFilters").ویل( ($("#QueryFriendlyFilters").ویل() + " ]]></xsl:متن>\"<xsl:کی قدر میں select="@FilterValue"/>\"<xsl:متن><![CDATA["));]]></xsl:متن>
    });

  </سکرپٹ>

</xsl:-ہر ایک کے لئے>

مندرجہ بالا ٹکڑا سب سے زیادہ پیچیدہ ہے اور ایسا کرنے کے آسان طریقے ہو سکتے ہیں.

اس کے پیچھے XML تقریبا اس کی طرح لگتا ہے:

<UserFilter ID = "123" FilterValue = "xyzzy" />

یہ ٹکڑا کے ذریعے iterating ہے <یوزر کے فلٹر> نوڈ. 

یہ سب سے پہلے کلک کیا جب صفحے پر پہلے سے ہی ہے کہ جاوا اسکرپٹ کی تقریب invokes کہ ایک اینکر ٹیگ اخراج, "mySubmitPage" اور پر ایک وصف کی قدر گزر جاتا ہے <یوزر کے فلٹر> "آئی ڈی" کے نام نوڈ. 

اس کے بعد یہ صفحہ لوڈ کرنے کے لئے انتظار کر رہی ہے کہ کچھ jQuery اخراج.  کہ jQuery اپ ڈیٹ FilterValue وصف کی قدر انہوں نے مزید کہا کی طرف سے "QueryFriendlyFilters" نامی ایک چھپی ہوئی میدان.  تمام پاگل نوٹ <xsl:متن> اور <![CDATA[ ... ]]> سامان.

یہی ہے, اس کی مدد کرتا ہے امید ہے کہ!

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

Lists.asmx, GetListItems اور پوشے

6 جوابات

میں شیئرپوائنٹ کے ایک حصے کے طور پر فراہم کی list.asmx ویب سروس کے ارد گرد آج کسی کے لئے کچھ تحقیق کر رہا تھا 2010 (اور اسے قبل).  وہ جڑ فولڈر میں اشیاء کی فہرست حاصل کرنے کے لئے کے قابل تھا (ذیلی فولڈرز کے نام بھی شامل ہیں), لیکن ذیلی فولڈر میں موجود آئٹمز نہیں مل سکا.  میں نے کچھ internets پر کے ارد گرد دیکھ کیا اور یہ ایک حیرت کی بات عام سوال ہے.  ابھی, میں نے سادہ سا سوال ایک اچھا جواب نہیں مل سکا, "میں فولڈر علم ہو تو, میں کس طرح کے فولڈر میں اشیاء کو حاصل کروں?"  ایماندار ہونے کے لئے, میں تھوڑی دیر کے لئے یہ اپنے آپ میں ایک پتہ چاہتا تھا بعد میں وہ سب مشکل کی کوشش نہیں کی مسکراہٹ.

اس کے قائم کرنے کے لئے, میں "بلاگنگ مناظر" اور "ذیلی پوشے کے ساتھ اپنی مرضی کے مطابق کی فہرست" نامی ایک اپنی مرضی کے مطابق کی فہرست نامی ایک ویب سائٹ پیدا کیا.  میں پھر نامی فولڈر تخلیق:

  • سال 2005
  • سال 2006
  • سال 2007

میں فولڈر "سال 2006" کے لئے چند اشیاء شامل ہیں.  یہ کس طرح نظر آئے ہے:

image

میرے دوست C # کوڈ لکھنے بلکہ جاوا کا استعمال کرتے ہوئے نہیں ہے, تو سپ لفافے وہ واقعی کی ضرورت کیا تھی.  اس کے حاصل کرنے کے لئے, میں jQuery کا تھوڑا سا لکھا اور پھر اصل HTTP بات چیت حاصل کرنے کے لئے استعمال کیا جاتا fiddler.

یہاں متعلقہ jQuery ہے (آپ پیسٹ کریں / کاپی کرنا چاہتے ہیں تو میں نے مندرجہ ذیل کوڈ کاپی نیچے):

image

انہوں نے سب سے پہلے ایک اہم دونوں کو شامل کرنے کے لئے ہے <queryOptions> اور <QueryOptions> نوڈ.  دوسری چابی ہے کہ <فولڈر> نوڈ جو کلائنٹ رسائی حاصل ہے کرنے کے لئے ایک یو آر ایل ہے.

اس کو حاصل کرنے کے دوسرے طریقوں سے ہو سکتی ہے, jQuery استعمال کرتے وقت لیکن یہ میرے لئے اچھا کام کیا.

یہاں سے اوپر کے لئے سپ لفافے ہے:

<soapenv:لفافہ xmlns:soapenv =’HTTP://schemas.xmlsoap.org / صابن / لفافے /’>                
  <soapenv:جسم>
    <GetListItems xmlns =’HTTP://schemas.microsoft.com / شیئرپوائنٹ / صابن /’>
      <listName>ذیلی پوشے کے ساتھ اپنی مرضی کے مطابق کی فہرست</listName>
      <viewFields>  
        <ViewFields>
          <FieldRef نام = 'کا عنوان’ />
          <FieldRef نام = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <فولڈر>HTTP://demoserver1/Blogging مناظر / فہرستوں / ذیلی پوشے / سال 2006 کے ساتھ اپنی مرضی کے مطابق کی فہرست</فولڈر>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
  </soapenv:جسم>
</soapenv:لفافہ>

اس کے ارد گرد مثالیں اور مباحثہ بہت سے مجھے سب کی ضرورت تھی کہ یقین کرنے کے لئے کی قیادت کی <QueryOptions> اور ایک فولڈر کے نام کی وضاحت.  میرے لئے, مجھے دونوں لفاف اس کے اندر کرنے کی ضرورت ہے <queryOptions> کے ساتھ ساتھ کے لئے ایک مکمل طور پر تعلیم یافتہ یو آر ایل کی وضاحت <فولڈر> نوڈ.

یہاں jQuery AJAX سیٹ اپ ہے:

$(دستاویز).تیار(تقریب() {
       متغیر soapEnv =
           "<soapenv:لفافہ xmlns:soapenv =’HTTP://schemas.xmlsoap.org / صابن / لفافے /’> \
               <soapenv:جسم> \
                    <GetListItems xmlns =’HTTP://schemas.microsoft.com / شیئرپوائنٹ / صابن /’> \
                       <listName>ذیلی پوشے کے ساتھ اپنی مرضی کے مطابق کی فہرست</listName> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef نام = 'کا عنوان’ /> \
                              <FieldRef نام = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <فولڈر>http://demoserver1/Blogging مناظر / فہرستوں / ذیلی پوشے / سال 2006 کے ساتھ اپنی مرضی کے مطابق کی فہرست</فولڈر> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:جسم> \
           </soapenv:لفافہ>";

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

Endlessly Nesting <div> ٹیگ اور jQuery

جواب چھوڑیں

یہ اس طرح ایک oddball موضوع کی طرح لگتا ہے, میں نے اس کے بارے میں واقعی قابل بلاگنگ ہے یقین نہیں ہے, لیکن اس سے پہلے مجھے کبھی نہیں روکا ہے, تو یہاں ہم جا مسکراہٹ

مجھے کسی کی تلاش کی طرف سے کچھ اعداد و شمار ھیںچ رہا ہوں جہاں ایک منصوبے پر کام کر رہا ہوں, XML بالآخر ایکس ایس ایل ٹی کے ذریعے ایچ ٹی ایم ایل میں تبدیل کر دیا جاتا ہے کہ اس وقت ایک XML پیغام میں اسے پیکنگ اور.  ملوث jQuery کی ایک بہت کچھ ہے, جس میں سے ایک تھوڑا سا کچھ جدول بندی فعالیت عملدرآمد کرتا ہے.  آپ کو ایک ٹیب پر کلک کرتے ہیں تو (واقعی, ایک <div>), jQuery invokes. چھپانے() اور. شو() مختلف divs پر (اس معاملے میں کوئی postbacks ہیں تاکہ ابتدائی صفحہ لوڈ ہونے تمام مواد ڈاؤن لوڈ).

گھنٹے کے ایک گروپ پہلے, ٹیب سوئچنگ منطق erratically برتاؤ کرنا شروع کر دیا اور یہ میرے ٹیبز میں سے ایک کو ظاہر نہیں کرے گا.  میں آخر میں ہے کہ انٹرنیٹ ایکسپلورر حقیقت اسے نیچے ٹریک (کم سے کم) سوچا کہ <div> ٹیگز تک اندر در اندر, intended.The ڈیولپر ٹول بار سے کہیں گہرے دکھائے گا:

-<div ID = "Tab1Content">
  -<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-آخر یہ سب طریقے سے یہاں نیچے بند کر دیا گیا دکھا!

تو, میں نے کیا تو $("# Tab1Content").چھپا(), میں نے بھی Tab2 چھپانا چاہتے ہیں اور میں نے بھی Tab1 ظاہر نہیں کیا تو میں Tab2 دکھا کبھی نہیں ہو سکتا ہے.  میں کاپی اور چسپاں کوڈ اپ بصری سٹوڈیو میں ہے اور یہ اچھی طرح div کی استر کے سب سے ظاہر ہوا, وہ کیا کر سکتی تھیں جیسا, اس طرح دیکھ کر:

-<div ID = "Tab1Content">
  +<div>
  +<div>
-<div ID = "Tab2Content">
  +<div>
  +<div>

میں تھوڑی دیر کے لئے دیوار کے خلاف اپنے سر سے شکست دی اور اصل HTML کوڈ میں خالی کی ایک بہت پیدا کیا گیا تھا دیکھا <div> ٹیگز, کی طرح:

<جسم>

  <div ID = "Tab1Content">

    <div ID = "row1" />
    <div ID = "row2" />

  </div>

  <div ID = "Tab2Content">

    <div ID = "row1" />
    <div ID = "row2" />

  </div>

</جسم>

(مندرجہ بالا waaaaaaaaaaaay oversimplified ہے.  خالی div ٹیگز مکمل طور پر درست ہیں. میرے سے کچھ <div> ٹیگز کے مواد کی مکمل تھے, لیکن بہت زیادہ نہیں تھے.  مجھے احساس ہوا کہ میری <xsl:-ہر ایک کے لئے> جب xsl ہدایات مختصر فارم div ٹیگز نکل رہے تھے:کے لئے ہر 'کوئی اعداد و شمار نہیں مل سکا.  میں پیداوار میں ایک HTML تبصرہ مجبور, کے طور پر دکھایا گیا:

image

 

میں نے اس کے بعد کیا, تمام div اچھی طرح لائن میں کھڑا کر اور میرے ٹیب پر سوئچنگ کام شروع کیا ہے.

ہمیشہ کی طرح, میں نے یہ ایک چوٹکی میں کسی کو امید ہے کہ میں مدد ملتی ہے.

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

ابھی تک مزید jQuery–ایک تصویر کا سائز تبدیل کریں مثال کے طور پر

جواب چھوڑیں

میں نے ایک کلائنٹ کے پرانے وینڈر سے ایک ویب حصہ وراثت میں ملے اور یہ ایک تصویر کا سائز مسئلہ ہے.  تصاویر 60 ہونا چاہئے×50 لیکن کچھ عجیب وجہ سے, اصل وینڈر 42 میں نے انہیں مجبور کر دیا×42, تاکہ وہ squashed نظر:

 

اچھا تصویری

برا تصویری

یہاں مارکاپ ہے (کسی حد تک آسان):

<ٹیبل کلاس = 'توسیع آؤٹ لک'>
  <thead>
    <TR>
      <ویں  چوڑائی = '100′>3 منگل</ویں>
    </TR>
  </thead>

  <tbody>
    <TR کلاس = 'پیشن گوئی'>
      <TD چوڑائی = '100′>
        <ST>
          <لی کلاس = 'اعلی'>ہائی: 72&آپ;F</لی>
          <لی کلاس = 'کم'>کم: 44&آپ;F</لی>
          <لی کلاس = 'شرط'>سنی
            <IMG ایسآرسی =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ چوڑائی = '42’ اونچائی = '42’ ALT =” />
          </لی>
        </ST>
      </TD>
    </TR>

  </tbody>

</ٹیبل>

آپ نوٹ کریں گے کہ اگرچہ تصویر خود کا راستہ مناسب طول و عرض سے پتہ چلتا ہے (60×50) اصل وینڈر 42 میں مجبور کر دیا×42.  کیوں?  پاگل.

ویسے بھی, میں نے اس مسئلے کے لئے ایک فوری اور آسان حل چاہتے تھے اور میں jQuery پر تبدیل کر دیا.  مناسب ٹرک کے تمام تلاش کرنے کے لئے تھا <IMG> ٹیگز.  میں نے کسی بھی دوسرے IMG ٹیگ کے ساتھ کے بارے میں گوبر نہیں کرنا چاہتے تھے (بہت سے موجود ہیں جن میں سے).  jQuery کا یہ تھوڑا سا چال کیا:

<نوشتہ قسم متن/جاوا سکرپٹ"=" ایسآرسی ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></سکرپٹ>

<نوشتہ قسم "متن/جاوا" =>
     $(دستاویز).تیار(تقریب () {

         $(' li.condition > IMG ').ہر ایک(تقریب (انڈیکس, شے)
            {
             $(شے).سی ایس ایس("چوڑائی", "60"); 
             $(شے).سی ایس ایس("بلندی", "50");
            });
     }); // دستاویز بوجھ پر
</سکرپٹ>

کوڈ کی ہے کہ تھوڑا سا مجموعہ پائے <لی> جس کلاس ٹیگز "شرط" اور ہے <IMG> بچوں.  اس کے بعد اس کے تمام کے ذریعے iterates.  ایک جادو کی طرح کام کیا.

میں شاید اس کو کارگر بنانے کے کر سکتے ہیں, لیکن میں π حل ہے کہ UNIX آدمی کی ایک قسم تھی کبھی نہیں کے لئے 18 ہندسوں صحت سے متعلق sed اور awk کا استعمال کرتے ہوئے اور میں jQuery آدمی تو یا تو اس طرح نہیں ہوں مسکراہٹ.

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

آپ کی ٹھیک ہے کا کنٹرول لے لو اور بٹن منسوخ کریں

3 جوابات

میں نے لکھا اس مضمون تھوڑی دیر میں واپس, مجھے وقت پر اپنے بلاگ سے منسلک نہیں تھا کی طرح ہے لیکن لگتا ہے, تو یہاں ہے:

image

یہ مضمون وہ منسوخ کلک کرتا ہے جب صارف ٹھیک کلکس اور ایک مختلف صفحے جب newform.aspx ایک صفحے پر ری ڈائریکٹ کرنے کے مجبور کرنے کا طریقہ بیان.

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

فوری ٹپ: کا کائی پبلشنگ رکھنے والے صفحات کرنے کے لئے jQuery کو شامل کرنے سے

1 جواب دیجیے

jQuery کا استعمال کرتے ہوئے کائی publising صفحات میں اضافہ جب, میں مندرجہ ذیل رفتار ٹکرانا مارا:

پیش کار میں نقص ' /’ درخواست.

تجزیہ کار خرابی

تفصیل: ایک خامی یہ درخواست کی خدمت کرنے کے لئے ضروری ایک وسیلہ کے پارسنگ کے دوران واقع ہوئی ہے. درج ذیل مخصوص توڑتے غلطی کی تفصیلات کا جائزہ لیں اور مناسب طریقے سے آپ کا ماخذ فائل میں ترمیم کریں براہ مہربانی.

تجزیہ کار غلطی پیغام: صرف مواد کنٹرول کے مواد کے کنٹرول پر مشتمل ہے کہ مواد کے صفحے پر براہ راست کی اجازت ہے.

ماخذ کی خرابی: 

 
Line 10: 
Line 11: 
Line 12: <script 
Line 13:     type="text/javascript" 
Line 14:     src="/jQuery/jquery-1.4.min.js">

ماخذ فائل: /_catalogs / masterpage / KCC_FacultyMember.aspx    لائن: 12

ورژن معلومات: مائیکروسافٹ نیٹ فریم ورک ورژن:2.0.50727.4927; ASP.NET ورژن:2.0.50727.4927

اسے ٹھیک کرنے کے لئے کافی آسان تھا (H / T اپنے ساتھی پر, ادی Ethirajulu).  دکھایا گیا ہے کے طور پر jQuery کے کوڈ "PlaceHolderAdditionalPageHead" کے اندر رہتا ہے کہ اس بات کا یقین:

<یسپ:مشمول کونٹینٹپلیہولڈرد = "پلیہولڈراداٹاونلپاگحیاد" رونہٹ = "سرور">

<سکرپٹ

    قسم = متن/جاوا سکرپٹ""

    src="/jQuery/jquery-1.4.min.js">

</سکرپٹ>

<نوشتہ قسم "متن/جاوا" =>

  $(دستاویز).تیار(تقریب() {

   // بہت خوب jQuery چیزیں یہاں جاتا ہے.

   });

</سکرپٹ>

</آخر>

اپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin