مشکلات بازدید کنندگان

با سلام و خسته نباشید به تمام بازدید کنندگان عزیز....

نظرات رسیده در مورد سوالات هک و مشکلات کامپیوتر که از ما پرسیدند و ما هم به همین دلیل و به در خواست شما آدی یاهو خود را می گذاریم تا در مواقع سوال در مورد هک و مشکلات کامپیوتری خویش به ما مراجعه کنید.....:)

ID Yahoo: erfantakta@yahoo.com

gmail : erfantak2012@gmail.com

ما در ساعات 1 تا 6 بعد از ظهر در مسنجر یاهو آنلان هستیم.........

با آرزوی موفقیت برای شما

آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
قاشق و چنگال خلیفه شاپ	1	356	sarafazli
باربیکیو یا BBQ	0	176	mahsa733
باربیکیو چیست؟	0	106	mahsa733
قاشق رو از کجا بخریم خوبه؟	0	116	nakisa
قاشق و چنگال هفت رنگ رو از کجا بخرم؟	0	70	nakisa
سرویس قاشق و چنگال های متنوع رو از کجا بخریم؟	0	72	nakisa
بهترین شرکت طراحی سایت در تهران	0	75	mahsa733
انتخاب بهترین شرکت طراحی سایت در ایران	0	68	mahsa733
میخوای از بازار آهن سردر بیاری	0	72	nakisa
میخوای از بازار آهن سردر بیاری؟	0	66	nakisa
خرید میلگرد و ورق و تیرجه	0	59	nakisa
اگه خرید تیرآهن و مسایل مربوط به بازار آهن داری بیا اینجا	0	66	nakisa
تو ترکیه درس بخونم؟	0	65	nakisa
ترکیه چجوری درس بخونم	0	58	nakisa
چطوری در ترکیه درس بخوانیم ؟	0	61	nakisa
ااجاره قالب وافل	2	118	nazgol
گوشواره طلا	1	108	nazgol
کاربرد سقف وافل چیست	2	122	nazgol
تعریف برترین شرکت طراحی سایت	2	152	nazgol
نقشه گوگل (Google Maps) در وبلاگ شما	3	324	nazgol

12 3 4 5 6 7 8 9...22 23 »

نمایش توضیحات برای یک فیلد در کنار آن به صورت Tooltip

          nero 
            بازدید : 183
          جمعه 10 خرداد 1392
           نظرات (0)
        

نمایش توضیحات برای یک فیلد در کنار آن به صورت Tooltip

<head>
<style type="text/css">
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #ffffee;
width: 160px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden; font-family:Tahoma
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}
</style>

/////No further editting needed

var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset)
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
}
return edgeoffset
}

function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
dropmenuobj=document.getElementById("hintbox")
dropmenuobj.innerHTML=menucontents
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (tipwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=tipwidth
}
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
dropmenuobj.style.visibility="visible"
obj.onmouseout=hidetip
}
}

function hidetip(e){
dropmenuobj.style.visibility="hidden"
dropmenuobj.style.left=""
}

function createhintbox(){
var divblock=document.createElement("div")
divblock.setAttribute("id", "hintbox")
document.body.appendChild(divblock)
}

if (window.addEventListener)
window.addEventListener("load", createhintbox, false)
else if (window.attachEvent)
window.attachEvent("onload", createhintbox)
else if (document.getElementById)
window.onload=createhintbox

</script>

</head>

<body>
<form>
<table width="40%" border="0" cellspacing="0" cellpadding="0" style="font-size:11px">
<tr>
<td width="22%" height="30" align="left" valign="middle">Name:</td>
<td width="78%" align="left" valign="middle"><input name="text" type="text" />
<a href="#" onMouseOver="showhint('Description ...', this, event, '150px')">[?]</a>

</td>
</tr>
<tr>
<td height="30" align="left" valign="middle">Tel. :</td>
<td align="left" valign="middle"><input name="text2" type="text" />
<a href="#" onMouseOver="showhint('Description ...', this, event, '150px')">[?]</a></td>
</tr>
<tr>
<td height="30" align="left" valign="middle">Education :</td>
<td align="left" valign="middle"><input name="text2" type="text" />
<a href="#" onMouseOver="showhint('Description ...', this, event, '150px')">[?]</a>
</td>
</tr>
<tr>
<td height="30" align="left" valign="middle">Address:</td>
<td align="left" valign="middle"><textarea name="text3" rows="4" style="margin-top:3px"></textarea>
<a href="#" onMouseOver="showhint('Description ...', this, event, '150px')">[?]</a></td>
</tr>
</table>
</form>
</body>

راهنمای استفاده

این کد دارای دو قسمت می باشد که در بخش های head و Body صفحه قرار می گیرد. با استفاده از style هایی که در قسمت head تعریف شده است می توانید ظاهر و گرافیک آن را به سلیقه خود تغییر دهید.

مطالب مرتبط

اسکریپت لودینگ صفحه