السبت، 26 يونيو، 2010

كيف تعرض ملف فلاش من مكتبة الصور باستخدام جزء ويب لاستعلام المحتوى



في هذه المقالة سنستعرض كيفية استخدام جزء ويب الخاص باستعلام المحتوى Content Query Web Part لعرض ملف فلاش من مكتبة الصور, حيث أن في بعض الأحيان يكون لدينا صور وملفات فلاش في مكتبة الصور ونريد عرضها باستخدام نفس الأداة, والؤسال هو كيف نستطيع تنفيذ ذلك؟ للإجابة على هذا السؤال أرجو اتباع الخطوات التالية بدقة:

  1. أنشء مكتبة للصور ولكين اسمه MyImageLib من النوع "مكتبة الصور Picture Library".




  2. أضف إليها ملف فلاش أو أكثر إضافة إلى بعض الصور بهدف التجريب فقط, وتأكد بأن ملفات الفلاش التي يتم رفعها تعمل بشكل صحيح.


    طبعاً نلاحظ بأن مكتبة الصور لا تعرض صورة مصغرة للفلاش لأنها غير مخصصة لذلك.
  3. أضف جزء ويب الخاص باستعلام المحتوى Content Query Web Part إلى أي صفحة من صفحات موقعك, ويفضل أن تكون صفحة تجربة لاختبار عمل هذه الطريقة.
  4. الآن حدد مكتبة الصور لتكون هي القائمة التي سيقرأ منها جزء الويب العناصر التي سيعرضها كما في الشكل التالي:








  5. الآن سيتم بناء قالب جديد في الملف ItemStyle.xsl الموجود في المكتبة Style Library وذلك باستخدام SharePoint Designer, واسم القالب الجديد هو ShowFlashFromImgLib, وشيفرته كما يلي:
    <xsl:template name=" ShowFlashFromImgLib" match="Row[@Style=' ShowFlashFromImgLib']" mode="itemstyle">
    <xsl:param name="CurPos">
    <xsl:param name="Last">
    <xsl:variable name="SafeLinkUrl">
    <xsl:call-template name="OuterTemplate.GetSafeLink">
    <xsl:with-param name="UrlColumnName" select="'LinkUrl'">
    </xsl:with-param></xsl:call-template>
    </xsl:variable>
    <xsl:variable name="DisplayTitle">
    <xsl:call-template name="OuterTemplate.GetTitle">
    <xsl:with-param name="Title" select="@Title">
    <xsl:with-param name="UrlColumnName" select="'LinkUrl'">
    </xsl:with-param></xsl:with-param></xsl:call-template>
    </xsl:variable>
    <xsl:variable name="LinkTarget">
    <xsl:if test="@OpenInNewWindow = 'True'">_blank</xsl:if>
    </xsl:variable>
    <xsl:if test="contains($SafeLinkUrl, '.swf')">
    <xsl:text escaping="yes"><object>
    <param name="movie" value=""></xsl:text><xsl:value-of select="">
    <xsl:text escaping="yes">
    <embed src=""></embed></xsl:text><br /> <xsl:value-of select="">
    <xsl:text escaping="yes">
    </xsl:text></xsl:text></object>]]></xsl:text>
    </xsl:if>
    </xsl:param></xsl:param></xsl:template>
  6. الآن يجب تحديد أن جزء الويب الخاص باستعلام المحتوى يطبق القالب السابق, وذلك من خلال قسم العرض التقديمي لخصائص جزء الويب:






  7. اضغط على زر موافق لحفظ تعديلات جزء الويب وستلاحظ عرض ملفات الفلاش التي تمت إضافتها إلى مكتبة الصور السابقة.
ملاحظة: هذا المثال لا يعرض الصور أيضاً وإنما يمكن تعديله لعمل ذلك من خلال القالب ذاته, إضافة إلى أن طريقة عرض ملفات الفلاش لا تأخذ بعين الاعتبار عرض وارتفاع الفلاش وإنما يتم وضع أبعاد افتراضية, وطبعاً يمكن للمطور التعديل على شيفرة هذا القالب لتتناسب مع تصميم موقعه والهدف من عرض الفلاش.


ليست هناك تعليقات:

إرسال تعليق