Tag Archives: jQuery

XSLT və jQuery nümunələri

Mən XSLT və jQuery və bir çox edir və Mən başqaları gələcəkdə faydalı ola bilər ki, bir neçə parçalarını bölüşmək istədiyiniz fikir edilmişdir.

Misal 1: Sadə JavaScript buraxmaq / XSLT ildə jQuery:

<XSL:template match="something" xml:kosmik = "qorumaq">

  <!– Sorğu dostluq filtreler gizli sahə həyata Blank –>
  <script type="text/javascript">
    $(sənəd).hazır(funksiyası(){
      $("#QueryFriendlyFilters").val("empty");
    });
  </ssenari>

</XSL:şablon>

That bit emits some JavaScript that waits for the page to finish loading (because of the $(sənəd).hazır(...)) and then sets the value of a hidden field named QueryFriendlyFilters to the literal value “empty”.

Misal 2: Istifadə <XSL:əgər> to check “greater than”,  “less than”, və s..

<XSL:template match="something" xml:kosmik = "qorumaq">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">Current filters:</aşırım>
    </XSL:əgər>

    <!– more stuff happens here. –>

</XSL:şablon>

The above snippet checks to see if an attribute named “Count” of the “something” element is greater than zero.  The XML behind this would be something like:"

<something Count=”5” />

Misal 3: Iterate through all elements, interspersing jQuery calls.

<!– Iterate through all the filters and display the correct  bağlantılar. –>
<XSL:for-each select="UserFilter">

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

  <span class="fdcFilterLabel"><XSL:value-of select="@FilterValue"/></aşırım>

  <script type="text/javascript">

    $(sənəd).hazır(funksiyası(){
        <XSL:text><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></XSL:text>\"<XSL:value-of select="@FilterValue"/>\"<XSL:text><![CDATA["));]]></XSL:text>
    });

  </ssenari>

</XSL:-hər biri üçün>

The above snippet is the most complex and there may be easier ways to do it.

The XML behind this looks roughly like this:

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

This snippet is iterating through <UserFilter> nodes. 

It first emits an anchor tag that when clicked invokes a JavaScript function that is already on the page, “mySubmitPage” and passes the value of an attribute on the <UserFilter> node named “ID”. 

It then emits some jQuery that waits for the page to load.  That jQuery updates a hidden field named “QueryFriendlyFilters” by adding the value of the FilterValue attribute.  Note all the crazy <XSL:text> və <![CDATA[ ... ]]> stuff.

That’s it, bu kömək ümid!

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Lists.asmx, GetListItems və Qovluqlar

I SharePoint hissəsi kimi göstərilən list.asmx web service ətrafında bu gün kimsə üçün bir araşdırma edirdi 2010 (və əvvəlki).  O, kök qovluq da siyahıda əldə edə bilər (alt qovluq adları daxil), lakin alt klasörler maddələri ala bilmədi.  Mən bəzi internets ətrafında axtarır idi və bu, təəccüblü ümumi sual.  Hələ, Mən sadə suala yaxşı cavab ala bilmədi, "Mən qovluq bilirsinizsə, necə qovluqdakı öğeleri almaq yoxdur?"  Insafən, Mən bir müddət öz Bu anlamaq istəyirdilər etdik çünki mən bütün ağır cəhd etməyib təbəssüm.

Bu qədər qurmaq üçün, Mən "Blogging Ssenari" və "Alt qovluqları ilə Xüsusi siyahısı" adlı xüsusi siyahı adlı saytı yaradılmışdır.  Mən sonra adına qovluq yaradıldı:

  • Il 2005
  • Il 2006
  • Il 2007

Mən qovluğu "2006" bir neçə maddələri əlavə edib.  Bu kimi görünür:

image

Mənim dostum C # kodu yazı deyil Java istifadə etmir, belə SOAP zərflərin o, həqiqətən lazım idi.  Ki, əldə etmək üçün, Mən jQuery bir az yazırdı və sonra faktiki HTTP söhbət almaq üçün skripkaçalan istifadə.

Burada müvafiq jQuery var (Siz yapışdırıb / kopyalamak istediğiniz əgər mən aşağıdakı kodu aşağı kopyalanan):

image

Onlar ilk düyməsini həm daxildir <queryOptions> və <QueryOptions> node.  İkinci əsas ki, <Qovluq> node olan müştəri çıxışı üçün bir URL deyil.

Bu almaq üçün başqa yolları ola bilər, jQuery istifadə edərkən, lakin bu mənim üçün yaxşı işləmişdir.

Burada yuxarıda üçün SOAP zərflərin edir:

<soapenv:Envelope xmlns:soapenv =’http://schemas.xmlsoap.org / sabun / zərf /’>                
  <soapenv:Orqan>
    <GetListItems xmlns =’
http://schemas.microsoft.com / SharePoint / sabun /’>
      <Yarpaqlı>Alt Folders xüsusi siyahısı</Yarpaqlı>
      <viewFields>  
        <ViewFields>
          <FieldRef Adı = 'Başlıq’ />
          <FieldRef Adı = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Qovluq>
http://demoserver1/Blogging Ssenari / siyahıları / Alt Folders / il 2006-cı ilə Xüsusi siyahısı</Qovluq>
        </QueryOptions>
      </queryOptions>
   
</GetListItems>
  </soapenv:Orqan>
</soapenv:Zərf>

Bu ətrafında nümunələri və müzakirə bir çox mənə lazım idi ki, iman gətirib <QueryOptions> və qovluq adı daxil.  Mənim üçün, Mən həm paketi daxili lazımdır <queryOptions> habelə üçün tam ixtisaslı URL daxil <Qovluq> node.

Burada jQuery AJAX quraşdırma var:

$(sənəd).hazır(funksiyası() {
       soapEnv = oldu
           "<soapenv:Envelope xmlns:soapenv =’http://schemas.xmlsoap.org / sabun / zərf /’> \
               <soapenv:Orqan> \
                    <GetListItems xmlns =’http://schemas.microsoft.com / SharePoint / sabun /’> \
                       <Yarpaqlı>Alt Folders xüsusi siyahısı</Yarpaqlı> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef Adı = 'Başlıq’ /> \
                              <FieldRef Adı = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Qovluq>http://demoserver1/Blogging Ssenari / siyahıları / Alt Folders / il 2006-cı ilə Xüsusi siyahısı</Qovluq> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Orqan> \
           </soapenv:Zərf>";

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Endlessly quş balası <div> Tags və jQuery

Bu bir oddball mövzu kimi görünür, Mən bu barədə həqiqətən dəyər blog var əmin deyiləm, ancaq ki, əvvəl mənə dayandırdı heç oldu, Belə ki, burada biz getmək təbəssüm

Mən bir axtarış bəzi çəkərək alıram bir layihə üzərində çalışıram, XML nəticədə XSLT vasitəsilə HTML çevrilir ki, sonra bir XML mesaj dilinə qədər qablaşdırma və.  Cəlb jQuery bir çox var, biri bit bəzi tabbing funksionallığı həyata keçirir.  Bir sekmesini basın zaman (həqiqətən, bir <div>), jQuery çağırır. gizlətmək() və. şou() müxtəlif divs haqqında (Bu halda heç bir postbacks var, belə ki, ilkin səhifə yük bütün içeriği downloads).

Saat bir dəstə əvvəl, sekmesini keçid məntiq erratically davranmaq başladı və mənim Nişanlar biri göstərmək deyil.  Mən sonda Internet Explorer faktı onu aşağı izlenen (azı) fikir ki, <div> tags qədər iç-içə, intended.The geliştirici toolbar daha dərin gösterir:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Nəhayət ki, bütün yol aşağı burada bağlandı göstərən!

Belə, Mən əgər $("# Tab1Content").gizləmək(), Mən də Sekme2 gizlətmək istədiyiniz və mən də Tab1 göstərmədi, mən Sekme2 göstərmək heç bilər.  Mən sitemizi və yapışdırılır kodu up Visual Studio daxil və bu gözəl div nin astarlı bütün qədər göstərdi, onlar bunu idi yalnız kimi, bu kimi axtarır:

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

Mən bir müddət divara başımı döymək və faktiki HTML code boş bir çox yaradan ki, qeyd <div> tags, kimi:

<orqan>

  <div id = "Tab1Content">

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

  </div>

  <div id = "Tab2Content">

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

  </div>

</orqan>

(Yuxarıda waaaaaaaaaaaay oversimplified edir.  Boş div tags tamamilə etibarlıdır. Mənim bəzi <div> tags content dolu idi, lakin daha çox deyil idi.  Mən həyata gəldi ki, <XSL:-hər biri üçün> zaman XSL direktivləri qısa formada div tags emitting idi:üçün hər "heç bir məlumat tapa bilmədim.  Mən çıxış daxil HTML Şərh məcbur, kimi:

image

 

Mən etdi sonra, bütün div qəşəng dəstəsi düzülmüşdü və nişanı kommutasiya iş açılmış oldu.

Həmişə olduğu kimi, Mən bu bir çimdik kimsə kömək ümid edirik.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Daha jQuery–Resim Misal boyutlandır

Mən müştəri köhnə satıcı bir web hissəsi miras qalmış və bir resim ölçüsü problem var.  Şəkillər 60 olmalıdır×50 lakin bəzi qəribə səbəbdən, orijinal satıcı 42 onları məcbur×42, onlar əzilmiş baxmaq:

 

Yaxşı Image

Bad Image

Burada biçimlendirme var (qədər sadələşdirilmiş):

<masa class = "uzun perspektivdə">
  <thead>
    <tr>
      <ci  width = '100′>3 Çərşənbə axşamı</ci>
    </tr>
  </thead>

  <tbody>
    <tr class = "proqnozu '>
      <td width = '100′>
        <st>
          <li class = 'yüksək'>Yüksək: 72&siz;F</li>
          <li class = 'az'>Aşağı: 44&siz;F</li>
          <li class = 'şərt'>Günəşli
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
          </li>
        </st>
      </TD>
    </tr>

  </tbody>

</masa>

Siz qeyd edəcəyik ki, hətta image özü yolu müvafiq ölçüsü göstərir (60×50) orijinal satıcı 42-ci ildə məcburi×42.  Niyə?  Sərsəm.

Hər halda, Mən bu məsələnin tez və asan həll istəyirdi və mən jQuery çevrildi.  Bu oyun uyğun bütün tapmaq üçün idi <img> tags.  Mən heç bir başqa img tags ilə bağlı muck istəmirdi (çox var olan).  JQuery Bu bit oyun etdi:

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

<script type="text/javascript">
     $(sənəd).hazır(funksiyası () {

         $(‘li.condition > img ").hər(funksiyası (indeks, maddə)
           
{
             $(maddə).CSS("width", "60"); 
             $(maddə).CSS("height", "50");
            });
     }); // sənəd yük
</ssenari>

Kodu Bu bit toplanması tapır <li> kimin sinif tags "vəziyyəti" və <img> uşaqlar.  O ki, bütün vasitəsilə iterates.  Bir cazibədarlığı kimi çalışmışdır.

Mən yəqin ki, aerodinamik bilər, amma π həll edən unix oğlan bir cür idi, heç vaxt üçün 18 rəqəm dəqiq sed və AWK istifadə və mən jQuery oğlan əgər, ya da o cür deyiləm təbəssüm.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Sizin OK nəzarət etmək və Buttons Ləğv et

Mən yazıb Bu maddənin bir halda geri, Mən zamanda blog bu keçid etməyib kimi lakin görünür, burda gedir:

image

Bu məqalə o ləğv tıkladığında istifadəçi OK tıkladığında və müxtəlif səhifə zaman newform.aspx bir səhifə yönlendirme məcbur anlatılmaktadır.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Sadə Tip: MOSS Nəşriyyat Səhifələr jQuery durub

JQuery istifadə MOSS publising pages artırılması zaman, Mən aşağıdakı sürətli çarpma hit:

Server Error in ‘/’ Ərizə.


Parser Error

Təsvir: Bir səhv tələb xidmət üçün tələb olunan resurs üzrə analiz zamanı. Aşağıdakı xüsusi analiz səhv ətraflı nəzərdən keçirmək və müvafiq mənbə fayl değişiklik edin.

Parser Hata Mesajı: Yalnız məzmun nəzarət məzmun nəzarət olan bir içerik page birbaşa icazə verilir.

Mənbə Error:

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

Kaynak Fayl: /_catalogs / masterpage / KCC_FacultyMember.aspx    Xətt: 12


Version Məlumat: Microsoft. NET Framework versiyası:2.0.50727.4927; ASP.NET Version:2.0.50727.4927

Düzeltmek üçün kifayət qədər asan idi (h / t mənim həmkarının, Uday Ethirajulu).  Göstərildiyi kimi jQuery kodu "PlaceHolderAdditionalPageHead" içərisində yaşayır əmin olun:

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

<ssenari

    type="text/javascript"

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

</ssenari>

<script type="text/javascript">

  $(sənəd).hazır(funksiyası() {

   // Brilliant jQuery heyəti burada gedir.

   });

</ssenari>

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin