Tag Archives: XSLT

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

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

উদাহরণ: XSLT স্টাইলশীট তৈরি এইচটিএমএল href এর

1 উত্তর

আমি ইদানীং XSL স্টাফ একটি বিট করছেন এবং আমি আমার ভবিষ্যত রেফারেন্সের জন্য একটি নমুনা একত্র করা চাই এবং যে আমাদের XSLT স্টাইলশীট-ers সব internets একটি জীবিত তৈরীর মান হতে পারে আসছি.

নিম্নলিখিত XML-বিবেচনা:

<FdcSearchTabsCollection Count="2">
<SearchTab Label="Industry" SortOrder=”00” Label=”Industries” SearchConstraints="contenttype:শিল্প" TabID="831b2a74-98c4-4453-8061-86e2fdb22c63"/>
<SearchTab Label="Practices" SortOrder=”01” Label=”Practices” SearchConstraints="contenttype:PracticeGroups" TabID="678e206b-6996-421f-9765-b0558fe1a9c0"/>
</FdcSearchTabsCollection>

নিম্নলিখিত XSL স্নিপেট hrefs ট্যাবের অনুসারে সাজানো তালিকা নির্মাণ করা:

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

    <!– The "all" ট্যাব –>
    <a href="javascript:ViewTab(‘All’)">সমস্ত দেখুন</একটি>

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

      …
      <a href="javascript:ViewTab(‘{@TabID}')"><xsl:value-of select="@Label"/></একটি>
    </xsl:-প্রতিটি জন্য>

    <বিআর />


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

এখানে SharePoint মত দেখায় কি:

</শেষ>

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

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