link'in üzerine geldiğinde sayfa içeriğinin gösterilmesi [ÇÖZÜLDÜ]
http://aiondatabase.net/en/mounts/
Burada Datatables içerisindeki linklerin üzerine geldiğinde sayfa içeriğinin bir kısmı gözüküyor bunu nasıl yapabilirim.
Bilen varsa nasıl yapabileceğimi söyleyebilir mi?
NOT: Cevabınızın düzgün gözükmesi için
Markdown a uygun şekilde yazmalısınız.
Tayfun hoca aşağıdaki konuda açıklamış nasıl yazmamız gerektiğini :)
https://prototurk.com/nasil-yapilir/markdown-nedir-nasil-kullanilir
dipnot: Bende daha dün öğrendim bu olayı :)
Biraz css bilgisi ile yapabilirsiniz, en basit mantığı şu şekilde olur.
Html
<table>
<tr>
<td class="title-hover">
<span>İşlem Bir</span>
<div>
Merhaba Dünya, Ben JsFiddle
</div>
</td>
</tr>
<tr>
<td class="title-hover">İşlem İki</td>
</tr>
<tr>
<td class="title-hover">İşlem Üç</td>
</tr>
</table>
CSS
.title-hover{position: relative}
.title-hover > div{
display: none;
position: absolute;
}
.title-hover:hover > span{
color: red;
}
.title-hover:hover > div{
display: block;
width:400px;
background:#000;
padding:10px;
height:100px;
right:-430px;
top:0px;
}