Latest web development tutorials

اعتبارات XML

وهنا لائحة أنه يجب عليك محاولة تجنب استخدام عند استخدام تقنية XML.


إنترنت إكسبلورر - جزيرة بيانات XML

ما هو؟جزيرة بيانات XML جزءا لا يتجزأ إلى بيانات صفحات XML HTML.

لماذا يجب تجنب ذلك؟جزيرة بيانات XML صالحة فقط في متصفح إنترنت إكسبلورر.

ما استبداله؟يجب عليك استخدام HTML و JavaScript و XML DOM تحليل وعرض XML.

لمزيد من المعلومات حول جافا سكريبت و XML DOM، زيارة موقعنا XML DOM البرنامج التعليمي .


حالات جزيرة بيانات XML

يستخدم هذا المثال وثائق XML " cd_catalog.xml ."

لا بد من مستند XML إلى مستند HTML في علامة <XML>. وتحدد السمة معرف معرف من الجزيرة البيانات، وسمة src إلى ملف XML:

أمثلة

ينطبق هذا المثال فقط لمتصفح إنترنت إكسبلورر

<html>
<body>

<xml id="cdcat" src="cd_catalog.xml"></xml>

<table border="1" datasrc="#cdcat">
<tr>
<td><span datafld="ARTIST"></span></td>
<td><span datafld="TITLE"></span></td>
</tr>
</table>

</body>
</html>

محاولة »

DATASRC السمة <جدول> العلامة الجدول HTML منضم إلى جزيرة بيانات XML.

<سبان> هذا الكود يسمح DATAFLD السمة يحيل الى عنصر XML للظهور. في هذا المثال، للإشارة إلى "الفنان" و "العنوان". عند قراءة XML، ويخلق صف جدول المقابلة لكل <CD> العنصر.


إنترنت إكسبلورر - السلوك

ما هو؟قدم برنامج Internet Explorer 5 السلوك. السلوك هو وسيلة لإضافة السلوك باستخدام أساليب المغلق لXML (أو HTML) عناصر.

لماذا يجب تجنب ذلك؟فقط يدعم Internet Explorer خصائص السلوك.

ما استبداله؟باستخدام جافا سكريبت وDOM XML (أو DOM HTML) ليحل محله.

مثال 1 - الماوس تحوم تسليط الضوء

وفيما يلي ملف HTML <style> عنصر ل<h1> تحليل عنصر يحدد سلوك:

<html>
<head>
<style type="text/css">
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>

<h1>Mouse over me!!!</h1>

</body>
</html>

هو مبين أدناه وثيقة XML "behave.htc" (وهذا الملف يحتوي على بعض معالجات جافا سكريبت والحدث للعنصر):

<attach for="element" event="onmouseover" handler="hig_lite" />
<attach for="element" event="onmouseout" handler="low_lite" />

<script>
function hig_lite()
{
element.style.color='red';
}

function low_lite()
{
element.style.color='blue';
}
</script>

محاولة »

مثال 2 - الآلة الكاتبة المحاكاة

ملف HTML التالية <نمط> معرف عنصر يحدد عمل "كتابة" من العناصر:

<html>
<head>
<style type="text/css">
#typing
{
behavior:url(typing.htc);
font-family:'courier new';
}
</style>
</head>
<body>

<span id="typing" speed="100">IE5 introduced DHTML behaviors.
Behaviors are a way to add DHTML functionality to HTML elements
with the ease of CSS.<br /><br />How do behaviors work?<br />
By using XML we can link behaviors to any element in a web page
and manipulate that element.</p>v </span>

</body>
</html>

المعروضة أدناه ما هي XML وثيقة "typing.htc":

<attach for="window" event="onload" handler="beginTyping" />
<method name="type" />

<script>
var i,text1,text2,textLength,t;

function beginTyping()
{
i=0;
text1=element.innerText;
textLength=text1.length;
element.innerText="";
text2="";
t=window.setInterval(element.id+".type()",speed);
}

function type()
{
text2=text2+text1.substring(i,i+1);
element.innerText=text2;
i=i+1;
if (i==textLength)
{
clearInterval(t);
}
}
</script>

محاولة »