<xsl:for-each>

<xsl:for-each>

یک حلقه است

باعث می شود دستورات درون ان برای تگ هایی  که در الگو مشخص شده اند ، تکرار شوند

   

....  ادامه مثال عملی

 

 

 

در فصل قبل انچه بدست امد محتوای اولین تگ title , artist فایل xml بود

اما می خواهیم همان دستورات را تکرار کنیم طوری که محتوای تمام تگ های title , artist را بدست اورده در سطر جدید و سلولهای جدید نمایش دهد

 

 

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <h2>My CD Collection</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th>Title</th>
      <th>Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

   هر دفعه حلقه for-each تکرار میشه خود بخود محتوای titile , artist بعدی از سند xml خوانده میشه    مشاهده و اجرای برنامه کامل   فیلتر گذاری در خروجی دستور for-each  

 تگ for-each یک صفت دارد به نام select

با این صفت می توان شرط انتخاب محتوای تگ هایی که در الگو مشخص کردیم را بیان کنیم

 

 مثال

<xsl:for-each select="catalog/cd[artist='Bob Dylan']">

 یعنی به تگ های cd ای مراجعه شود که محتوای تگ های با نام artist انها  برابر Bob Dylan باشد

 انواع عملگرهای منطقی  عبارت اند از :

=

مساوی باشد با

 

!=

مساوی نباشد با

 

&lt;

کوچکتر از

 

&gt;

بزرگ تر از

   

 برنامه کامل :

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <h2>My CD Collection</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th>Title</th>
      <th>Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd[artist='Bob Dylan']">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

 مشاهده و اجرای برنامه کامل    همانطور که خروجی را دیدید  برنامه خودش در خروجی قرار می گیرد

زیاد نگران نشوید

برای حل این مشکل  قسمت گام سوم در فصل xslt transform را ببینید

                                                                                                                                                       

 

- xpath- - -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -- xpath-

 - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css - - -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

 - ویژگی transforme - translate()

rotate()

scale()

skew()

matrix()

- transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- background-clip - background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب -  - ویژگی transforme - translate()

rotate()

scale()- xpath-

skew()

matrix()

- transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property - - -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

 

- xpath-

- روش ساخت منوی باز شونده با css - - - background-clip -  - ویژگی transforme - translate()

rotate()

scale()

skew()

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

ایجاد کردن lightbox با css , jquery

matrix()

background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 - ویژگی transforme - translate()- transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

- xpath-

ایجاد کردن lightbox با css , jquery

rotate()

scale()

skew()

matrix()

 – قرار دادن چند تصویر در زمینه صفحه وب - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transitiایجاد کردن lightbox با css , jqueryon-property -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -- xpath-

ایجاد کردن lightbox با css , jquery

- ویژگی transforme - translate()

rotate()

scale()

skew()

matrix()

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery- xpath-

- روش ساخت منوی افقی و عمودی  با css- background-clip -  - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

 - ویژگی transforme - translate()

rotate()

scale()

skew()

matrix()

background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب -  - ویژگی transforme - translate()

rotate()

scale()

skew()

matrix()

- transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

 - ویژگی opacity / transparency -  - تراز وسط افقی با استفاده از ویژگیهای margin - تراز بندی محتوای تگ ها با استفاده از ویژگی position - تراز افقی محتوای تگ ها با استفاده از ویژگی float - - ویژگی opacity / transparency -- روش ساخت منوی باز شونده با css - - - background-clip - background-image - -webkit-background- - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

origin:content-box – - ویژگی transforme - translate()

rotate()

scale()

skew()

matrix()

 سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب -

- transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property - - -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jqueryایجاد کردن lightbox با css , jquery- xpath-

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

- ویژگی transforme - translate()

rotate()

scale()

skew()

matrix()

- transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

ایجاد کردن lightbox با css , jquery

- ویژگی float -- background-clip - background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

 - گروه بندی کردن ویژگیهای  css و تعریف کلاس -- background-clip - background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب - - xpath-

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery- xpath-

 -xml parser یا تجزیه کننده xml- شی XMLHttpRequest - -ارایه ها - تابع array_change_key_case - ارایه ها - تابع array_chunk - array_combine - تابع array_count_values -- background-clip - background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب -  - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery- xpath-

 تابع array_diff_assoc- تابع array_diff_key-تابع key_comp_func- تابع array_diff_ukey- تابع array_fill- -- xpath- - روش ساخت منوی باز شونده با css - - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

 گروه بندی کردن ویژگیهای  css و تعریف کلاس - ویژگی float -  -   margin-right  margin-left margin-top-xml parse- background-clip - background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property - - xpath-

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

r یا تجزیه کننده xml-  margin- -- background-clip - background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

 

 - ویژگی opacity / transparency -  مخفی و آشکار کردن محتوای تگ ها با css -  bottom  - تابع array_fill_keys -xml چیست - - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

 - تراز وسط افقی با استفاده از ویژگیهای margin - تراز بندی محتوای تگ ها با استفاده از ویژگی - ویژگی opacity / transparency -  position - تراز افقی محتوای تگ ها با استفاده از ویژگی float - - روش ساخت منوی باز شونده با css - - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery- xpath-

- روش ساخت منوی باز شونده با css - - - background-clip - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب -  - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

 

- transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

 قوائد برنامه نویسی به زبان XML-قوانین تعریف تگ ها در XML - قالب بندی تگ های XML با سی اس اس و اجرای برنامه XML -  - مخفی و آشکار کردن محتوای تگ ها با css - -ارسال اطلاعات از سند XML به برنامه HTML-- - ویژگی float - ویژگی opacity / transparency -  - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

-  شی XMLHttpRequest -- روش ساخت منوی باز شونده با css - - - background-clip - background-image - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -  - فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery- xpath-

-webkit-background-origin:content-box – سی اس اس 3 – css3 – قرار دادن چند تصویر در زمینه صفحه وب - - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- فریم کلیدی انیمیشن keyframe @keyframe animation روش ساخت انیمیشن در سی اس اس css -

- -webkit-box-shadow  -moz-box-shadow  shadow ایجاد سایه در اطراف محتوای تگ ها -

ایجاد کردن lightbox با css , jquery

- xpath-

- روش ساخت منوی باز شونده با css - - - background-clip - background-image - -webkit-background-origin:content-box – سی اس اس 3 – css3 - transition-property - transition-delay  moz-transition-delay  webkit-tra - cubic-bezier  transition-timing-function - transition-duration  transition-property -

– قرار دادن چند تصویر در زمینه صفحه وب

/ 0 نظر / 26 بازدید