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

makifgokce 1732 gün önce

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

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (5)

mutluol

1732 gün önce

birkaç yıl önce xenforo ile forum hazırlamıştım orada böyle bir eklenti mevcuttu. bu kadar detaylı değil diye hatırlıyorum tabi.

linke kısa bir göz attım. bağlantısını verdiği adresdeki bi idi önizleme yaptırıyor.

https://github.com/felixivance/Bootstrap-Modal-with-Dynamic-MySQL-Data-using-Ajax-PHP/blob/master/index.php

burada dinamik modal için bir örnek var yapısal olarak neredeyse aynılar bunun üzerinden giderek modal yerine hovera uyarlabilirsin diye düşünüyorum.

#001076

makifgokce

1731 gün önce

Sağolasın hocam.

#001082

ynswtf

1732 gün önce

Ee tabiki bu şekilde bir işlem yaparsanız web sitesi yavaşlar render kısmında. Ben sadece size mantığını söyledim. Verdiğiniz sitede javascript ile çok fazla uğraşmışlar. Dediğim gibi burada size kimse oturupda bunu hazırlamaz diğe düşünüyorum. Ancak size mantığı konusunda yardımcı olabiliriz.
Öte yandan javascript ile verinin üzerine gelince dediğiniz gibi bir ajax işlemi gerçekleşmiş ve client'den bir veri çekilmiş gibi duruyor (pek fazla inceleyemedim ama). Bu işlemi yapmanız için biraz javascript gerekecek size.

#001074

makifgokce

1732 gün önce

Eyvallah hocam.Ama bu örnek bana çok basit geldi.
tabloda 50 tane link olduğunu düşünsek.50 sayfanın verisini aynı anda yüklemek gerekecek.
Bu şekilde sayfa çok uzun bir sürede açılır diye tahmin ediyorum.
Örnek verdiğim sitede linkin üzerine geldiğinde şöyle bir get metodu gönderiyor.
http://aiondatabase.net/tip.php?id=item--190100221&l=en&nf=on
ve burdan gelen veriyi yazdırıyor benim aradığım şey tamda bu.
böyle bir get methodunu nasıl gönderirim.
sanırım javascript ile yapmışlar. o konulardada pek bilgim yok :)

#001073

ynswtf

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

#001071