ช่วยด้วย!!!คร๊าบบ tooltip มันแสดงผลข้างหลังครับ ไม่รู้ว่าจะต้องแก้ในส่วนของcss ร

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderators: mindphp, ผู้ดูแลกระดาน

beermew
PHP Newbie
PHP Newbie
Posts: 1
Joined: 10/11/2012 3:55 pm

ช่วยด้วย!!!คร๊าบบ tooltip มันแสดงผลข้างหลังครับ ไม่รู้ว่าจะต้องแก้ในส่วนของcss ร

Post by beermew » 10/11/2012 4:51 pm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=tis620" />
<link rel="stylesheet" type="text/css" media="all" href="member/css/styles_register.css" />
<title>Prject Menagement</title>
<style type="text/css">
<!--




#Layer1 {
position:absolute;
left:142px;
top:13px;
width:179px;
height:386px;

}
#Layer2 {
position:absolute;
left:326px;
top:13px;
width:613px;
height:399px;

}
#Layer3 {
position:absolute;
left:148px;
top:22px;
width:776px;
height:129px;

}
#Layer4 {
position:absolute;
left:147px;
top:154px;
width:200px;
height:911px;

}
#Layer5 {
position:absolute;
left:349px;
top:154px;
width:903px;
height:181px;

}
#Layer6 {
position:absolute;
left:108px;
top:17px;
width:739px;
height:171px;

}
#Layer7 {
position:absolute;
left:108px;
top:11px;
width:699px;
height:129px;

}
#Layer8 {
position:absolute;
left:108px;
top:160px;
width:253px;
height:1129px;

background-color: #F9F9F9;
}
#Layer9 {

position:absolute;
left:369px;
top:161px;
width:904px;
height:1127px;
background-color: #F9F9F9;

.showTooltip{
float:left;
padding:6px;
background:#F3F3F3;
border:2px solid #CFCFCF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index:100;
color:#333;


}

a{
margin:80px;
color:#06C;
text-decoration:none;
}
}
#Layer10 {
position:absolute;
left:108px;
top:1312px;
width:1165px;
height:155px;



}
#Layer12 { position:absolute;
left:107px;
top:1308px;
width:1166px;
height:44px;

background-color: #F9F9F9;
}
#Layer11 {
position:absolute;
left:107px;
top:148px;
width:1166px;
height:43px;

background-color: #CCCCCC;



}
.style1 {font-size: 12px}



-->
</style>


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$TtoolTipAjax();
});
$TtoolTipAjax=function(){
$('.lnk').hover(function(e){
$('body').append('<div class="showTooltip">&nbsp;</div>');
var showTooltip=$('.showTooltip');
$.ajax({
url:$(this).attr('url')+'&'+new Date().getTime(),
beforeSend :function(){
showTooltip.html('<img src="wait_1.gif"/>');
},
success:function(data){
showTooltip.html(data);
}
});
var mousex = e.pageX+10 ;
var mousey = e.pageY;
var tooltipWidth = showTooltip.width();
var tooltipHeight = showTooltip.height();
var toolVisX = $(window).width() - (mousex + tooltipWidth);
var toolVisY = ($(window).height()+$(window).scrollTop())-(mousey+tooltipHeight);
if ( toolVisX < 10 ) { mousex = e.pageX - tooltipWidth - 40; }
if ( toolVisY < 10 ) { mousey = e.pageY - tooltipHeight - 10; }
showTooltip.css({ top: mousey, left: mousex,display:'none'});
showTooltip.slideDown('slow');
},function(){ //Mouse Out
$('.showTooltip').remove();//Remove Tooltip
})
}
</script>




</head>

<body>
<div id="Layer7"><? include "topic_index.php"; ?></div>
<div id="Layer8">
<center><? include "menu_index.php"; ?></center></div>


<div id="Layer9">
<div align="center">


<div align="center">
<table border="" cellspacing="0" cellpadding="5">
<tr align="center" bgcolor="#D1D1D1">




<?$dbconn=mysql_connect('localhost','root','1234');//àª×èÍÁµè͡Ѻ°Ò¹¢éÍÁÙÅ
mysql_select_db('project_manage',$dbconn);//àÅ×Í¡°Ò¹¢éÍÁÙÅ

mysql_query('SET NAMES utf-8');
$rsShowMb=mysql_query('SELECT project_id,project_name_thai FROM project ORDER BY project_name_thai');?>

<td><strong>ª×èÍâ¤Ã§§Ò¹</strong></td>
</tr>
<?php while($showMb=mysql_fetch_array($rsShowMb)){?>
<tr>
<td bgcolor="#E8E8E8"><a href="showproject.php" url="showmbdetail.php?project_id=<?=$showMb['project_id']?>" class="lnk"><?=$showMb['project_name_thai']?></a></td>
</tr>
<?php } ?>
</table>
</div>








</div>
</div>
<?php mysql_close($dbconn);?>


<div id="Layer12"></div>
</body>
</html>



ส่วนไฟล์ที่รับส่งค่า

<?php
$dbconn=mysql_connect('localhost','root','1234');//àª×èÍÁµè͡Ѻ°Ò¹¢éÍÁÙÅ
mysql_select_db('project_manage',$dbconn);//àÅ×Í¡°Ò¹¢éÍÁÙÅ
mysql_query('SET NAMES utf8');//à¾×èÍÃͧÃѺÀÒÉÒä·Â
$rsShowMbDetail=mysql_query("SELECT * FROM project WHERE project_id='".$_GET['project_id']."'") ;
//áÊ´§¢éÍÁÙºµÒÁ¤èÒ Parameter Request ·ÕèÊè§ÁÒ¹Ñ鹡ç¤×Í projectid
$showMbDetail=mysql_fetch_array($rsShowMbDetail);
?>


<table border="0" cellspacing="3" cellpadding="5">
<tr align="center" bgcolor="#D1D1D1">
<td colspan="2"><strong>Project</strong></td>
</tr>
<tr>
<td rowspan="5" bgcolor="#E8E8E8">
<img src="picture/<?=$showMbDetail['project_pic1']?>" width="250"><!--ª×èÍâ¿Åà´ÍÃìà¡çºä¿ÅìÃÙ»ÊÁÒªÔ¡¤×Í Picture-->
</td>
<td bgcolor="#E8E8E8"><strong>Thai name</strong> :
<?=$showMbDetail['project_name_thai']?></td>
</tr>
<tr>
<td bgcolor="#E8E8E8"><strong>Eng name</strong> :
<?=$showMbDetail['project_name_eng']?></td>
</tr>
<tr>
<td width="90" height="80" bgcolor="#E8E8E8"><strong>Detail</strong> :
<?=$showMbDetail['project_detail']?></td>
</tr>
<tr>
<td bgcolor="#E8E8E8"><strong>keyword</strong> :
<?=$showMbDetail['project_keywords1']?>..,..<?=$showMbDetail['project_keywords2' ]?>..,..<?=$showMbDetail['project_keywords3']?></td>
</tr>
</table>

<?php mysql_close($dbconn);?>

User avatar
MikaruKinji
PHP Jr. Member
PHP Jr. Member
Posts: 13
Joined: 04/11/2012 3:13 pm

Re: ช่วยด้วย!!!คร๊าบบ tooltip มันแสดงผลข้างหลังครับ ไม่รู้ว่าจะต้องแก้ในส่วนของcss ร

Post by MikaruKinji » 10/11/2012 8:11 pm

เขียน Tooltip ขึ้นเอา หรือไปเอา Code มาจากไหนอ่ะครับ
ถ้าเขียนขึ้นเองก็คงต้องลองแก้เองดูก่อนหล่ะครับ เหอๆๆๆๆ
แต่ว่าในเมื่อใช้ Jquery อยู่แล้ว ทำไมไม่ใช้ Tooltip ของ Jquery เลยหล่ะครับ
("selector").tooltip(); <<---- เนี่ยเขียนแค่เนี้ย Jquery มันก็จะเซตค่าให้เราเรียบร้อยหมด นอกจากเราจะ config ค่าต่างๆเอาเองได้เยอะแยะ สวยด้วย

AFRICAH
PHP Newbie
PHP Newbie
Posts: 2
Joined: 13/11/2012 1:11 pm
Contact:

Re: ช่วยด้วย!!!คร๊าบบ tooltip มันแสดงผลข้างหลังครับ ไม่รู้ว่าจะต้องแก้ในส่วนของcss ร

Post by AFRICAH » 13/11/2012 1:13 pm

ถ้าเขียนขึ้นเองก็คงต้องลองแก้เองดูก่อนหล่ะครับ เหอๆๆๆๆ

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Programming - PHP”

Who is online

Users browsing this forum: No registered users and 155 guests