Monthly Archives: ತಾರುಣ್ಯ 2011

ಇನ್ನೂ ಹೆಚ್ಚು jQuery–ಒಂದು ಇಮೇಜ್ ಉದಾಹರಣೆ ಮರುಗಾತ್ರಗೊಳಿಸಿ

ನಾನು ಒಂದು ಕ್ಲೈಂಟ್ ತಂದೆಯ ಹಳೆಯ ವ್ಯಾಪಾರಿಯಿಂದ ಒಂದು ವೆಬ್ ಭಾಗ ಆನುವಂಶಿಕವಾಗಿ ಮತ್ತು ಒಂದು ಚಿತ್ರದ ಗಾತ್ರ ಸಮಸ್ಯೆ.  ಚಿತ್ರಗಳನ್ನು 60 ಇರಬೇಕು×50 ಆದರೆ ಅದು ವಿರುದ್ಧವಾದ ಕಾರಣ, ಮೂಲ ಮಾರಾಟಗಾರರ 42 ಅವುಗಳನ್ನು ಬಲವಂತವಾಗಿ×42, ಆದ್ದರಿಂದ ಅವರು ನಜ್ಜುಗುಜ್ಜುಮಾಡಿ ಅಪ್ಪಚ್ಚಿ ನೋಡಿ:

 

ಉತ್ತಮ ಚಿತ್ರ

ಬ್ಯಾಡ್ ಇಮೇಜ್

ಇಲ್ಲಿ ಮಾರ್ಕ್ಅಪ್ ಇಲ್ಲಿದೆ (ಸ್ವಲ್ಪ ಸರಳೀಕೃತ):

<ಟೇಬಲ್ ವರ್ಗ = 'ವಿಸ್ತರಿತ-ದೃಷ್ಟಿಕೋನವನ್ನು'>
  <thead>
    <TR>
      <ನೇ  ಅಗಲ = '100′>3 ಮಂಗಳವಾರ</ನೇ>
    </TR>
  </thead>

  <tbody>
    <TR ವರ್ಗ = 'ಮುನ್ಸೂಚನೆ'>
      <ಟಿಡಿ ಅಗಲ = '100′>
        <ಬೀದಿ>
          <ಲಿ ವರ್ಗ = 'ಉನ್ನತ'>ಎತ್ತರದ: 72&ನೀವು;ಎಫ್</ಲಿ>
          <ಲಿ ವರ್ಗ = 'ಕಡಿಮೆ'>ಕಡಿಮೆ: 44&ನೀವು;ಎಫ್</ಲಿ>
          <ಲಿ ವರ್ಗ = 'ಸ್ಥಿತಿ'>ಬಿಸಿಲು
            <img src =’
HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ ಅಗಲ = '42’ ಎತ್ತರ = '42’ ಆಲ್ಟ್ =” />
          </ಲಿ>
        </ಬೀದಿ>
      </ಟಿಡಿ>
    </TR>

  </tbody>

</ಮೇಜು>

ನೀವು ಗಮನಿಸಿ ಮಾಡುತ್ತೇವೆ ಎಂದು ಸಹ ಚಿತ್ರವನ್ನು ಸ್ವತಃ ಮಾರ್ಗವನ್ನು ಸರಿಯಾದ ಆಯಾಮ ತೋರಿಸುತ್ತದೆ (60×50) ಮೂಲ ಮಾರಾಟಗಾರರ 42 ಅದನ್ನು ಬಲವಂತವಾಗಿ×42.  ವೈ?  ಕ್ರೇಜಿ.

ಹೇಗಾದರೂ, ನಾನು ಈ ಸಮಸ್ಯೆಯನ್ನು ಶೀಘ್ರ ಮತ್ತು ಸುಲಭ ಪರಿಹಾರ ಬೇಕಾಗಿದ್ದಾರೆ ಮತ್ತು ನಾನು jQuery ತಿರುಗಿತು.  ಟ್ರಿಕ್ ಸೂಕ್ತ ಎಲ್ಲಾ ಪತ್ತೆ ಆಗಿತ್ತು <img> ಟ್ಯಾಗ್ಗಳು.  ನಾನು ಯಾವುದೇ ಇತರ img ಟ್ಯಾಗ್ಗಳು ಬಗ್ಗೆ ಹೆಂಗಸು ಇಷ್ಟವಿರಲಿಲ್ಲ (ಅನೇಕ ಅದರಲ್ಲಿ).  JQuery ಈ ಬಿಟ್ ಟ್ರಿಕ್ ಮಾಡಿದರು:

<ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್" SRC ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ಸ್ಕ್ರಿಪ್ಟ್>

<ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್">
     $(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ () {

         $(‘li.condition > img ').ಪ್ರತಿ(ಕ್ರಿಯೆ (ಸೂಚಿ, ವಸ್ತು)
           
{
             $(ವಸ್ತು).CSS("ಅಗಲ", "60"); 
             $(ವಸ್ತು).CSS("ಎತ್ತರ", "50");
            });
     }); // ದಸ್ತಾವೇಜನ್ನು ಲೋಡ್ ಮೇಲೆ
</ಸ್ಕ್ರಿಪ್ಟ್>

ಸಂಹಿತೆ ಬಿಟ್ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಕಂಡುಕೊಳ್ಳುತ್ತಾನೆ <ಲಿ> ಇದರ ವರ್ಗ ಟ್ಯಾಗ್ಗಳು "ಸ್ಥಿತಿ" ಮತ್ತು <img> ಮಕ್ಕಳು.  ಇದು ಆ ಎಲ್ಲಾ ಮೂಲಕ iterates.  ಒಂದು ಸೊಬಗು ರೀತಿಯ ಕೆಲಸ.

ನಾನು ಬಹುಶಃ ಸುಗಮಗೊಳಿಸು ಸಾಧ್ಯವಾಯಿತು, ಆದರೆ ನಾನು π ಪರಿಹರಿಸಬಹುದು ಎಂದು ಯುನಿಕ್ಸ್ ವ್ಯಕ್ತಿ ಒಂದು ರೀತಿಯ ಎಂದಿಗೂ ಗೆ 18 ಅಂಕೆಗಳು ನಿಖರವಾದ ಸೆಡ್ ಮತ್ತು awk ಬಳಸಿ ಮತ್ತು ನಾನು jQuery ವ್ಯಕ್ತಿ ವೇಳೆ ಎರಡೂ ಬಗೆಯ ಇಲ್ಲ ಮನುಷ್ಯ ಸ್ಮೈಲ್.

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin

LINQ ಜೊತೆ ಮದುವೆ ಪಾರ್ಸಿಂಗ್

ಇಲ್ಲಿ LINQ ಕೆಲವು ಅನ್ನು ಬಳಸಿಕೊಂಡು ತ್ವರಿತ ಉದಾಹರಣೆಗೆ ಇಲ್ಲಿದೆ  Xml ಮತ್ತು ಸಿಹಿ ನಲ್ಲಿ ಪಡೆಯುವುದು, ಸಿಹಿ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಅಲ್ಲಿನ.

ಇಲ್ಲಿ ನಾನು ಪಾರ್ಸ್ ಬಯಸುವ ಮದುವೆ ಇಲ್ಲಿದೆ:

<?xml ನ ಆವೃತ್ತಿ = "1.0" UTF-8 "= ಎನ್ಕೋಡಿಂಗ್" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout ಹೆಸರು = "xyzzy">
      <ಟ್ಯಾಬ್ಗಳು>
        <ಟ್ಯಾಬ್ Taborda = "1" TabLabel = "X" SharePointContentType = "ಒಂದು" AdditionalConstraints = "ac1" />
        <ಟ್ಯಾಬ್ Taborda = "2" TabLabel = "ವೈ" SharePointContentType = "ಬೌ" AdditionalConstraints = "ac2" />
      </ಟ್ಯಾಬ್ಗಳು>
    </PageLayout>

    <PageLayout ಹೆಸರು = "xyzzy2">
      <ಟ್ಯಾಬ್ಗಳು>
        <ಟ್ಯಾಬ್ Taborda = "100" TabLabel = "X" SharePointContentType = "ಒಂದು" AdditionalConstraints = "ac1" />
        <ಟ್ಯಾಬ್ Taborda = "101" TabLabel = "ವೈ" SharePointContentType = "ಬೌ" AdditionalConstraints = "ac2" />
        <ಟ್ಯಾಬ್ Taborda = "103" TabLabel = "z" SharePointContentType = "ಸಿ" AdditionalConstraints = "ac3" />
      </ಟ್ಯಾಬ್ಗಳು>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

ನಾನು ಮೇಲೆ ಪಾರ್ಸಿಂಗ್ ಮೂಲಕ ಚಲಾಯಿತಗೊಳ್ಳುವಾಗ ಕೆಲವು ಹಾಳೆಗಳನ್ನು ಕಟ್ಟುವ ಬಯಸುವ.  ನನ್ನ ಟ್ಯಾಬ್ ಪುಟದ ವಿನ್ಯಾಸ ಆಧರಿತವಾಗಿ.  ನನ್ನ ಪುಟ ವಿನ್ಯಾಸ ತಂದೆಯ ಹೆಸರು "xyzzy2" ಇದ್ದಲ್ಲಿ ನಂತರ ನಾನು ಟ್ಯಾಬ್ಗಳನ್ನು ಸಿಗತ್ತೆ 100, 101 ಮತ್ತು 103 (ರಲ್ಲಿ ಟ್ಯಾಬ್ಗಳನ್ನು <PageLayout ಹೆಸರು = "xyzzy2">).

ಇಲ್ಲಿ ಅದು ಆ LINQ ಇಲ್ಲಿದೆ:

allTabs = ಆಗಿತ್ತು
              ರಲ್ಲಿ ಪುಟ ರಿಂದ
                  XElement.Parse(theXmlToParse).
                 
ಎಲಿಮೆಂಟ್ಸ್("PageLayouts").
                  ಎಲಿಮೆಂಟ್ಸ್("PageLayout")
              ಎಲ್ಲಿ (p.Attribute("ಹೆಸರು").Value.Equals("Xyzzy2"))
              p.Elements ರಲ್ಲಿ ಮೀ ನಿಂದ("ಟ್ಯಾಬ್ಗಳು").ಎಲಿಮೆಂಟ್ಸ್("ಟ್ಯಾಬ್")
              ಮೀ ಆಯ್ಕೆ;

          Results.Text = string.Empty;

          foreach (ATAB allTabs ಸ್ಥಾಪಿಸಲಾಯಿತು)
          {
              Results.Text =
                  "ಟ್ಯಾಬ್ ಆರ್ಡರ್: " + aTab.Attribute("Taborda").ಮೌಲ್ಯ + " |" +
                  "ಟ್ಯಾಬ್ ಲೇಬಲ್: " + aTab.Attribute("TabLabel").ಮೌಲ್ಯ + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").ಮೌಲ್ಯ + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").ಮೌಲ್ಯ + " R";
          }

ಮೇಲಿನ, ವೇರಿಯೇಬಲ್ "theXmlToParse" ಒಂದು ವಾಕ್ಯವನ್ನು ವ್ಯತ್ಯಯ, ಆದರೆ ನೀವು ಲೋಡ್ ಬಳಸಬಹುದು() ಒಂದು ಸ್ಟ್ರೀಮ್ನಲ್ಲಿ ವಿಧಾನವನ್ನು ನೀವು ಇಷ್ಟಪಟ್ಟರೆ.

ಈ ಕೋಡ್ ಕಾರ್ಯರೂಪಗೊಳಿಸಿದಾಗ "ಫಲಿತಾಂಶಗಳು" ಒಂದು ವೆಬ್ ರೂಪವನ್ನು ಒಂದು ಲೇಬಲ್ ಮತ್ತು, ಈ ತೋರುತ್ತಿದೆ:

SNAGHTML11cd2e7c

ನಾನು ಇನ್ನೂ ಫಲಿತಾಂಶಗಳು ಜೋಡಣೆಗೆ ಹೇಗೆಂದು ಅನುಭವ ಇಲ್ಲದೇ, ಆದ್ದರಿಂದ ನಾನು ಮುಂದಿನ ಬ್ಲಾಗ್ ಪೋಸ್ಟ್ ಆ ಬಿಟ್ಟು ಮಾಡುತ್ತೇವೆ.

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin