الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

جلــــب محتــــوبات الكــــود المولــــد بالجافاسكريبت

بدأه أبو المعالي2 في 18 مارس 2011 · 11 رد · 542 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

أولا الشكر و التقدير موصول إلى كل القائمين على المنتدى و رواده و أعضائه

لا أعلم ما إذا كان عنوان الموضوع يعبر فعلا عن فحوى السؤال لضعف خبرتي في JS.

عموما ما استفسر عنه هو كيف استطيع جلب عناصر كودHTML مولدة بواسطة الجافاسكريبت و التحكم فيها ...و أقصد بالضبط الوسوم المولدة ديناميكيا...هذا بعد أن تولد الكود و استقر قي الصفحة ...أليس هناك من طريقة لاستدعاء العناصر المولَدة سابقا والتحكم في خصائصها (بواسطة كود حافا اخر) أو فقط جلب خصائصها كالطول و العرض على سبيل المثال ...

و لكم خالص الشكر و الثناء مسبقا ....

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

#2

لو بتستعمل فيرفوكس ... إبحث عن FireBug ..

لو بتستخدم chrome ... إضغط CTRL+SHIFT+I

1
#3

السلام عليكم ...

شكرا لك لأخ هويدي على ردك....

لكنك ربما لم تفهم سؤالي ... أنا أقصد التحكم في هذه الخصائص عن طريق الكود(جافاسكريبت) و ليس يدويا ...

مثلا استدعاء حقيبة كالتالي ...

document.getElementById('generated element that i want').value

بالمناسبة ...للاسف fireBug غير متوافق مع firefox 4 ... أظنني تسرعت في تحميل النسخة النهائية .... :) :)

#4

لا ال .. FireBug يعمل على FF4 ... لقت قمت بتجريبه بنفسي ... لكن قم بتحميل أخر نسخه (1.7 على ما أتذكر)

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

#5

شكرا لتجاوبك أستاذنا هويدي..

المشكلة بالتحديد تكمن في عدم تمكني من التحكم في عناصر (جلب Attributs خاصة بعناصر html او التحكم فيها على سبيل المثال) html ولدت -بضم الواو و كسر اللام و تشديدها- بواسطة كود جافا خارجي (كالخاص بالمكتبات أو إعلانات جوجل)

مثال على ذلك هذه الصفحة http://www.itwadi.com/node/1701 (دعاية مجانية :) :P )

حيث نجد إعلانات غوغل المولدة بواسطة ملف جافاسكريبت خارجي ... أنا أود الحصول على أبعاد الصورة الخاصة بالإعلان (برمجيا طبعا ... و يواسطة كود جافا أخر)...

أتمنى أن أكون وضحت المشكلة ... و لك كل الشكر أستاذنا هويدي

#6

بخصوص ال firebug فمعك حق... :wacko: :wacko:

#7 
<html>
<head></head>
<body>
<img id="i" src="" width="100" height="100">

<script type="text/javascript">
//var width = document.getElementById("i").attributes.getNamedItem("width").value;
//var height = document.getElementById("i").attributes.getNamedItem("height").value;

var width = document.getElementById("i").getAttribute("width");
var height = document.getElementById("i").getAttribute("height");
alert(width);
alert(height);
</script>
</body>
</html>

هذا في حال أن الصورة حشرت في الصفحة مباشرة، ولم تكن الإعلانات تظهر بسبب حقن iframe.

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

1

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

#8

شكرا لجوابك أخ Xacker ...لكن المشكلة تكمن في أن حقيبة الصورة IMG غير مصرحة فعليا في الصفحة (أثناء التصميم) بل تم توليدها ديناميكيا بواسطة كود جافاسكريبت اخر خارجي...أتمنى أن ترجع إلى مثال (الإعلانات) في الصفحة التي وضعتها ...حيث أود الخصول على أبعاد الصورة التي تمثل الإعلان...

شكرا جزيلا لتجاوبك ...

#9

لا يهم إن كانت حشرت ديناميكياً أم لا، في النهاية فهي عنصر ضمن شجرة DOM في الصفحة.

المهم أن يتم تنفيذ الجزء الذي كتبته (بعد) الكود الذي قام بتوليدها وحشرها.

<html>
<head></head>
<body>
<script type="text/javascript">
var oImg = document.createElement("IMG");
oImg.id = "i";
oImg.width = 100;
oImg.height = 100;
oImg.src = "";
document.body.appendChild(oImg);

var width = document.getElementById("i").getAttribute("width");
var height = document.getElementById("i").getAttribute("height");
alert(width);
alert(height);
</script>
</body>
</html>

كما ترى، لا اختلاف.. المهم فقط أن تكون العناصر ضمن الشجرة في المستند وليست ضمن iframe في مستند آخر.

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

#10

نعم جزاك الله خيرا أخ Xacker فالمشكلة فعلا تكمن في أن ااعناصر داخلة في iframe اخر ...لكن أليس هناك حل لهذه المشكلة ؟

لك كل تحياتي ...

#11

يمكنك استخدام AJAX لتحصل على نسخة من كود الصفحة التي يعنونها الـ iframe

ثم تقوم بالبحث عن ID العنصر الخاص بالصورة، فهو غالباً لن يتغير بين إعلان وآخر، إلا لو نفذ الحظ لديك.

ثم ببساطة يمكن الحصول على باقي معلومات (attributes) العنصر من خلال البحث عنها انطلاقاً من position الـ ID.

هل هذا واضح؟

1

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

#12

تمام الوضوح ....لك كل الشكر ...

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…