إعـــــــلان

**admin admin** · 18-05-2013, 11:53 PM

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

حياك الله أخى

قمت بشرح أداة التلميح فى مشاركة سابقة برجاء مراجعتها في هذا الرابط

http://sites.ienajah.com/vb2/showthread.php?t=25267

أما إذا كنت تريد مثل التى فى الكتاب الإلكتروني سأحاول أن أضعها فى مشاركة قريبا ان شاء الله

**سليمان الفحلي سليمان الفحلي** · 19-05-2013, 12:55 PM

المشاركة الأصلية بواسطة abohmam مشاهدة المشاركة

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

حياك الله أخى

قمت بشرح أداة التلميح فى مشاركة سابقة برجاء مراجعتها في هذا الرابط

http://sites.ienajah.com/vb2/showthread.php?t=25267

أما إذا كنت تريد مثل التى فى الكتاب الإلكتروني سأحاول أن أضعها فى مشاركة قريبا ان شاء الله

يا ريت أخي أبا همام، أريد تلك التي في الكتاب، أرجو أن تنجدني بها في اقرب وقت

**admin admin** · 19-05-2013, 10:04 PM

حياك الله أخى

هذا مثال سريع ان شاء الله بدون أى ملفات خارجية

يمكنك وضع أى شئ داخل حاوية لافتة التنبيه

كود PHP:


<!DOCTYPE HTML>



<html>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />

<head>

  <title>abc4web ToolTip</title>

  <style type="text/css">



#dhtmltooltip{

position: absolute;

width: 150px;

border: 2px solid black;

padding: 2px;

background-color: lightyellow;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}



</style>

</head>



<body>



<DIV onMouseover="ddrivetip('هنا تضع ماتريد من عبارات أو تنبيهات!', '#EFEFEF')";

 onMouseout="hideddrivetip()">www.abc4web.net</div>





<div id="dhtmltooltip"></div>

<script type="text/javascript">

/***********************************************

www.abc4web.net

***********************************************/

var offsetxpoint=-60 //Customize x offset of tooltip

var offsetypoint=20 //Customize y offset of tooltip

var ie=document.all

var ns6=document.getElementById && !document.all

var enabletip=false

if (ie||ns6)

var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""



function ietruebody(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}



function ddrivetip(thetext, thecolor, thewidth){

if (ns6||ie){

if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"

if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor

tipobj.innerHTML=thetext

enabletip=true

return false

}

}



function positiontip(e){

if (enabletip){

var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;

var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;

//Find out how close the mouse is to the corner of the window

var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20

var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20



var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000



//if the horizontal distance isn't enough to accomodate the width of the context menu

if (rightedge<tipobj.offsetWidth)

//move the horizontal position of the menu to the left by it's width

tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"

else if (curX<leftedge)

tipobj.style.left="5px"

else

//position the horizontal position of the menu where the mouse is positioned

tipobj.style.left=curX+offsetxpoint+"px"



//same concept with the vertical position

if (bottomedge<tipobj.offsetHeight)

tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"

else

tipobj.style.top=curY+offsetypoint+"px"

tipobj.style.visibility="visible"

}

}



function hideddrivetip(){

if (ns6||ie){

enabletip=false

tipobj.style.visibility="hidden"

tipobj.style.left="-1000px"

tipobj.style.backgroundColor=''

tipobj.style.width=''

}

}

document.onmousemove=positiontip

</script>

</body>



</html>



مثال فى المرفقات



:morfqat:

الملفات المرفقة

abc4web_tooltip.rar (1.4 كيلوبايت, 6 مشاهدات)

**سليمان الفحلي سليمان الفحلي** · 20-05-2013, 09:15 AM

والله أخي العزيز وأستاذي الكريم أبا همام كلمة شكر لا تفيك حقك
حفظك الله وأدامك لنا وحفظ الله مصر الحرة من كيد الكائدين
اللهــــــــم آميــــــــــــــــــــــ ـن

إعـــــــلان

طلب كود لو سمحتم أو مثال مفتوح

طلب كود لو سمحتم أو مثال مفتوح

تعليق

تعليق

تعليق

تعليق

مواضيع تهمك