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

ماهي كود عند الضغط على الصورة يظهر رابط الصورة

بدأه مرسى الذكريات في 22 يونيو 2011 · 4 رد · 2,017 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

دورت كثيير على هالحركة مالقيتهووش

في بعض المواقع

عندهم صور مثل موقع ابتسامات لك

مثال لللإستفسار

لو تضغط على الإبتسامة تظهر لك الرابط

ابي اعرف كيف يسو هالطريقة

لأني قاعد اصمم او اطور مقوع اابتسامات وابي اضيف هالحركة

انا حدي في الفرونت بيج هههعع

شاكر لكم مقدما

#2
<html>
<head>
<script>
function setLink(img_src)
{
	document.getElementById('link').innerHTML = '[img]' + img_src + '[/img]';
}
</script>
</head>
<body>
<span id="link" style="border:1px solid #000"></span>
<p />
<img src="lock.png" onclick="setLink(this.src)">
</body>
</html>

ضع صورة باسم lock.png في ذات المسار مع الملف، فقط لتستطيع تجربة الكود بالنقر على الصورة.

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

هذا يتم تطبيقه بجافاسكربت بسهولة، تحتاج لإضافة الحدث onClick لكل صورة.

وتضيف في هيدر الصفحة (مثلاً) التابع setLink( )

وتقوم بإضافة عنصر SPAN (أو DIV أو أي شئ آخر تريده) بشرط أن يكون له الخاصة ID="link" والتي تتطابق بالضبط مع الموجودة في التابع setLink( ).

سينقل الموضوع إلى قسم جافاسكربت.

Do as I say, not as I do

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

#3

ما فائدة

؟؟

تم تعديل هذه المشاركة بواسطة Pro.Elkady في 6 يوليو 2011 في 15:10

#4

حتى تستخدم الكود في المنتديات فوراً (نسخ .. لصق).

Do as I say, not as I do

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

#5

شكرا لك على الإفآدة

والله اني حبيت هالمنتدى

لكن ضيعتها الحمدلله اني لقيتها ثاني

يعطيكم الف عآفية

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

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

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

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

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