سؤال عجز عن عباقرة الجافا سكريبت... موضوع جدي

**Zizwar** · 13-12-2003

أعتقد أني فهمت الآن ما ترمي إليه

جرب هذا

كود PHP:


<SCRIPT LANGUAGE="JavaScript">



function wino(img){



var r = Math.random();

    r = Math.round(r*956565699);



var html = '';

html += '<IMG id="wino';

html += r;

html += '"src="';

html += img;

html += '">';

html += '<HR>';

document.write(html);



var w = "350";

var h = "200";



var temp=document.getElementById("wino"+r);

    if (temp.width > w || temp.height > h ){

        temp.width = temp.width - temp.width * 50/100

        temp.height = temp.height - temp.height * 50/100

     }

}

</SCRIPT>

و هذا للصور

كود PHP:


<SCRIPT>

wino("http://winomania.com/img/pc.gif");

</SCRIPT>



<SCRIPT>

wino("http://winomania.com/img/pc.gif");

</SCRIPT>



<SCRIPT>

wino("http://winomania.com/img/pc.gif");

</SCRIPT>

أتمنى أن يكون قريبا هذا إذا لم يذهب بعيدا

تجربة المثال http://winomania.com/javascript/beshoo.html

تحياتي لك
و السلام

**beshoo** · 13-12-2003

Zizwar أحسنت
تماما هذا ما ارمي الية .
رائع بكل المقاييس

وهنا طرحت على بالي سؤال.
كيف يمكنني ان احمل الصور ومن ثم ان اعرضهم.
فكرت مليا فقلت في نفسي مالي غير التالي :

كود PHP:


style="display : none"

هي كما تعرف تقوم بعملة اخفاء للصورة وليس اخفائها فقط ولكن اخفاء المساحة التي حجزتها الصورة ........

طيب قلت في نفسي سوف اضيفها الى الصورة كالتالي :

كود PHP:


var html = '';

html += '<img name="images" id="wino';

html += r;

html += '" src="';

html += img;

html += '" style="display : none" >';

html += '<hr>';

document.write(html);

ومن ثم اقوم بعمل Function يقوم بالعمل بعد التحميل وكان هذا ما صدر :

كود PHP:


function desbnon()

{

     var temp = document.all("images");

                        var i = 0

        for(i; i < temp.length; i++)

        {

            temp(i).style.display='';

        }

}

وعند بدء التحميل او عند الطلب نقوم باستعداء الكود .....
ولكن ما زبطت ولا زبطت ......ما بعرف شو السبب لاني اخسر التحجيم الخصا بالصور وهك الكود بعد كل العمليات .

كود PHP:




<body onload="desbnon();">

<SCRIPT LANGUAGE="JavaScript">







function desbnon()

{

     var temp = document.all("images");

                alert(temp[0]);

        var i = 0

        for(i; i < temp.length; i++)

        {

            temp(i).style.display='';

        }

}







function wino(img){



var r = Math.random();

r = Math.round(r*956565699);



var html = '';

html += '<img name="images" id="wino';

html += r;

html += '" src="';

html += img;

html += '" style="display : none" >';

html += '<hr>';

document.write(html);



var w = "350";

var h = "200";



var temp=document.getElementById("wino"+r);

    if (temp.width > w || temp.height > h ){

        temp.width = temp.width - temp.width * 50/100

        temp.height = temp.height - temp.height * 50/100

     }

}

</SCRIPT>



<SCRIPT>

wino("test.jpg");

</SCRIPT>



<SCRIPT>

wino("test.jpg");

</SCRIPT>

لاحظ انه في الكود العلوي
ادرجت التعليمة

كود PHP:


alert(temp[0]);

لكي ارى انه هل يمرر Opject
الذي لاحظتة ان لا يمرر الأوبجكت في حال كان هناك صورة واحدة ولا يقوم بالعمل اصلا
ولما يكون اكثر من صورة يمرر الاوبجكت ولا يقوم بتحجيم الصور ......

هل فهمت قصدي ......
الغاية النهائية كالتالي : عند إظهار الصور لا أريدها أن تأخذ المساحة الكبيرة بل ما اريدة ان تظل خفية الى ان تتحمل بالكامل ومن ثم يتم عملية التحجيم ومن ثم تظهر الصورة .

هذه هي الغاية وبصراحة شكرا جزيلا جزيلا لكم...
بالمناسبة :
تعليمة

كود PHP:


document.getElementByName

لم تنجح معي بتاتا ........
هل يجب ان يكون هناك FORM ?

اتمنى الرد

**random_X** · 14-12-2003

موضوع مثري للغاية

...

**beshoo** · 14-12-2003

random_X

صدقا لم اتوقع التجاوب المثير جدا .......
كود جافا سكريبت اخذ هذا الحيز صدقني شيء ممتع أشد الإمتاع

حاسس نفسي بتفرج على فلم حربي رائع

التحدي يملء الساحة

......

**beshoo** · 14-12-2003

**Zizwar** · 14-12-2003

السلام عليكم

آسف عزيزي beshoo على تأخري لكن كانت لظرف خاصة

وقد و جدتك قد أضفت فكرة جميلة بخاصية style.display و خاصية تحسس الصور ب

كود PHP:


document.all("images");

لكن مشكلة document.all أنها تساير فقط متصفحات IE أما متصفح نيتسكيب سنحتاج إلى إضافة document.layer
ولدا سنتحسس الصور الموجودة بالصفحة بدلالة التعليمة

كود PHP:


document.getElementsByTagName("img")

بمعنى أن أي tag يحمل كود الصورة IMG وبما أننا نريد جميع الصور
فلا هروب من FOR و سيكون الكود على التالي

كود PHP:


var tag = document.getElementsByTagName("img");

for(i = 0; i < tag.length; i++){

    tag[i].style.display = '';

    }

يعني مثل الدي أسلفت فقط غيرت document.all إلى document.getElementsByTagNam

و نحن مازلنا بداخل For سنضيف كود إستكشاف الحجم و تغيره أيضا إدا وافق الشرط

كود PHP:


    if (tag[i].width > w || tag[i].height > h ){

        tag[i].width = tag[i].width - tag[i].width * 50/100;

        tag[i].height = tag[i].height - tag[i].height * 50/100;;

        }

الآن قد إنتهينا من الشق الصعب في الكود
و نهايتنا به ستكون كالتالي

كود PHP:


<SCRIPT LANGUAGE="JavaScript">



function wino(img){



var r = Math.random();

    r = Math.round(r*956565699);



var html = '';

html += '<IMG id="wino';

html += r;

html += '"src="';

html += img;

html += '" style="display : none">';

html += '<hr>';

document.write(html);



var w = "350";

var h = "200";



}

function tagname(){



var w = "350";

var h = "200";

var tag = document.getElementsByTagName("img");



for (var i = 0; i < tag.length; i++){

                tag[i].style.display = '';



    if (tag[i].width > w || tag[i].height > h ){

        tag[i].width = tag[i].width - tag[i].width * 50/100;

        tag[i].height = tag[i].height - tag[i].height * 50/100;;

        }

    }

}

window.onload= tagname

</SCRIPT>

و كود الصور

كود PHP:


<SCRIPT>

wino("http://winomania.com/img/ma.jpg");

</SCRIPT>

<SCRIPT>

wino("http://winomania.com/img/ma.jpg");

</SCRIPT>

<SCRIPT>

wino("http://winomania.com/img/ma.jpg");

</SCRIPT>

وهنا سنكون قد إنتهينا

لتجربة المثال
السورس
أتمنى أن يكون الكود هو المراد
و بخصوص التعليمة document.getElementByName
أنا أيضا مثلك مرة تزبط معي و مرة لا إعتراف لها لكن إدا كانت بداخل form تزبط معي بالمئة

هدا ما لدي هده الساعة و إلى ساعة أخرى أراك بخير
و السلام

**beshoo** · 14-12-2003

Zizwar

أحييك.

تسمح لي اتشرف بمسنجرك يا عملاق الجافا

**Zizwar** · 14-12-2003

عملاق مرة واحدة :shy: أشكرك على هده المجاملة
الإيميل

كود PHP:


var ziz = "zizwar";

var a = "@";

var hot = "hotmail";

var p = ".";

var c = "com"

document.write(ziz+a+hot+p+c)

لا تنسى أن تضع حقوق السكريبت

لأنه بدأ هنا وليدا و ربيناه حتى و صل إلى ما هو عليه

بالمناسبة أرى أن عدد مواضيعك قد إقتربت من القرن التاسع عشر

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

تحياتي لك عزيزي
و السلام

**beshoo** · 17-12-2003

http://www.swalif.net/softs/showthre...threadid=63144

**Zizwar** · 30-12-2003

السلان عليكم

أخي beshoo الإضافة التي قلت لك عنها أي أننا عندما نريد أن نظهر حجم الصورة الحقيقية نريدها أن تظهر في نقس الصفحة
و أيضا يمكننا تحريكها في أي إتجاه عند الضغط عليها و عند الضغط على هده الصورة مرتين تخنفي
و قد أنجزت السكريبت اللأولي لها لكن تبقى مشكلة لم تضبط معي و هي إختفائها

لم تضبط معي رغم أنها من قبل تشتغل جيدا
ربما لأني أكثرت من المتغيرات
مثال http://winomania.com/javascript/imgdiv.html

أرجو أن تراجع الكود وتخبرني إدا كانت هناك مشكلة بينة

و السلام

الموضوع: سؤال عجز عن عباقرة الجافا سكريبت... موضوع جدي

أدوات الموضوع

بحث في الموضوع

المواضيع المتشابهه

التحقق موضوع طلع عيني.... التحقق من اسم المستخدم بواسطه الجافا سكريبت.... ؟

سؤال عن عملية حسابية في الجافا سكريبت

سؤال صغير وسريييييع في الجافا سكريبت :)

سؤال في الجافا سكريبت

سؤال لخبراء الجافا سكريبت

ضوابط المشاركة