மாதாந்திற ஆவண தொகுப்பு காப்பகம்: கூடும் 2011

இன்னும் jQuery–ஒரு பட உதாரணம் மறுஅளவிடுகிறது

நான் ஒரு வாடிக்கையாளர் பழைய விற்பனையாளர் இருந்து ஒரு வலை பகுதி மரபுரிமை மற்றும் அது ஒரு படத்தை அளவு சிக்கல் உள்ளது.  படங்களை 60 இருக்க வேண்டும்×50 ஆனால் சில ஒற்றைப்படை காரணம், அசல் விற்பனையாளர் 42 அவற்றை கட்டாயம்×42, அதனால் அவர்கள் squashed இருக்கிறார்கள்:

 

நல்ல படம்

மோசமான படம்

இங்கே மார்க் தான் (ஓரளவுக்கு எளிமைப்படுத்தப்பட்ட):

<அட்டவணை வர்க்கம் = 'விரிவாக்கப்பட்ட-மேற்பார்வை'>
  <thead>
    <TR>
      <வது  width=’100′>3 Tuesday</வது>
    </TR>
  </thead>

  <tbody>
    <tr class=’forecast’>
      <td width=’100′>
        <ul>
          <li class=’high’>High: 72&deg;F</li>
          <li class=’low’>Low: 44&deg;F</li>
          <li class=’condition’>Sunny
            <img src=
HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png width=’42height=’42alt=” />
          </li>
        </ul>
      </TD>
    </TR>

  </tbody>

</மேசை>

You’ll note that even though the path to the image itself shows the proper dimension (60×50) the original vendor forced it in 42×42.  ஏன்?  Crazy.

எப்படியும், I wanted a quick and easy solution to this issue and I turned to jQuery.  The trick was to locate all of the appropriate <நன்றி> tags.  I didn’t want to muck about with any other img tags (of which there are many).  This bit of jQuery did the trick:

<script type="text/javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ஸ்கிரிப்ட்>

<script type="text/javascript">
     $(ஆவணம்).தயார்(செயல்பாடு () {

         $(‘li.condition > img’).each(செயல்பாடு (குறியீட்டெண், item)
           
{
             $(item).css("width", "60"); 
             $(item).css("height", "50");
            });
     }); // on document load
</ஸ்கிரிப்ட்>

That bit of code finds the collection <li> tags whose class is “condition” and <நன்றி> children.  It then iterates through all of that.  Worked like a charm.

I could probably streamline it, but I never was a the kind of unix guy that solved π வேண்டும் 18 digits precision using sed and awk and I’m not that kind if jQuery guy either ஸ்மைல்.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

LINQ கூடிய XML பாகுபடுத்தல்

இங்கே LINQ சில அலச பயன்படுத்தி ஒரு விரைவான எடுத்துக்காட்டு  XML மற்றும் இனிப்பு நேரத்தில் கிடைக்கும், இனிப்பு பண்புகளை அதில்.

இங்கே நான் அலச வேண்டும் எக்ஸ்எம்மல்லின்:

<?xml version="1.0" encoding="utf-8" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout name="xyzzy">
      <தாவல்கள்>
        <Tab TabOrder="1" TabLabel="x" SharePointContentType="a" AdditionalConstraints="ac1"/>
        <Tab TabOrder="2" TabLabel="y" SharePointContentType="b" AdditionalConstraints="ac2"/>
      </தாவல்கள்>
    </PageLayout>

    <PageLayout name="xyzzy2">
      <தாவல்கள்>
        <Tab TabOrder="100" TabLabel="x" SharePointContentType="a" AdditionalConstraints="ac1"/>
        <Tab TabOrder="101" TabLabel="y" SharePointContentType="b" AdditionalConstraints="ac2"/>
        <Tab TabOrder="103" TabLabel="z" SharePointContentType="c" AdditionalConstraints="ac3"/>
      </தாவல்கள்>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

நான் மேலே பாகுபடுத்தலின்போது மூலம் செயல்படுத்தப்படும் நேரத்தில் சில தாவல்கள் கட்டமைக்க வேண்டும்.  என் தாவல்கள் ஒரு பக்கம் அமைப்பை பொறுத்தது.  என் பக்கம் அமைப்பை பெயர் "xyzzy2" என்று நான் தாவல்கள் பெற வேண்டும் 100, 101 மற்றும் 103 (இந்த தாவல்கள் <PageLayout பெயர் = "xyzzy2">).

இங்கே அது என்று LINQ தான்:

allTabs = இருந்தது
              ல் ப
                  XElement.Parse(theXmlToParse).
                 
கூறுகள்("PageLayouts").
                  கூறுகள்("PageLayout")
              எங்கே (p.Attribute("name").Value.Equals("xyzzy2"))
              p.Elements உள்ள மீ இருந்து("Tabs").கூறுகள்("Tab")
              மீ தேர்வு;

          Results.Text = string.Empty;

          foreach (ATAB allTabs இருந்தேன்)
          {
              Results.Text =
                  "Tab Order: " + aTab.Attribute("TabOrder").மதிப்பு + " |" +
                  "Tab Label: " + aTab.Attribute("TabLabel").மதிப்பு + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").மதிப்பு + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").மதிப்பு + "\r";
          }

மேலே உள்ள, மாறி "theXmlToParse" ஒரு சரம் மாறி உள்ளது, ஆனால் நீங்கள் சுமை பயன்படுத்தலாம்() ஒரு ஸ்ட்ரீம் மீது முறை நீங்கள் விரும்பினால்.

இந்த குறியீடு இயக்கும் போது "முடிவுகள்" வலை படிவம் ஒரு முத்திரை மற்றும், இது போல்:

SNAGHTML11cd2e7c

நான் இன்னும் முடிவு வரிசைப்படுத்த எப்படி வெளியே வேலை இல்லை, அதனால் நான் ஒரு எதிர்கால வலைப்பதிவு இடுகை அந்த கிளம்புகிறேன்.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin