المعاير القياسية XHTML وصداع الرأس

[hesham10012002]

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

عندي موقع مصممه على اساس يكون موافق للمعاير القياسية

ولله الحمد تم التصميم


ولكن هناك مشكلة

لدي كود ألعاب نارية

ولكنه مايعمل مع الـ XHTML

حاولت أعدل في الأكواد

ولكن لاحياة لمن تنادي

ولازال لايعمل

ويعمل فقط على HTML :anger2:

وأريده على : XHTML :anger1:

وياريت تساعدوني :shy:

وهذا هو الكود


1- انسخ هذا الكود و ضعه في منطقة الرأس HEAD

<STYLE type=text/css> BODY {
	OVERFLOW-X: hidden
}
v\:* {
	BEHAVIOR: url(#default#VML)
}
</STYLE>

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

<SCRIPT language=JavaScript>

/*
VML Fireworks script -- By Jacco IJzerman (j.ijzerman1@REMOVETHISchello.nl)
Permission granted to Dynamicdrive.com to feature script in archive.
Translated By www.sakrkuraish.netfirms.com
* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/


//Customize fireworks colors:
colors = new Array();
colors[0] = new Array('yellow', 'lime');
colors[1] = new Array('lime', 'green')
colors[2] = new Array('lime', 'blue');
colors[3] = new Array('lightyellow', 'purple');
colors[4] = new Array('lightblue', 'white');
colors[5] = new Array('blue', 'silver');
colors[6] = new Array('red', 'fuchsia');
colors[7] = new Array('yellow', 'red');

maximum = 1000;

vmlobj=''; 
for(i = 0; i < 12; i++){ 
vmlobj += '<div id="ster'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">';
vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">';
vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>';
vmlobj += '<v:stroke on="false" /></v:shape></div>';
}
document.write(vmlobj); vmlobj = null;

aantal = 0;

function begin()
{
try {
if(aantal == maximum){ return;}
kleurschema = Math.floor(Math.random() * colors.length);
posLinks = Math.floor(Math.random() * (document.body.clientWidth - 180));
posLinks = (posLinks < 170)? 170: posLinks;
posBoven = Math.floor(Math.random() * (document.body.clientHeight - 180));
posBoven = (posBoven < 170)? 170: posBoven;
straal = 0; uiteen = true; teller = 1; flikkereffect = false;
for(var i = 0; i < 12; i++){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][0]);
document.getElementById('ster'+i).style.visibility = 'hidden'; // 5.0 fix
document.getElementById('ster'+i).style.left = posLinks;
document.getElementById('ster'+i).style.top = posBoven;
}
document.getElementById('ster0').style.top = (document.body.clientHeight - 20); 
document.getElementById('ster0').style.visibility = 'visible';
omhoog();
} catch(e){}
}

function omhoog()
{
try {
positie = parseInt(document.getElementById('ster0').style.top);
if(positie > posBoven){
document.getElementById('ster0').style.top = (positie - 25); 
setTimeout('omhoog()', 50);
} else {
for(i = 1; i < 12; i++){
document.getElementById('ster'+i).style.top = positie;
document.getElementById('ster'+i).style.visibility = 'visible';
} 
uiteenspatten();
}
} catch(e){}
}

function uiteenspatten()
{
try {
if(straal > 120 && straal % 10 == 0){ 
flikkereffect = true;
teller = (teller == colors[kleurschema].length)? 0: (teller+1);
}
for(var i = 0; i < 12; i++){
var hoek = i * 30; 
var piHoek = Math.PI - Math.PI / 180 * hoek;
var links = posLinks + Math.round(straal * Math.sin(piHoek)); 
var boven = positie + Math.round(straal * Math.cos(piHoek));
document.getElementById('ster'+i).style.left = links;
document.getElementById('ster'+i).style.top = boven;
if(flikkereffect){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][teller]);
}
}
if(straal < 160 && uiteen){
straal += (straal < 120)? 10: 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal > 120){
uiteen = false; straal -= 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal <= 120){
for(var i = 0; i < 12; i++){
document.getElementById('ster'+i).style.visibility = 'hidden';
}
aantal++;
setTimeout('begin()', 500);
}
} catch(e) {}
}

window.onload=begin;

</SCRIPT>

ملاحظة :
أتمنى من اللي عدله مشكوراً :shy:

ياريت يقولي شنو التعديلات اللي حصلت

بسبب المثال القائل : " لاتعطني سمكة ... بل علمني كيف أصطاد"

[Flasher]

<SCRIPT language=JavaScript>

اجعلها

<script language="javascript" type="text/javascript">


-------

<STYLE type=text/css>

=>

<style type="text/css">

------


</STYLE> , </SCRIPT>

=>

</style> , </script>

[hesham10012002]

ألف شكر لك اخوي فلاشر

تم عمل التعديلات

ولكن لافائدة

والاكبريشن

بعد التعديلات وضع لي خط أحمر على :

OVERFLOW-X: hidden

وحولت الحرف الى حروف صغيرة ولكن لافائدة

يمكن يكون منه الخلل والله أعلم

وياريت تساعدونا

[Flasher]

امممم
OVERFLOW-X
اول مرة اسمع بها

اجعلها

overflow

[الحق يعلو]

امممم
OVERFLOW-X
اول مرة اسمع بها

اجعلها

overflow

http://www.blooberry.com/indexdot/cs.../overflowx.htm

[Flasher]

تركت الموضوع كله وجيت لردي ، سبحان الله

عالعموم

شكرا لك بحث عنها
هي خاصة بالاكسبلورر
وحسب مافهمت انها مدرجه في CSS3

Michael Landis wrote:
>> Actually, scrollbars are pretty consistently supported. The issue is
>> that overflow-x and overflow-y are not valid CSS 2 properties, but
>> are
>> IE extensions. If you look at the references for overflow-x and
>> overflow-y at MSDN[1][2] you'll see that they are proposed additions
>> to the spec, not parts of the spec. (By comparison, Microsoft
>> describes overflow as actually being part of the specification.)[3]
>>
>> The only valid CSS 2 property dealing with scrollbars is overflow.[4]
>> Give that a shot in place of overflow-x and overflow-y and see how
>> that does for you.
>>
>
> That said, "overflow-x" and "overflow-y" are part of the CSS 3 working
> draft, and AFAIR, do work in the latest versions of Gecko (Firefox
> 1.5):
> http://www.w3.org/TR/css3-box/#the-overflow-x
>
> I'm not sure what the level of support is in other browsers. Before
> Gecko supported the new overflow properties, it was possible to
> manipulate the scroll axis using this proprietary syntax:
>
> overflow: -moz-overflow-x
>
> and
>
> overflow: -moz-overflow-y
>

[hesham10012002]

ألف شكر لكم

ولكن ياليت توضحون لي شنو الحل النهائي

علماً اني حولت الحروف إلى صغيرة ولكن لا فائدة

والاكبريشن يطلعلي هذا الخطأ عليها

the property is marked invalid because is not supported by the current schema

[أحمد عبدالمنعم]

كود الـJavaScript كبير جدا لذا لا تضعه مع محتوى الصفحة ولكن إجعله في ملف مستقل بإمتداد js
هتاخد كل الأكواد بين الوسمين

<script type="text/javascript">

xxxxx

</script>

فقط ويحفظ في ملف خارجى بإمتداد js ومن ثم يربط مع الصفحة عن طريق وضع هذا الكود برأس الصفحة head

<script type="text/javascript" src="filename.js"></script>

تحيتي ،،