মাসিক আর্কাইভ: মে 2011

এখনও আরও jQuery–একটি চিত্র উদাহরণ মাপ পরিবর্তন

আমি একটি ক্লায়েন্ট পুরাতন বিক্রেতা থেকে একটি ওয়েব অংশ পুরুষ - পরম্পরাগত এবং এটি একটি চিত্রের আকার সমস্যা আছে.  ছবি 60 হবে×50 কিন্তু জন্য কিছু অদ্ভুত কারণে, মূল বিক্রেতা 42 তাদেরকে জোরপূর্বক×42, তাই তারা তাকান squashed:

 

ভাল ছবি

খারাপ প্রতিচ্ছবি

এখানে মার্কআপ (কিছুটা সরলীকৃত):

<টেবিল বর্গ = 'বর্ধিত-চেহারা'>
  <thead>
    <tr>
      <ম  প্রস্থ = '100′>3 মঙ্গলবার</ম>
    </tr>
  </thead>

  <tbody>
    <tr বর্গ = 'পূর্বাভাস'>
      <td প্রস্থ = '100′>
        <রাস্তা>
          <li বর্গ = 'হাই'>উচ্চ: 72&আপনি;এফ</চীনদেশে প্রচলিত দূরত্বের একক>
          <li বর্গ = 'কম'>কম: 44&আপনি;এফ</চীনদেশে প্রচলিত দূরত্বের একক>
          <li বর্গ = 'শর্ত'>হাসিখুশি
            <img src =’
HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ প্রস্থ = '42’ উচ্চতা = '42’ alt =” />
          </চীনদেশে প্রচলিত দূরত্বের একক>
        </রাস্তা>
      </td>
    </tr>

  </tbody>

</টেবিল>

আপনি নোট করবো যে যদিও ইমেজটি পাথ যথাযথ মাত্রা প্রদর্শন (60×50) মূল বিক্রেতা 42 তা জোরপূর্বক×42.  কেন?  পাগল.

সকল অবস্থাতেই, আমি এই সমস্যা থেকে দ্রুত এবং সহজ সমাধান চেয়েছিলেন এবং আমি jQuery থেকে প্রমাণিত.  কৌতুক যথাযত সমস্ত সনাক্ত ছিল <img> ট্যাগ.  আমি অকাজ করা থেকে কি অন্য কোন img ট্যাগ সঙ্গে করতে চাই না (যার অনেক আছে).  JQuery এই বিট কৌতুক করেনি:

<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></লিপি>

<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript">
     $(দলিল).প্রস্তুত(কাজ () {

         $(‘li.condition > img ').প্রত্যেক(কাজ (সূচক, আইটেম)
           
{
             $(আইটেম).CSS("প্রস্থ", "60"); 
             $(আইটেম).CSS("উচ্চতা", "50");
            });
     }); // উপর নথি লোড
</লিপি>

কোড যে বিট সংগ্রহ দাঁত <চীনদেশে প্রচলিত দূরত্বের একক> ট্যাগ যার শ্রেণী "শর্ত" এবং <img> শিশু.  তারপর যে সব মাধ্যমে iterates.  একটি যাদুমন্ত্র মত কাজ.

আমি সম্ভবত এটি প্রবাহরেখা পারে, কিন্তু আমি একটি unix উপহাসাম্পদ ধরনের মীমাংসিত π ছিল না থেকে 18 সংখ্যা শব্দবাহুল্যহীনতা sed এবং awk ব্যবহার করে এবং আমি যদি jQuery পলায়ন হয় যে ধরনের না হাসি.

</শেষ>

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

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

LINQ সঙ্গে XML পার্স

এখানে LINQ কিছু বিশ্লেষণ করতে ব্যবহার করে দ্রুত উদাহরণ  XML এবং মিষ্টি পেতে, মিষ্টি আরোপ করা তাহাতে.

এখানে আমি বিশ্লেষণ করতে চান 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 মধ্যে M থেকে("Tabs").উপাদানসমূহ("Tab")
              M নির্বাচন;

          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