Tag Archives: jQuery

XSLT এবং jQuery নমুনা

আমি XSLT স্টাইলশীট এবং jQuery এর একটি অনেক কাজ এবং আমি অন্যদের ভবিষ্যতে লাভজনক হতে পারে যে কিছু স্নিপেট ভাগ চাই হয়েছে.

উদাহরণ 1: সহজ জাভাস্ক্রিপ্ট নির্গত / XSLT স্টাইলশীট মধ্যে jQuery:

<xsl:template match="something" XML:space="preserve">

<!– ক্যোয়ারী বন্ধুত্বপূর্ণ ফিল্টার লুকানো ক্ষেত্রের খুঁজে ফাঁকা –>
<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript">
    $(দলিল).প্রস্তুত(কাজ(){
      $("#QueryFriendlyFilters").Val("empty");
    });
</লিপি>

</xsl:টেমপ্লেট>

যে বিট লোড হওয়ার জন্য অপেক্ষা পৃষ্ঠা কিছু জাভাস্ক্রিপ্ট নির্গত (কারণ $(দলিল).প্রস্তুত(...)) এবং তারপরে "খালি" আক্ষরিক মান QueryFriendlyFilters নামে একটি লুকানো ক্ষেত্রের মান সেট করে.

উদাহরণ 2: ব্যবহার <xsl:যদি> "র চেয়ে বড়" চেক, "কম", প্রভৃতি.

<xsl:template match="something" XML:space="preserve">

<div id="fdcAllFilters">

    <xsl:if test="@Count>0">
      <span class="fdcFilterLabel">বর্তমান ফিল্টারগুলি:</বিঘত>
    </xsl:যদি>

    <!– আরো স্টাফ এখানে ঘটবে. –>

</xsl:টেমপ্লেট>

উপরে স্নিপেট "কিছু" উপাদান "কিছু" নামে একটি বৈশিষ্ট্য শূন্য অধিক কিনা দেখতে পরীক্ষা করা হবে. এই পিছনে এক্সএমএল কিছু মত হবে:"

</ কিছু count = "5">

উদাহরণ 3: সমস্ত উপাদান মাধ্যমে বারবার, jQuery কল interspersing.

<!– সমস্ত ফিল্টার মাধ্যমে বারবার এবং সঠিক প্রদর্শন লিঙ্ক. –>
<xsl:for-each select="UserFilter">

<a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,'{@ID}')">[এক্স]</একটি>

<span class="fdcFilterLabel"><xsl:value-of select="@FilterValue"/></বিঘত>

<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript">

    $(দলিল).প্রস্তুত(কাজ(){
        <xsl:পাঠ><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></xsl:পাঠ>\"<xsl:value-of select="@FilterValue"/>\"<xsl:পাঠ><![CDATA["));]]></xsl:পাঠ>
    });

</লিপি>

</xsl:-প্রতিটি জন্য>

উপরে স্নিপেট সবচেয়ে জটিল এবং তা সহজ উপায় হতে পারে.

এই পিছনে এক্সএমএল প্রায় ভালো দেখায়:

<UserFilter আইডি = "123" FilterValue = "xyzzy" />

এই স্নিপেট মাধ্যমে iterating হয় <ব্যবহারকারী ফিল্টার> নোড.

এটি প্রথম ক্লিক হলে পৃষ্ঠাটি ইতিমধ্যে একটি জাভাস্ক্রিপ্ট ফাংশন invokes একটি নোঙ্গর ট্যাগ নির্গত, "MySubmitPage" এবং একটি অ্যাট্রিবিউট মান পাসের <ব্যবহারকারী ফিল্টার> "আইডি" নামে নোড.

তারপর পৃষ্ঠা লোড জন্য অপেক্ষা কিছু jQuery নির্গত. যে jQuery আপডেট FilterValue অ্যাট্রিবিউট মান যোগ করে "QueryFriendlyFilters" নামে একটি লুকানো ক্ষেত্র. সব পাগল উল্লেখ্য <xsl:পাঠ> এবং <![CDATA[ ... ]]> পণ্যদ্রব্য.

যে এটি, এটি সাহায্য করে আশা করি!

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin

Lists.asmx, GetListItems এবং ফোল্ডার

6 জবাব

আমি SharePoint অংশ রূপে উপলব্ধ করা list.asmx ওয়েব পরিষেবা চারপাশে আজ কারো জন্য কিছু গবেষণা করছেন 2010 (এবং তার আগে). তিনি রুট ফোল্ডারে তালিকা আইটেম পেতে (সাব ফোল্ডার এর নাম সহ), কিন্তু সাব ফোল্ডার আইটেম পাওয়া যায়নি. আমি কিছু internets প্রায় খুঁজছেন হয়নি এবং এটি একটি আশ্চর্যজনক সাধারণ প্রশ্ন. তবুও, আমি সহজ প্রশ্নের একটি ভালো উত্তর পাই নি, "আমি ফোল্ডার না, কিভাবে আমি ফোল্ডারে আইটেম পেতে পারি?" সৎ হতে, আমি একটু অপেক্ষা করার জন্য আমার নিজের উপর এই এক চিন্তা চেয়েছিলেন করেছি আমি যে সব কঠিন চেষ্টা করা হয়নি হাসি .

এই সেট আপ, আমি বলেন, "ব্লগিং প্রেক্ষাপটে" এবং "নিম্নতর ফোল্ডার সঙ্গে কাস্টম তালিকা" নামক একটি কাস্টম তালিকা নামক একটি সাইট তৈরী. আমি তখন নামে ফোল্ডার তৈরি:

বছর 2005
বছর 2006
বছর 2007

আমি ফোল্ডার "2006" একটি কয়েক আইটেম যোগ করা হয়েছে. এটি দেখে মনে হচ্ছে কি:

আমার বন্ধু সি # কোড লেখা বরং জাভা ব্যবহার করছে না, তাই SOAP খাম তিনি সত্যিই কী প্রয়োজন ছিল. যে পেতে, আমি jQuery একটি বিট লিখেছেন এবং তারপর প্রকৃত HTTP-র কথোপকথন পেতে fiddler ব্যবহৃত.

এখানে প্রাসঙ্গিক jQuery এর (আপনি পেস্ট করুন / কপি করতে চান তাহলে আমি নিচের কোড কপি করে নিচে):

তারা প্রথম কী উভয় অন্তর্ভুক্ত করা হয় <queryOptions> এবং <QueryOptions> নোড. দ্বিতীয় কী যে <ফোল্ডার> নোড যা ক্লায়েন্ট এক্সেস আছে একটি URL টি.

এই পাওয়ার অন্যান্য উপায় হতে পারে, jQuery ব্যবহার করার সময় কিন্তু এই হল আমার জন্য ভাল কাজ.

এখানে উপরোক্ত জন্য SOAP খাম হয়:

<soapenv:খাম xmlns:soapenv =’HTTP://schemas.xmlsoap.org / সাবান / খাম /’>
<soapenv:দেহ>
    <GetListItems xmlns =’HTTP://schemas.microsoft.com / SharePoint / সাবান /’>
      <পর্ণমোচী>নিম্নতর ফোল্ডার সঙ্গে কাস্টম তালিকা</পর্ণমোচী>
      <viewFields>
        <ViewFields>
          <FieldRef নাম = 'শিরোনাম’ />
          <FieldRef নাম = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <ফোল্ডার>HTTP://demoserver1/Blogging পরিস্থিতিতে / তালিকার / উপ ফোল্ডার / বছর 2006 সঙ্গে কাস্টম তালিকা</ফোল্ডার>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
</soapenv:দেহ>
</soapenv:খাম>

এই সমস্যা এড়ানোর জন্য উদাহরণ এবং আলোচনার অনেক আমাকে প্রয়োজন মনে করেন যে নেতৃত্বে <QueryOptions> এবং একটি ফোল্ডার নাম উল্লেখ করুন. আমার জন্য, আমি উভয় মোড়ানো এটা ভিতরে করতে হবে <queryOptions> সেইসাথে জন্য সম্পূর্ণরূপে নির্ধারিত একটি URL নির্দিষ্ট <ফোল্ডার> নোড.

এখানে jQuery AJAX এর সেটআপ:

$(দলিল).প্রস্তুত(কাজ() {
       soapEnv = ছিল
           "<soapenv:খাম xmlns:soapenv =’HTTP://schemas.xmlsoap.org / সাবান / খাম /’> \
               <soapenv:দেহ> \
                    <GetListItems xmlns =’HTTP://schemas.microsoft.com / SharePoint / সাবান /’> \
                       <পর্ণমোচী>নিম্নতর ফোল্ডার সঙ্গে কাস্টম তালিকা</পর্ণমোচী> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef নাম = 'শিরোনাম’ /> \
                              <FieldRef নাম = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <ফোল্ডার>http://demoserver1/Blogging পরিস্থিতিতে / তালিকার / উপ ফোল্ডার / বছর 2006 সঙ্গে কাস্টম তালিকা</ফোল্ডার> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:দেহ> \
           </soapenv:খাম>";

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin

Endlessly পাখির বাসা <div> ট্যাগ্স এবং jQuery

উত্তর দিন

এই যেমন একটি oddball বিষয়ের মত মনে হয়, আমি এটা সম্পর্কে সত্যিই মূল্য ব্লগিং কি না নিশ্চিত নই, কিন্তু আগে যে আমাকে থামানো না এর, তাই আমরা এখানে হাসি

আমি একটি অনুসন্ধান থেকে কিছু তথ্য pulling করছি যেখানে একটি প্রকল্পের কাজ করছি, XML-এর পরিণামে XSLT স্টাইলশীট মাধ্যমে HTML এর মধ্যে রুপান্তরিত হয় তারপর একটি XML পাঠান মধ্যে এটি আপ প্যাকেজিং এবং. জড়িত jQuery একটি অনেক আছে, যা এক বিট কিছু tabbing বৈশিষ্ট্য প্রয়োগ করা হয়. আপনি একটি ট্যাব ক্লিক করুন (সত্যিই, একটি <div>), jQuery invokes. আড়াল() এবং. শো() বিভিন্ন divs নেভিগেশন (এই ক্ষেত্রে কোন postbacks আছে তাই প্রারম্ভিক পৃষ্ঠা লোড সমস্ত বিষয়বস্তু ডাউনলোড করা).

ঘন্টার একটি গুচ্ছ আগে, ট্যাব সুইচিং যুক্তিবিজ্ঞান erratically আচরণ শুরু করে এবং এটা আমার ট্যাব এক প্রদর্শন করা হবে না. আমি শেষ পর্যন্ত যে ইন্টারনেট এক্সপ্লোরার আসলে এটা ডাউন ট্র্যাক (অন্তত) চিন্তা <div> ট্যাগ পর্যন্ত নেস্টেড, intended.The ডেভেলপার টুলবার তুলনায় অনেক গভীর দেখাতে হবে:

-<DIV আইডি = "Tab1Content">
-<div>
    -<div>
      -<DIV আইডি = "Tab2Content">
        -<div>
           ..............................
                   </div> <-পরিশেষে এটা সব পথ নিচে এখানে বন্ধ ছিল দেখাচ্ছে!

সুতরাং, আমি একটা না হলে $("# Tab1Content").আড়াল(), আমি Tab2 আড়াল চাই এবং আমি এও Tab1 প্রদর্শন না করে থাকেন, তাহলে আমি Tab2 কখনও দেখাবেন না পারে. আমি কপি করা এবং আটকানো কোড আপ ভিসুয়াল স্টুডিও মধ্যে এবং এটা চমত্কারভাবে DIV এর আস্তরণের সব আপ দেখিয়েছে, তারা কাজ করা অনুমিত হয় ঠিক মত, ভালো খুঁজছেন:

-<DIV আইডি = "Tab1Content">
+<div>
+<div>
-<DIV আইডি = "Tab2Content">
+<div>
+<div>

আমি একটু অপেক্ষা করার জন্য প্রাচীর বিরুদ্ধে আমার মাথা এবং বীট প্রকৃত HTML কোড মধ্যে খালি অনেক উৎপাদিত ছিল লক্ষ্য করেছি যে, <div> ট্যাগ, চাই:

<শরীর>

<DIV আইডি = "Tab1Content">

    <DIV আইডি = "row1" />
    <DIV আইডি = "row2" />

</div>

<DIV আইডি = "Tab2Content">

    <DIV আইডি = "row1" />
    <DIV আইডি = "row2" />

</div>

</শরীর>

(উপরোক্ত waaaaaaaaaaaay oversimplified হয়. খালি DIV ট্যাগ সম্পূর্ণভাবে বৈধ নয়. আমার কিছু <div> ট্যাগ এড়িয়ে পূর্ণ ছিল, কিন্তু আরো অনেক ছিল না. আমি আদায় আসেন যে আমার <xsl:-প্রতিটি জন্য> যখন XSL নির্দেশ স্বল্প ফর্ম DIV ট্যাগ emitting হয়েছে:জন্য প্রতিটি 'কোনো তথ্য খুঁজে পান না. আমি আউটপুট মধ্যে একটি HTML মন্তব্য জোরপূর্বক, চিত্রের:

আমি যে কি পরে, সমস্ত DIV চমত্কারভাবে আপ রেখাযুক্ত এবং আমার ট্যাব সুইচিং এর কাজ শুরু.

সবসময়, আমি এই একটি চিম্টি মধ্যে কেউ সাহায্য আশা.

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin

এখনও আরও jQuery–একটি চিত্র উদাহরণ মাপ পরিবর্তন

উত্তর দিন

আমি একটি ক্লায়েন্ট পুরাতন বিক্রেতা থেকে একটি ওয়েব অংশ পুরুষ - পরম্পরাগত এবং এটি একটি চিত্রের আকার সমস্যা আছে. ছবি 60 হবে×50 কিন্তু জন্য কিছু অদ্ভুত কারণে, মূল বিক্রেতা 42 তাদেরকে জোরপূর্বক×42, তাই তারা তাকান squashed:

ভাল ছবি	খারাপ প্রতিচ্ছবি

এখানে মার্কআপ (কিছুটা সরলীকৃত):

<টেবিল বর্গ = 'বর্ধিত-চেহারা'>
<thead>
    <tr>
      <ম প্রস্থ = '100′>3 মঙ্গলবার</ম>
    </tr>
</thead>

<tbody>
    <tr বর্গ = 'পূর্বাভাস'>
      <td প্রস্থ = '100′>
        <রাস্তা>
          <li বর্গ = 'হাই'>উচ্চ: 72&আপনি;এফ</চীনদেশে প্রচলিত দূরত্বের একক>
          <li বর্গ = 'কম'>কম: 44&আপনি;এফ</চীনদেশে প্রচলিত দূরত্বের একক>
          <li বর্গ = 'শর্ত'>হাসিখুশি
            <img src =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ প্রস্থ = '42’ উচ্চতা = '42’ alt =” />
          </চীনদেশে প্রচলিত দূরত্বের একক>
        </রাস্তা>
      </td>
    </tr>

</tbody>

</টেবিল>

আপনি নোট করবো যে যদিও ইমেজটি পাথ যথাযথ মাত্রা প্রদর্শন (60×50) মূল বিক্রেতা 42 তা জোরপূর্বক×42. কেন? পাগল.

সকল অবস্থাতেই, আমি এই সমস্যা থেকে দ্রুত এবং সহজ সমাধান চেয়েছিলেন এবং আমি jQuery থেকে প্রমাণিত. কৌতুক যথাযত সমস্ত সনাক্ত ছিল <img> ট্যাগ. আমি অকাজ করা থেকে কি অন্য কোন img ট্যাগ সঙ্গে করতে চাই না (যার অনেক আছে). JQuery এই বিট কৌতুক করেনি:

<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></লিপি>

<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript">
     $(দলিল).প্রস্তুত(কাজ () {

         $(‘li.condition > img ').প্রত্যেক(কাজ (সূচক, আইটেম)
            {
             $(আইটেম).CSS("প্রস্থ", "60");
             $(আইটেম).CSS("উচ্চতা", "50");
            });
     }); // উপর নথি লোড
</লিপি>

কোড যে বিট সংগ্রহ দাঁত <চীনদেশে প্রচলিত দূরত্বের একক> ট্যাগ যার শ্রেণী "শর্ত" এবং <img> শিশু. তারপর যে সব মাধ্যমে iterates. একটি যাদুমন্ত্র মত কাজ.

আমি সম্ভবত এটি প্রবাহরেখা পারে, কিন্তু আমি একটি unix উপহাসাম্পদ ধরনের মীমাংসিত π ছিল না থেকে 18 সংখ্যা শব্দবাহুল্যহীনতা sed এবং awk ব্যবহার করে এবং আমি যদি jQuery পলায়ন হয় যে ধরনের না হাসি .

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin

আপনার ঠিক আছে নিয়ন্ত্রণ নিতে এবং বাটন বাতিল

3 জবাব

আমি লিখেছি এই নিবন্ধটি একটি যখন ফিরে, আমি সময় আমার ব্লগ থেকে লিঙ্ক করা হয়নি চাই কিন্তু দেখায়, তাই এখানে যায়:

এই নিবন্ধটি তিনি বাতিল ক্লিক হলে ব্যবহারকারীকে ঠিক আছে ক্লিক এবং একটি পৃথক পৃষ্ঠা যখন newform.aspx এক পৃষ্ঠা থেকে পুনর্নির্দেশ করতে বাধ্য করার পদ্ধতি বর্ণনা করা.

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin

দ্রুত টিপ: MOSS প্রকাশনা পৃষ্ঠাসমূহ jQuery যোগ করার পদ্ধতি

1 উত্তর

JQuery ব্যবহার MOSS publising পেজ বৃদ্ধিকারী যখন, আমি নিম্নলিখিত গতি আচমকা আঘাত:

Server Error in ‘/’ আবেদন.

পার্সার ত্রুটি

বর্ণনা: একটি ত্রুটি এই অনুরোধটি পরিষেবাতে প্রয়োজন একটি সম্পদ পার্স করার সময় ঘটেছিলো. নিম্নোক্ত নির্দিষ্ট পার্স ত্রুটি বিবরণ পর্যালোচনা এবং উপযুক্তভাবে আপনার উত্স ফাইল পরিবর্তন করুন দয়া করে.

পার্সার ত্রুটি বার্তা: শুধু বিষয়বস্তু নিয়ন্ত্রণ বিষয়বস্তু নিয়ন্ত্রণ ধারণকারী এড়িয়ে পৃষ্ঠা সরাসরি অনুমোদিত হয়.

উত্স ত্রুটি:

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

সংস্করণ সংক্রান্ত তথ্য: মাইক্রোসফট. NET ফ্রেমওয়ার্কের সংস্করণ:2.0.50727.4927; ASP.NET সংস্করণ:2.0.50727.4927

এটা ঠিক যথেষ্ট ছিল সহজ (H / T আমার সহকর্মী থেকে, উদয় Ethirajulu). দেখানো হয়েছে jQuery কোড "PlaceHolderAdditionalPageHead" ভিতরে বসবাস নিশ্চিত যে:

<কস্পমান:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">

<লিপি

    type="text/javascript"

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

</লিপি>

<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript">

$(দলিল).প্রস্তুত(কাজ() {

   // উজ্জ্বল jQuery স্টাফ এখানে যায়.

   });

</লিপি>

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin