Tag Archives: jQuery

XSLT na Sampuli jQuery

Nimekuwa kufanya mengi ya ya XSLT na jQuery na mawazo ningependa kushiriki snippets wachache wengine wanaweza kupata manufaa katika siku zijazo.

Mfano 1: Emit JavaScript rahisi / jQuery katika XSLT:

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

<!– Tupu nje ya swala filters kirafiki siri shamba –>
<script type="text/javascript">
    $(hati).tayari(kazi(){
      $("#QueryFriendlyFilters").val("empty");
    });
</script>

</xsl:template>

Kwamba kidogo hutoa baadhi JavaScript kwamba tusubiri kwa ukurasa kumaliza upakiaji (kwa sababu ya $(hati).tayari(...)) na kisha unaweka thamani ya shamba siri aitwaye QueryFriendlyFilters kwa thamani halisi "tupu".

Mfano 2: Kutumia <xsl:kama> kuangalia "kubwa kuliko", "Chini ya", nk.

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

<div id="fdcAllFilters">

    <xsl:if test="@Count>0">
      <span class="fdcFilterLabel">Sasa filters:</span>
    </xsl:kama>

    <!– zaidi stuff kinachotokea hapa. –>

</xsl:template>

snippet juu ya hundi ya kuona kama sifa aitwaye "Count" ya kipengele "kitu" ni kubwa kuliko sufuri. XML nyuma ya hii itakuwa kitu kama:"

<kitu Count = "5" />

Mfano 3: Iterate kupitia mambo yote, interspersing wito jQuery.

<!– Iterate kupitia filters wote na kuonyesha sahihi viungo. –>
<xsl:for-each select="UserFilter">

<a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,'{@ ID}')">[X]</a>

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

<script type="text/javascript">

    $(hati).tayari(kazi(){
        <xsl:Nakala><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></xsl:Nakala>\"<xsl:value-of select="@FilterValue"/>\"<xsl:Nakala><![CDATA["));]]></xsl:Nakala>
    });

</script>

</xsl:kwa-kila>

snippet juu ni ngumu zaidi na kunaweza kuwa rahisi njia ya kufanya hivyo.

XML nyuma ya hii inaonekana takribani kama hii:

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

Snippet hii ni iterating kupitia <Mtumiaji Filter> nodes.

Ni kwanza hutoa tag nanga kwamba wakati clicked waomba kazi JavaScript kwamba tayari ni juu ya ukurasa, "MySubmitPage" na hupita thamani ya sifa juu ya <Mtumiaji Filter> nodi aitwaye "ID".

Ni kisha hutoa baadhi jQuery kwamba tusubiri kwa ukurasa kupakia. Kwamba jQuery updates shamba siri aitwaye "QueryFriendlyFilters" kwa kuongeza thamani ya sifa FilterValue. Kumbuka mambo yote <xsl:Nakala> na <![CDATA[ ... ]]> mambo.

Hiyo ni, matumaini inasaidia!

</mwisho>

Kujiunga na blog yangu.

Kufuata yangu juu ya Twitter kwa http://www.twitter.com/pagalvin

Lists.asmx, GetListItems na Folders

6 majibu

Mimi nilikuwa kufanya baadhi ya utafiti kwa ajili ya mtu leo karibu huduma list.asmx mtandao zinazotolewa kama sehemu ya SharePoint 2010 (na mapema). Aliweza kupata vitu orodha katika folder mizizi (ikiwa ni pamoja na majina ya ndogo folders-), lakini hakuweza kupata vitu katika sub-folders. Sikuweza baadhi kuangalia kote juu ya internets na ni swali kushangaza kawaida. Hata hivyo, Sikuweza kupata jibu zuri kwa swali rahisi, "Kama najua folder, jinsi gani mimi kupata vitu katika folder?" Kuwa waaminifu, Mimi si kujaribu ngumu kwamba wote tangu nimekuwa alitaka kufikiri hii moja nje peke yangu kwa muda Smile .

Kuweka hii up, Mimi umba tovuti aitwaye "Mabalozi Matukio ya" na orodha desturi aitwaye "Desturi Orodha Folders na Sub". Mimi kisha kuundwa folders aitwaye:

Mwaka 2005
Mwaka 2006
Mwaka 2007

Mimi aliongeza vitu kadhaa na "Mwaka 2006" folder. Hii ni nini inaonekana kama:

Rafiki yangu si kuandika C # kanuni lakini badala ya kutumia Java, hivyo bahasha sabuni ilikuwa nini yeye kweli inahitajika. Kupata kwamba, Niliandika kidogo ya jQuery na kisha kutumika fiddler kupata halisi HTTP mazungumzo.

Hapa ni jQuery husika (Mimi kunakiliwa kanuni chini chini kama unataka nakala / kuweka):

Wao muhimu ya kwanza ni pamoja na wawili <queryOptions> na <QueryOptions> nodi. muhimu ya pili ni kwamba <Folder> nodi ni URL ambayo mteja ana upatikanaji.

Kunaweza kuwa na njia nyingine ya kupata hii, lakini hii kazi vizuri kwa ajili yangu wakati wa kutumia jQuery.

Hapa ni bahasha sabuni kwa juu:

<soapenv:Bahasha xmlns:soapenv =’http://schemas.xmlsoap.org / sabuni / bahasha /’>
<soapenv:Mwili>
    <GetListItems xmlns =’http://schemas.microsoft.com / SharePoint / sabuni /’>
      <Deciduous>Orodha ya desturi na Folders Sub</Deciduous>
      <viewFields>
        <ViewFields>
          <FieldRef Jina = 'Kichwa’ />
          <FieldRef Jina = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Folder>http://demoserver1/Blogging Matukio / orodha / Orodha ya Desturi na Folders Sub / Mwaka 2006</Folder>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
</soapenv:Mwili>
</soapenv:Bahasha>

mengi ya mifano na majadiliano kote hii imesababisha mimi kuamini kwamba kila nahitaji mara <QueryOptions> na kutaja jina folder. Kwa ajili yangu, Nahitaji wote wrap ndani ya <queryOptions> vilevile kutaja URL kikamilifu waliohitimu kwa <Folder> nodi.

Hapa ni jQuery AJAX kuanzisha:

$(hati).tayari(kazi() {
       mara soapEnv =
           "<soapenv:Bahasha xmlns:soapenv =’http://schemas.xmlsoap.org / sabuni / bahasha /’> \
               <soapenv:Mwili> \
                    <GetListItems xmlns =’http://schemas.microsoft.com / SharePoint / sabuni /’> \
                       <Deciduous>Orodha ya desturi na Folders Sub</Deciduous> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef Jina = 'Kichwa’ /> \
                              <FieldRef Jina = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Folder>http://demoserver1/Blogging Matukio / orodha / Orodha ya Desturi na Folders Sub / Mwaka 2006</Folder> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Mwili> \
           </soapenv:Bahasha>";

</mwisho>

Kujiunga na blog yangu.

Kufuata yangu juu ya Twitter kwa http://www.twitter.com/pagalvin

Ukomo nesting <div> Tags na jQuery

Acha reply

Hii inaonekana kama vile mada oddball, Sina uhakika ni kweli thamani ya mabalozi kuhusu, lakini hiyo ni kamwe kusimamishwa mimi kabla, hivyo hapa sisi kwenda Smile

Nafanya kazi katika mradi ambapo nina kuunganisha baadhi ya data kutoka tafuta, ufungaji ni juu katika ujumbe XML na kisha kuwa XML ni hatimaye kubadilishwa katika HTML kupitia XSLT. Kuna mengi ya jQuery kushiriki, moja kidogo ya ambayo kutekeleza baadhi ya utendaji tabbing. Wakati bonyeza tab (kweli, a <div>), jQuery waomba kujificha.() na show.() juu ya divs mbalimbali (awali ukurasa mzigo downloads maudhui yote hivyo kuna postbacks hakuna katika kesi hii).

rundo la masaa iliyopita, tab byte mantiki kuanza kuishi erratically na itakuwa si kuonyesha moja ya tabo yangu. Mimi hatimaye kupatikana kwa chini na ukweli kwamba mtandao Explorer (angalau) walidhani kwamba <div> vitambulisho Furushi mbali, mbali zaidi kuliko toolbar intended.The developer bila kuonyesha:

-<div id = "Tab1Content">
-<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div> <-Hatimaye kuonyesha ilikuwa imefungwa njia yote chini hapa!

Hivyo, kama mimi $("# Tab1Content").kujificha(), Ningependa pia kujificha Tab2 na mimi kamwe kuonyesha Tab2 kama sikuwa pia kuonyesha Tab1. Mimi kunakiliwa na pasted kanuni juu katika studio ya Visual na ilionyesha wote wa bitana div ya up nicely, tu kama wao walikuwa walidhani kuwa kufanya, kuangalia kama hii:

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

Mimi kuwapiga kichwa yangu dhidi ya ukuta kwa wakati na niliona kwamba katika kanuni halisi HTML ilikuwa kuzalisha mengi ya tupu <div> tags, kama:

<mwili>

<div id = "Tab1Content">

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

</div>

<div id = "Tab2Content">

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

</div>

</mwili>

(hapo juu ni waaaaaaaaaaaay oversimplified. tupu div vitambulisho ni halali kabisa. Baadhi ya yangu <div> vitambulisho walikuwa kamili ya maudhui, lakini wengi zaidi walikuwa si. Nimekuja kutambua kuwa yangu <xsl:kwa-kila> maelekezo walikuwa kutotoa moshi vitambulisho div short-fomu wakati XSL:kwa-kila hakuwa 'kupata data yoyote. Mimi kulazimishwa maoni HTML katika pato, kama inavyoonekana:

Baada ya mimi kwamba, div wote ni lined up nicely na tab yangu byte kuanza kufanya kazi.

Kama kawaida, Natumaini hii husaidia mtu katika Bana.

</mwisho>

Kujiunga na blog yangu.

Kufuata yangu juu ya Twitter kwa http://www.twitter.com/pagalvin

Hata hivyo Zaidi jQuery–Resize Mfano Image

Acha reply

Mimi kurithi sehemu ya mtandao kutoka muuzaji mteja wa zamani na ina picha kwa ukubwa tatizo. images lazima 60×50 lakini kwa sababu fulani isiyo ya kawaida, muuzaji awali kuwalazimisha ndani ya 42×42, hivyo wao kuangalia squashed:

Nzuri Image	Mbaya Image

Hapa ni ghafi (kiasi fulani kilichorahisishwa):

<meza darasa = 'extended-mtazamo'>
<thead>
    <tr>
      <th width = '100′>3 Jumanne</th>
    </tr>
</thead>

<tbody>
    <tr darasa = 'utabiri'>
      <td width = '100′>
        <st>
          <li darasa = 'juu'>High: 72&wewe;F</li>
          <li darasa = 'Asili'>Asili: 44&wewe;F</li>
          <li darasa = 'hali'>Jua
            <img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ urefu = '42’ alt =” />
          </li>
        </st>
      </td>
    </tr>

</tbody>

</meza>

Utasikia kumbuka kwamba ingawa njia ya picha yenyewe inaonyesha mwelekeo sahihi (60×50) muuzaji awali ya kulazimishwa katika 42×42. Kwa nini? Crazy.

Anyway, Nilitaka ufumbuzi wa haraka na rahisi ya suala hili na mimi akageuka na jQuery. hila mara ya Machapisho yote ya mwafaka <img> vitambulisho. Mimi sitaki muck kuhusu na vitambulisho nyingine yoyote img (ambayo kuna wengi). Hii kidogo ya jQuery alifanya hila:

<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript">
     $(hati).tayari(kazi () {

         $(‘li.condition > img ').kila(kazi (index, bidhaa)
            {
             $(bidhaa).css("width", "60");
             $(bidhaa).css("height", "50");
            });
     }); // juu ya mzigo hati
</script>

Kwamba kidogo ya maadili ya hupata ukusanyaji <li> vitambulisho ambaye darasa ni "hali" na <img> watoto. Ni kisha iterates njia zote ya kwamba. Kazi kama charm.

Mimi inaweza pengine ni kuhuisha, lakini mimi kamwe alikuwa aina ya guy Unix kwamba kutatuliwa π kwa 18 maadili usahihi kwa kutumia sed na awk na mimi si kwamba aina ikiwa jQuery guy ama Smile .

</mwisho>

Kujiunga na blog yangu.

Kufuata yangu juu ya Twitter kwa http://www.twitter.com/pagalvin

Kuchukua Udhibiti wa OK yako na kufuta Buttons

3 majibu

Niliandika makala hii nyuma wakati, lakini inaonekana kama mimi si zilizounganishwa na ni kutoka blog yangu kwa wakati, hivyo hapa huenda:

Makala hii inaelezea jinsi ya nguvu newform.aspx la kuelekeza ukurasa mmoja wakati mtumiaji Clicks OK na ukurasa tofauti wakati yeye Clicks kufuta.

</mwisho>

Kujiunga na blog yangu.

Kufuata yangu juu ya Twitter kwa http://www.twitter.com/pagalvin

Haraka Tip: Kuongeza jQuery kwa Moss Makala Publishing

1 Kujibu

Wakati kuimarisha Moss kurasa publising kutumia jQuery, I hit zifuatazo kasi mapema:

Server Error in ‘/’ Maombi.

Parser Hitilafu

Description: Hitilafu imetokea wakati parsing ya rasilimali zinazohitajika kwa huduma ya ombi hili. Tafadhali hakiki zifuatazo maalum maelezo kosa Hazrat na kurekebisha chanzo yako faili ipasavyo.

Parser Hitilafu Ujumbe: Udhibiti Content tu wanaruhusiwa moja kwa moja katika ukurasa maudhui ambayo ina udhibiti Content.

Chanzo Hitilafu:

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

Chanzo Picha: /_catalogs / masterpage / KCC_FacultyMember.aspx Line: 12

Toleo Habari: Microsoft NET. Mkakati Version:2.0.50727.4927; ASP.NET Version:2.0.50727.4927

Ilikuwa rahisi kutosha kurekebisha (h / t mwenzangu, Uday Ethirajulu). Kuwa na uhakika kwamba kanuni jQuery anaishi ndani "PlaceHolderAdditionalPageHead" kama inavyoonekana:

<ASP:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">

<script

    type="text/javascript"

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

</script>

<script type="text/javascript">

$(hati).tayari(kazi() {

   // Kipaji jQuery mambo huenda hapa.

   });

</script>

</mwisho>

Kujiunga na blog yangu.

Kufuata yangu juu ya Twitter kwa http://www.twitter.com/pagalvin