سؤال في الجافاسكربت - إخفاء وإظهار نص معين

[سردال]

سلام عليكم

لنفترض أن لدي صورة ما، أريد من المتصفح أن يظهر للزائر نصاً معيناً في مكان محدد عندما يقوم الزائر بوضع مؤشر الفأرة على الصورة، فمثلاً لدي صورة تعمل كرابط لصفحة "حول الموقع" مثلاً، أريد من المتصفح أن يظهر كلمة "حول الموقع" في مكان ما عندما يضع الزائر مؤشر الفأرة على الصورة.

كيف أقوم بذلك؟

أعتقد أن السؤال مفهوم، وأريد الإجابة وإن أمكن مع الشرح حتى نفهم أساسيات هذه اللغة

وجزاكم الله خيراً
عبدالله المهيري

[aldosari]

اخوي سردال شوف الموضوع هنا الفقرة الخامسة ممكن ينفعك
http://www.des4arab.com/home/modules...ticle&artid=12

[سردال]

aldosari: جزاك الله خيراً أخي الكريم، الرابط الذي وضعته أفادني

لكن ليس هذا بالضبط ما أريده، الأوامر المذكورة في الرابط هي أوامر HTML، وما أريده يجب أن يكون بالجافا سكربت

[khaledtrm]

هذ الكود يوضع في head

<STYLE TYPE="text/css">
<!--
BODY {OVERFLOW:scroll;OVERFLOW-X:hidden}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
//-->
</STYLE>


وهذا يوضع في الـ body


<DIV ID="dek" CLASS="dek"></DIV>
<SCRIPT TYPE="text/javascript">
<!--
Xoffset=-60; // modify these values to ...
Yoffset= 20; // change the popup position.

var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=trueld=true;}

if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}

function popup(msg,bak){
var content="<TABLE WIDTH=200 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=white SIZE=4>"+msg+"</FONT></TD></TABLE>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}

function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}

function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}

//-->
</SCRIPT>

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

ONMOUSEOVER="popup('Link description here','000000')"; ONMOUSEOUT="kill()"

بهذا الشكل

<p align="center"><a href="http://xxxxxxxxx.com" ONMOUSEOUT="kill()" ; ONMOUSEOVER="popup('زورونا تجدوا ما يسركم','blue')"><font face="Tahoma">موقع الجافا</font></a></p>



وانا أيضا . . أبحث . . لكن على غير هذه الطريقة
لأنا أبحث عن نص يظهر في ماكن آخر محدد في جدول آخر

[Al Zeeny]

اخي سردال هل هذا مرادك؟
حدد على عين الطفل وانتظر قليلا وكذلك فمه ..
http://www.zeeny.180uae.com/085.html

[سردال]

khaledtrm: جزاك الله خيراً، ما أقصده هو ما ذكرته أنت في آخر ردك، والطريقة التي وضعتها الآن جيدة، لكني متأكد من أن هناك أسلوب أبسط بكثير، وجزاك الله خيراً


Al Zeeny: لا أخي الكريم، ليس هذا ما أريد جزاك الله خيراً.

[khaledtrm]

مشكور . . .

اذا وجدت طريقة أسهل أخي . . فلاتنس كتابتها هنا ...

فأنا منذ فترة أبحث عن طريقة تمكني من ذلك . .

بحيث عند مرور الفأرة على صورة أو لينك . . .

تظهر شرح لها في مكان مختلف وبعيد عنها . . .

و أنا لا أحب الجافا . . . وأعتقد أن هذا ممكن ب html

بس ربما . . .لا أذكر أو . . . . لا أعرف كيف ؟؟؟؟

لاتنس ان وجدت الطريقة أمانة . . . أكتبها هنا . .

[msslem]

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

وإن أمكن مع الشرح حتى نفهم

سؤالك
والسلام

[DG CluB]

اعتقد نفس هذا ما توريدانه
http://www.eyeball-design.com/index3.htm



تحياتي DG CluB

[AL-SHIRIS]

هل هذا ما تريده يا أخ سردال

http://66.162.73.90/script/script.htm

[LATE]

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

جرب الدخول الى هذه الصفحه
http://www.dawah.ws/
وقم بالاشاره الى اي من الاقسام العلويه ستجد شرح مبسط عن القسم يظهر في خانه اخرى ..

اتمنى ان تكون وصلت لمرادك

تحياتي ..

[JCD]

ارجوا ان تجد ضالتك من بين هذه الاكواد
http://javascript.internet.com/messa...d-tooltip.html

http://javascript.internet.com/messages/define-it.html

http://javascript.internet.com/messa...tion-layer.htm

http://javascript.internet.com/messa...ge-window.html
l

[سردال]

أخيراً .... جزاكم الله خير جميعاً، الأخ LATE حقق ما أريده بالضبط


msslem: كتبت الشرح في الموضوع، ولا أدري كيف أبسط لكم الأمر أكثر من هذا

DG CluB و AL-SHIRIS: جزاكم الله خيراً، الأخ LATE وضع ما أريده


LATE: جزاك الله خيراً وبارك فيك، أتمنى لو أجد شرحاً للطريقة حتى يستفيد الجميع

[ابو مشعل]

Macromedia Fireworks
جربه و رد لي . بس ترا للمعلومية يبي يسويلك كلش شئ على شكل صورة .

تحياتي

[محمود المسعودي]

أخي سردال

راجع هذا الرابط قد يفيدك