ಟ್ಯಾಗ್ ಆರ್ಕೈವ್ಸ್: jQuery

XSLT ಮತ್ತು jQuery ಸ್ಯಾಂಪಲ್ಸ್

2 ಪ್ರತ್ಯುತ್ತರಗಳನ್ನು

ನಾನು XSLT ಮತ್ತು jQuery ನ ಸಾಕಷ್ಟು ಮಾಡುವುದರಿಂದ ಮತ್ತು ಇತರರು ಭವಿಷ್ಯದಲ್ಲಿ ಉಪಯುಕ್ತ ಕೆಲವು ತುಣುಕುಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಎಂದೆನಿಸಿತ್ತು ಮಾಡಲಾಗಿದೆ.

ಉದಾಹರಣೆ 1: ಸರಳ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊರಸೂಸುತ್ತವೆ / XSLT ರಲ್ಲಿ jQuery:

<XSL:template match="something" ಮದುವೆ:space="preserve">

  <!– ಪ್ರಶ್ನೆಗೆ ಸ್ನೇಹಿ ಶೋಧಕಗಳು ಗುಪ್ತ ಕ್ಷೇತ್ರದಲ್ಲಿ ಔಟ್ ಖಾಲಿ –>
  <ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್">
    $(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ(){
      $("#QueryFriendlyFilters").ವಾಲ್("empty");
    });
  </ಸ್ಕ್ರಿಪ್ಟ್>

</XSL:ಪ್ರಮಾಣ ಫಲಕ>

ಆ ಬಿಟ್ ಲೋಡ್ ಮುಗಿಸಲು ಪುಟ ಕಾಯುತ್ತದೆ ಕೆಲವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊರಸೂಸುತ್ತದೆ (ಕಾರಣ $(ದಾಖಲೆ).ಸಿದ್ಧ(...)) ತದನಂತರ "ಖಾಲಿ" ಅಕ್ಷರಶಃ ಮೌಲ್ಯಕ್ಕೆ QueryFriendlyFilters ಎಂಬ ಗುಪ್ತ ಕ್ಷೇತ್ರದಲ್ಲಿ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ 2: ಬಳಸುವುದು <XSL:ವೇಳೆ> "ಕ್ಕಿಂತ" ಪರಿಶೀಲಿಸಲು,  "ಕಡಿಮೆ", ಇತ್ಯಾದಿ.

<XSL:template match="something" ಮದುವೆ:space="preserve">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">ಪ್ರಸ್ತುತ ಫಿಲ್ಟರ್:</ದಾಟು>
    </XSL:ವೇಳೆ>

    <!– ಹೆಚ್ಚಿನ ವಿಷಯವನ್ನು ಇಲ್ಲಿ ನಡೆಯುತ್ತದೆ. –>

</XSL:ಪ್ರಮಾಣ ಫಲಕ>

ಮೇಲೆ ತುಣುಕನ್ನು "ಏನೋ" ಅಂಶದ "ಕೌಂಟ್" ಎಂಬ ಒಂದು ಲಕ್ಷಣವನ್ನು ಶೂನ್ಯ ಹೆಚ್ಚಾಗಿದ್ದರೆ ನೋಡಲು ಪರಿಶೀಲಿಸುತ್ತದೆ.  ಈ ಹಿಂದೆ ಮದುವೆ ಏನೋ ಹಾಗೆ ಎಂದು:"

</ ಏನೋ ಕೌಂಟ್ = "5">

ಉದಾಹರಣೆ 3: ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಮೂಲಕ ತಿರುಗಿ, jQuery ಕರೆಗಳು interspersing.

<!– ಎಲ್ಲಾ ಶೋಧಕಗಳ ಮೂಲಕ ಮರಳಿ ಮತ್ತು ಸರಿಯಾದ ಪ್ರದರ್ಶಿಸಲು  ಕೊಂಡಿಗಳು. –>
<XSL:for-each select="UserFilter">

  <a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,'{@ ID}')">[ಎಕ್ಸ್]</ಒಂದು>

  <span class="fdcFilterLabel"><XSL:value-of select="@FilterValue"/></ದಾಟು>

  <ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್">

    $(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ(){
        <XSL:ಪಠ್ಯ><![CDATA[$("#QueryFriendlyFilters").ವಾಲ್( ($("#QueryFriendlyFilters").ವಾಲ್() + " ]]></XSL:ಪಠ್ಯ>\"<XSL:value-of select="@FilterValue"/>\"<XSL:ಪಠ್ಯ><![CDATA["));]]></XSL:ಪಠ್ಯ>
    });

  </ಸ್ಕ್ರಿಪ್ಟ್>

</XSL:-ಪ್ರತಿಯೊಂದು>

ಮೇಲೆ ತುಣುಕನ್ನು ಅತ್ಯಂತ ಸಂಕೀರ್ಣವಾಗಿದೆ ಮತ್ತು ಇದು ಮಾಡಲು ಸುಲಭ ರೀತಿಯಲ್ಲಿ ಇರುತ್ತದೆ.

ಈ ಹಿಂದೆ ಮದುವೆ ಸ್ಥೂಲವಾಗಿ ಈ ತೋರುತ್ತಿದೆ:

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

ಈ ತುಣುಕನ್ನು ಮೂಲಕ iterating ಇದೆ <ಬಳಕೆದಾರ ಫಿಲ್ಟರ್> ಗ್ರಂಥಿಗಳು. 

ಇದು ಮೊದಲ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಪುಟದಲ್ಲಿ ಈಗಾಗಲೇ ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಾರ್ಯ ಆಹ್ವಾನಿಸಬಹುದು ಒಂದು ಆಧಾರ ಟ್ಯಾಗ್ ಹೊರಸೂಸುತ್ತದೆ, "MySubmitPage" ಮತ್ತು ಒಂದು ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯದ ಹಾದು <ಬಳಕೆದಾರ ಫಿಲ್ಟರ್> "ID" ಎಂಬ ನೋಡ್. 

ಇದು ನಂತರ ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಲು ಕಾಯುತ್ತದೆ ಕೆಲವು jQuery ಹೊರಸೂಸುತ್ತದೆ.  ಆ jQuery ನವೀಕರಣಗಳನ್ನು FilterValue ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯವನ್ನು ಸೇರಿಸುವುದರ ಮೂಲಕ "QueryFriendlyFilters" ಎಂಬ ಗುಪ್ತ ಕ್ಷೇತ್ರದಲ್ಲಿ.  ಎಲ್ಲಾ ಕ್ರೇಜಿ ಗಮನಿಸಿ <XSL:ಪಠ್ಯ> ಮತ್ತು <![CDATA[ ... ]]> ದ್ರವ್ಯ.

ಅದು ಇಲ್ಲಿದೆ, ಇದು ಸಹಾಯ ಭಾವಿಸುತ್ತೇವೆ!

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

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

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

Lists.asmx, GetListItems ಮತ್ತು ಫೋಲ್ಡರ್ಗಳು

6 ಪ್ರತ್ಯುತ್ತರಗಳನ್ನು

ನಾನು ಶೇರ್ಪಾಯಿಂಟ್ ಭಾಗವಾಗಿ ಒದಗಿಸಿದ list.asmx ವೆಬ್ ಸೇವೆ ಸುತ್ತ ಇಂದು ಯಾರಾದರೂ ಕೆಲವು ಸಂಶೋಧನೆ ಮಾಡುತ್ತಿದ್ದ 2010 (ಮತ್ತು ಹಿಂದಿನ).  ಅವರು ಮೂಲ ಫೋಲ್ಡರ್ ನಲ್ಲಿ ಪಟ್ಟಿ ಐಟಂಗಳನ್ನು ಪಡೆಯಲು ಸಾಧ್ಯವಾಯಿತು (ಉಪ ಫೋಲ್ಡರ್ಗಳನ್ನು ಹೆಸರುಗಳು ಸೇರಿದಂತೆ), ಆದರೆ ಉಪ ಫೋಲ್ಡರ್ಗಳನ್ನು ಐಟಂಗಳನ್ನು ಪಡೆಯಲು ಸಾಧ್ಯವಾಗಿಲ್ಲ.  ನಾನು ಕೆಲವು internets ಮೇಲೆ ಸುತ್ತಲೂ ನೋಡುತ್ತಿದ್ದವು ಮತ್ತು ಅದನ್ನು ಒಂದು ಆಶ್ಚರ್ಯಕರ ಸಾಮಾನ್ಯ ಪ್ರಶ್ನೆ ಇಲ್ಲಿದೆ.  ಇನ್ನೂ, ನಾನು ಸರಳ ಪ್ರಶ್ನೆಗೆ ಉತ್ತಮ ಉತ್ತರವನ್ನು ಪಡೆಯಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ, "ನಾನು ಫೋಲ್ಡರ್ ತಿಳಿದಿದ್ದರೆ, ಹೇಗೆ ನಾನು ಫೋಲ್ಡರ್ನಲ್ಲಿ ಐಟಂಗಳನ್ನು ಪಡೆಯಲು ಇಲ್ಲ?"  ಪ್ರಾಮಾಣಿಕವಾಗಿ, ನಾನು ಆ ನನ್ನ ಈ ಒಂದು ಲೆಕ್ಕಾಚಾರ ಬಯಸಿದರು ಬಂದಿದೆ ಏಕೆಂದರೆ ನಾನು ಆ ಹಾರ್ಡ್ ಪ್ರಯತ್ನಿಸಿ ಇಲ್ಲ ಸ್ಮೈಲ್.

ಈ ಹೊಂದಿಸಲು, ನಾನು "ಬ್ಲಾಗಿಂಗ್ ಸಂದರ್ಭಗಳ" ಮತ್ತು "ಉಪ ಫೋಲ್ಡರ್ಗಳು ಕಸ್ಟಮ್ ಪಟ್ಟಿ" ಹೆಸರಿನ ಕಸ್ಟಮ್ ಪಟ್ಟಿಯಲ್ಲಿ ಹೆಸರಿನ ಸೈಟ್ ದಾಖಲಿಸಿದವರು.  ನಾನು ಎಂಬ ಫೋಲ್ಡರ್ಗಳನ್ನು ದಾಖಲಿಸಿದವರು:

  • ವರ್ಷ 2005
  • ವರ್ಷ 2006
  • ವರ್ಷ 2007

ನಾನು ಫೋಲ್ಡರ್ "ವರ್ಷದ 2006" ಕೆಲವು ಐಟಂಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ.  ಇದು ತೋರುತ್ತಿದೆ ಏನು:

image

ನನ್ನ ಸ್ನೇಹಿತ C # ಕೋಡ್ ಬರೆಯುವ ಬದಲಿಗೆ ಜಾವಾ ಬಳಸದೇ, ಆದ್ದರಿಂದ SOAP ಹೊದಿಕೆ ಅವರು ನಿಜವಾಗಿಯೂ ಅಗತ್ಯವಿದೆ ಯಾವುದು.  ಎಂದು ಪಡೆಯಲು, ನಾನು jQuery ಒಂದು ಬಿಟ್ ಬರೆದು ನಂತರ ನಿಜವಾದ HTTP ಸಂವಾದವನ್ನು ಪಡೆಯಲು ಪಿಟೀಲುವಾದಕ ಬಳಸಲಾಗುತ್ತದೆ.

ಇಲ್ಲಿ ಸೂಕ್ತ jQuery ಇಲ್ಲಿದೆ (ನೀವು ಅಂಟಿಸಿ / ನಕಲಿಸಲು ಬಯಸುವ ವೇಳೆ ನಾನು ಕೆಳಗೆ ಕೋಡ್ ಕೆಳಗೆ ನಕಲು):

image

ಅವರು ಮೊದಲ ಪ್ರಮುಖ ಒಂದು ಎರಡೂ ಸೇರಿಸುವುದು <queryOptions> ಮತ್ತು <QueryOptions> ನೋಡ್.  ಎರಡನೇ ಪ್ರಮುಖ ಎಂದು <ಫೋಲ್ಡರ್> ನೋಡ್ ಇದು ಕ್ಲೈಂಟ್ ನಿಲುಕುವ ಒಂದು URL ಅನ್ನು ಹೊಂದಿದೆ.

ಈ ಪಡೆಯಲು ಇತರ ಬಗೆಗಳು ಇರಬಹುದು, jQuery ಬಳಸುವಾಗ ಆದರೆ ಈ ನನಗೆ ಚೆನ್ನಾಗಿ ಕೆಲಸ.

ಇಲ್ಲಿ ಮೇಲೆ ಫಾರ್ SOAP ಹೊದಿಕೆ ಆಗಿದೆ:

<soapenv:ಎನ್ವೆಲಪ್ xmlns:soapenv =’HTTP://schemas.xmlsoap.org / ಸಾಬೂನು / ಹೊದಿಕೆ /’>                
  <soapenv:ದೇಹ>
    <GetListItems xmlns =’HTTP://schemas.microsoft.com / ಶೇರ್ಪಾಯಿಂಟ್ / ಸಾಬೂನು /’>
      <ಪತನಶೀಲ>ಉಪ ಫೋಲ್ಡರ್ಗಳು ಕಸ್ಟಮ್ ಪಟ್ಟಿ</ಪತನಶೀಲ>
      <viewFields>  
        <ViewFields>
          <FieldRef ಹೆಸರು = 'ಶೀರ್ಷಿಕೆ’ />
          <FieldRef ಹೆಸರು = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <ಫೋಲ್ಡರ್>HTTP://demoserver1/Blogging ಸಂದರ್ಭಗಳ / ಪಟ್ಟಿಗಳನ್ನು / ಉಪ ಫೋಲ್ಡರ್ಗಳು / ವರ್ಷದ 2006 ಕಸ್ಟಮ್ ಪಟ್ಟಿ</ಫೋಲ್ಡರ್>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
  </soapenv:ದೇಹ>
</soapenv:ಹೊದಿಕೆ>

ಇದರೊಂದಿಗೆ ಉದಾಹರಣೆಗಳು ಮತ್ತು ಚರ್ಚೆಯ ಬಹಳಷ್ಟು ನಾನು ಬೇಕಾಗಿರುವುದೆಲ್ಲಾ ಎಂದು ನಂಬಲು ಕಾರಣವಾಯಿತು <QueryOptions> ಮತ್ತು ಫೋಲ್ಡರ್ ಹೆಸರು ಸೂಚಿಸಿ.  ನನಗೆ, ನಾನು ಎರಡೂ ಸುತ್ತು ಒಳಗೆ ಅಗತ್ಯವಿದೆ <queryOptions> ಜೊತೆಗೆ ಒಂದು ಸಂಪೂರ್ಣ ಅರ್ಹವಾದ URL ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು <ಫೋಲ್ಡರ್> ಗೆಣ್ಣು.

ಇಲ್ಲಿ jQuery AJAX ಸೆಟಪ್ ಇಲ್ಲಿದೆ:

$(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ() {
       soapEnv = ಆಗಿತ್ತು
           "<soapenv:ಎನ್ವೆಲಪ್ xmlns:soapenv =’HTTP://schemas.xmlsoap.org / ಸಾಬೂನು / ಹೊದಿಕೆ /’> \
               <soapenv:ದೇಹ> \
                    <GetListItems xmlns =’HTTP://schemas.microsoft.com / ಶೇರ್ಪಾಯಿಂಟ್ / ಸಾಬೂನು /’> \
                       <ಪತನಶೀಲ>ಉಪ ಫೋಲ್ಡರ್ಗಳು ಕಸ್ಟಮ್ ಪಟ್ಟಿ</ಪತನಶೀಲ> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef ಹೆಸರು = 'ಶೀರ್ಷಿಕೆ’ /> \
                              <FieldRef ಹೆಸರು = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <ಫೋಲ್ಡರ್>http://demoserver1/Blogging ಸಂದರ್ಭಗಳ / ಪಟ್ಟಿಗಳನ್ನು / ಉಪ ಫೋಲ್ಡರ್ಗಳು / ವರ್ಷದ 2006 ಕಸ್ಟಮ್ ಪಟ್ಟಿ</ಫೋಲ್ಡರ್> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:ದೇಹ> \
           </soapenv:ಹೊದಿಕೆ>";

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

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

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

ಎಂಡ್ಲೆಸ್ಲಿ ಗೂಡುಕಟ್ಟುವ <div> ಟ್ಯಾಗ್ಗಳು ಮತ್ತು jQuery

ಪ್ರತ್ಯುತ್ತರ ನೀಡಿ

ಇದು ಒಂದು ವಿಲಕ್ಷಣ ವ್ಯಕ್ತಿ ವಿಷಯ ಹಾಗೆ ತೋರುತ್ತದೆ, ಅದರ ಬಗ್ಗೆ ನಿಜವಾಗಿಯೂ ಮೌಲ್ಯದ ಬ್ಲಾಗಿಂಗ್ ಅಂತ ಖಾತರಿಯಿಲ್ಲ ಮನುಷ್ಯ, ಆದರೆ ಮೊದಲು ನನಗೆ ಯಾವತ್ತೂ ನಿಲ್ಲಿಸಿಲ್ಲ ವಿಶೇಷವೇನು, ಆದ್ದರಿಂದ ಇಲ್ಲಿ ನಾವು ಹೋಗಿ ಸ್ಮೈಲ್

ನಾನು ಒಂದು ಹುಡುಕು ಕೆಲವು ಮಾಹಿತಿ ಎಳೆದಾಡುವುದು ಬಾಗುತ್ತೇನೆ ಅಲ್ಲಿ ಯೋಜನೆಯಲ್ಲಿ ಔಟ್ ಕೆಲಸ ಬಾಗುತ್ತೇನೆ, ಮದುವೆ ಅಂತಿಮವಾಗಿ XSLT ಮೂಲಕ HTML ಗೆ ರೂಪಾಂತರಗೊಳ್ಳುತ್ತದೆ ಎಂದು ನಂತರ ಮದುವೆ ಸಂದೇಶವನ್ನು ಅದನ್ನು ಅಪ್ ಪ್ಯಾಕಿಂಗ್.  ಒಳಗೊಂಡಿರುವ jQuery ಬಹಳ ಕಷ್ಟ, ಇದು ಒಂದು ಬಿಟ್ ಕೆಲವು tabbing ಕಾರ್ಯಗಳನ್ನು ಕೈಗೊಳ್ಳುತ್ತದೆ.  ನೀವು ಒಂದು ಟ್ಯಾಬ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ (ನಿಜವಾಗಿ, ಒಂದು <div>), jQuery ಮೊರೆಯಿಡುತ್ತದೆ. ಮರೆಮಾಡಿ() ಮತ್ತು. ಪ್ರದರ್ಶನ() ವಿವಿಧ divs ಮೇಲೆ (ಈ ಸಂದರ್ಭದಲ್ಲಿ ಯಾವುದೇ postbacks ಇವೆ ಹೀಗಾಗಿ ಆರಂಭಿಕ ಪುಟ ಲೋಡ್ ಎಲ್ಲಾ ವಿಷಯವನ್ನು ಡೌನ್).

ಗಂಟೆಗಳ ಒಂದು ಗುಂಪೇ ಹಿಂದೆ, ಟ್ಯಾಬ್ ಸ್ವಿಚಿಂಗ್ ತರ್ಕ ಸಿಕ್ಕಾಬಟ್ಟೆ ವರ್ತಿಸುತ್ತಾರೆ ಶುರುವಾಯಿತು ನನ್ನ ಟ್ಯಾಬ್ಗಳನ್ನು ಒಂದು ತೋರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.  ನಾನು ಅಂತಿಮವಾಗಿ ಅಂತರ್ಜಾಲ ಪರಿಶೋಧಕ ವಾಸ್ತವವಾಗಿ ಅದನ್ನು ಕೆಳಗೆ ಟ್ರ್ಯಾಕ್ (ಕನಿಷ್ಠ) ಚಿಂತನೆಯು <div> ಟ್ಯಾಗ್ಗಳು ದೂರದ ಅಡಗಿಸಿದ, intended.The ಡೆವಲಪರ್ ಟೂಲ್ಬಾರ್ ತುಂಬಾ ಆಳವಾದ ತೋರಿಸಿದವು:

-<div ID = "Tab1Content">
  -<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-ಕೊನೆಗೆ ಎಲ್ಲಾ ರೀತಿಯಲ್ಲಿ ಕೆಳಗೆ ಇಲ್ಲಿ ಕಡಿದು ತೋರಿಸುವ!

ಆದ್ದರಿಂದ, ನಾನು ಮಾಡಿದರೆ $("# Tab1Content").ಬಚ್ಚಿಡು(), ನಾನು Tab2 ಅಡಗಿಸು'd ಮತ್ತು ನಾನು Tab1 ತೋರಿಸಲು ಮಾಡದಿದ್ದಲ್ಲಿ ನಾನು Tab2 ತೋರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.  ನಾನು ನಕಲು ಮತ್ತು ಅಂಟಿಸಲಾಗಿದೆ ಕೋಡ್ ಅಪ್ ದೃಶ್ಯ ಸ್ಟುಡಿಯೋಗೆ ಮತ್ತು ಅಲೆಯಲ್ಲಿ div ತಂದೆಯ ಪದರವನ್ನು ಎಲ್ಲಾ ಅಪ್ ತೋರಿಸಿದರು, ಮಾಡುತ್ತಿದ್ದ ಭಾವಿಸಲಾಗಿತ್ತು ಕೇವಲ ನಂತಹ, ಈ ಕಾಣುತ್ತವೆ:

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

ನಾನು ಆ ಗೋಡೆಗೆ ನನ್ನ ತಲೆ ಸೋಲಿಸಿ ನಿಜವಾದ HTML ಕೋಡ್ ರಲ್ಲಿ ಖಾಲಿ ಬಹಳಷ್ಟು ಉತ್ಪಾದಿಸುವ ಗಮನಿಸಿದ <div> ಟ್ಯಾಗ್ಗಳು, ನಂತಹ:

<ದೇಹ>

  <div ID = "Tab1Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

  </div>

  <div ID = "Tab2Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

  </div>

</ದೇಹ>

(ಮೇಲಿನ ಸರಳೀಕೃತ ಮೇಲೆ waaaaaaaaaaaay ಆಗಿದೆ.  ಖಾಲಿ div ಟ್ಯಾಗ್ಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಮಾನ್ಯವಾಗಿರುವ. ನನ್ನ ಕೆಲವು <div> ಟ್ಯಾಗ್ಗಳು ವಿಷಯ ಭರ್ತಿಯಾಗಿದ್ದವು, ಆದರೆ ಹಲವು ಇರಲಿಲ್ಲ.  ನಾನು ಸಾಕ್ಷಾತ್ಕಾರ ಬಂದ ನನ್ನ <XSL:-ಪ್ರತಿಯೊಂದು> ಯಾವಾಗ XSL ನಿರ್ದೇಶನ ಸಣ್ಣ ರೂಪ div ಟ್ಯಾಗ್ಗಳು ಹೊರಸೂಸುವ ಮಾಡಲಾಯಿತು:ಫಾರ್-ಪ್ರತಿ 'ಯಾವುದೇ ಮಾಹಿತಿ ಸಿಗಲಿಲ್ಲ.  ನಾನು ಔಟ್ಪುಟ್ ಒಂದು HTML ಕಾಮೆಂಟ್ ಬಲವಂತವಾಗಿ, ತೋರಿಸಲಾಗಿದೆ ಎಂದು:

image

 

ನಾನು ಮಾಡಿದ ನಂತರ, ಎಲ್ಲಾ div ಅಲೆಯಲ್ಲಿ ಪೂರೈಸಿದೆ ಮತ್ತು ನನ್ನ ಟ್ಯಾಬ್ ಸ್ವಿಚಿಂಗ್ ಕೆಲಸ ಆರಂಭಿಸಿದರು ವಿಶೇಷವೇನು.

ಯಾವಾಗಲೂ ಹಾಗೆ, ನಾನು ಈ ಒಂದು ಪಿಂಚ್ ರಲ್ಲಿ ಯಾರಾದರೂ ಸಹಾಯ ಭಾವಿಸುತ್ತೇವೆ.

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

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

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

ಇನ್ನೂ ಹೆಚ್ಚು 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

ನಿಮ್ಮ ಸರಿ ನಿಯಂತ್ರಣ ಟೇಕ್ ಮತ್ತು ಗುಂಡಿಗಳು ರದ್ದು

3 ಪ್ರತ್ಯುತ್ತರಗಳನ್ನು

ನಾನು ಬರೆದ ಈ ಲೇಖನ ಸ್ವಲ್ಪ ಹಿಂದೆ, ನಾನು ಸಮಯದಲ್ಲಿ ನನ್ನ ಬ್ಲಾಗ್ ಇದನ್ನು ಲಿಂಕ್ ಮಾಡಲಿಲ್ಲ ಆದರೆ ಕಾಣುತ್ತದೆ, ಆದ್ದರಿಂದ ಇಲ್ಲಿ ಹೋಗುವುದು:

image

ಈ ಲೇಖನದಲ್ಲಿ ಅವರು ರದ್ದು ಒತ್ತಿದಾಗ ಬಳಕೆದಾರ ಸರಿ ಕ್ಲಿಕ್ಕಿಸಿದಾಗ ಮತ್ತು ಬೇರೆ ಪುಟ ಮಾಡಿದಾಗ newform.aspx ಒಂದು ಪುಟ ಮರುನಿರ್ದೇಶಿಸುತ್ತದೆ ಒತ್ತಾಯ ಹೇಗೆ ವಿವರಿಸುತ್ತದೆ.

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

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

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

ತ್ವರಿತ ಸಲಹೆ: MOSS ಪಬ್ಲಿಷಿಂಗ್ ಪುಟಗಳಿಗೆ jQuery ಸೇರಿಸುವ

1 ಉತ್ತರಿಸಿ

JQuery ಬಳಸಿಕೊಂಡು MOSS publising ಪುಟಗಳು ಹೆಚ್ಚಿಸುವ ಸಂದರ್ಭದಲ್ಲಿ, ನಾನು ಮುಂದಿನ ವೇಗತಡೆ ಹಿಟ್:

Server Error in ‘/’ ಅನ್ವಯಿಸುವಿಕೆ.

ಪಾರ್ಸರ್ ದೋಷ

ವಿವರಣೆ: ದೋಷ ಈ ವಿನಂತಿಯನ್ನು ಸೇವೆಯನ್ನು ಬೇಕಾದ ಸಂಪನ್ಮೂಲಗಳ ಪಾರ್ಸಿಂಗ್ ಸಂಭವಿಸಿದೆ. ಕೆಳಗಿನ ನಿರ್ದಿಷ್ಟ ಪಾರ್ಸ್ ದೋಷ ವಿವರಗಳನ್ನು ಪರಿಶೀಲಿಸಿ ಮತ್ತು ಸೂಕ್ತವಾಗಿ ನಿಮ್ಮ ಮೂಲ ಕಡತ ಮಾರ್ಪಡಿಸಲು ದಯವಿಟ್ಟು.

ಪಾರ್ಸರ್ ದೋಷ ಸಂದೇಶ: ಮಾತ್ರ ವಿಷಯ ನಿಯಂತ್ರಣ ವಿಷಯ ನಿಯಂತ್ರಣಗಳನ್ನು ಹೊಂದಿರುವ ವಿಷಯ ಪುಟದಲ್ಲಿ ನೇರವಾಗಿ ಅನುಮತಿಸಲಾಗಿದೆ.

ಮೂಲ ದೋಷ: 

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

ಮೂಲ ಫೈಲ್: /_catalogs / masterpage / KCC_FacultyMember.aspx    ಸಾಲು: 12

ಆವೃತ್ತಿ ಮಾಹಿತಿ: ಮೈಕ್ರೋಸಾಫ್ಟ್. NET ಫ್ರೇಂವರ್ಕ್ ಆವೃತ್ತಿ:2.0.50727.4927; ASP.NET ಆವೃತ್ತಿ:2.0.50727.4927

ಇದು ಬಗೆಹರಿಸಲು ಸುಲಭವಾಗಿತ್ತು (H / ಟಿ ನನ್ನ ಸಹೋದ್ಯೋಗಿಯಾಗಿದ್ದ, ಉದಯ್ Ethirajulu).  ತೋರಿಸಿರುವಂತೆ jQuery ಕೋಡ್ "PlaceHolderAdditionalPageHead" ಒಳಗೆ ವಾಸಿಸುವ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ:

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

<ಸ್ಕ್ರಿಪ್ಟ್

    type="text/javascript"

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

</ಸ್ಕ್ರಿಪ್ಟ್>

<ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್">

  $(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ() {

   // ಬ್ರಿಲಿಯಂಟ್ jQuery ವಿಷಯವನ್ನು ಇಲ್ಲಿ ಹೋಗುವುದು.

   });

</ಸ್ಕ್ರಿಪ್ಟ್>

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

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

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