v2.5.2
Giriş yap

link'in üzerine geldiğinde sayfa içeriğinin gösterilmesi [ÇÖZÜLDÜ]

makifgokce
882 defa görüntülendi

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ı :)

ynswtf
1484 gün önce

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;
}