• 10-02-2017, 19:36:32
    #1
    Merhaba Değerli Forum Üyeleri
    Elimde codester üzerinden satılan şu tema var.

    Temanın üzerinde bazı değişiklikler yapmaya çalıştım. Temada şöyle bir alan var;

    Ayrıntıları göster yazan yere tıkladığımda normalde bir popup açlıyor ve uygulama özellikleri falan açılıyor. Oranın html kodlar şu şekilde
    <div class="portfolio_grid">
        		  		<div class="mix col-md-3 col-xs-6 portfolio_item category_1">
          		  		<div class="image-wrapper">
          		        <img src="images/portfolio-images/1.jpg" alt="Development" />
            		      <div class="mask">
                          <h3>Deneme uygulama</h3>
                          <a href="#" class="pop-up_content">Ayrıntıları Göster</a> 
                      </div>
                      <!-- pop-up -->
                      <div class="hidden">
                        <div class="pop-up">
                          <div class="pop-up_wrapper">
                            <button class="mfp-close" type="button" title="Close (Esc)">×</button>
                        <h3>Deneme uygulama</h3></a>  
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, fugiat, neque, ipsum fuga modi quibusdam nemo quos laboriosam molestiae aspernatur voluptas iste. Voluptates, deleniti repellendus debitis harum repudiandae voluptate aliquid!</p>
                            <img src="images/portfolio-images/1.jpg" alt="Web-development" />
    								      </div>
    							      </div>
                      </div>
                      <!-- end pop-up -->
                    </div>                              
        		  		</div>                              
        		  		<div class="mix col-md-3 col-xs-6 category_1">
          		  		<div class="image-wrapper">
          		        <img src="images/portfolio-images/2.jpg" alt="Web-development" />
            		      <div class="mask">
                          <h3>Title</h3>  
                          <p>Lorem ipsum dolor sit amet.</p>    
                          <a href="#" class="pop-up_content">Ayrıntıları Göster</a> 
                      </div>
                      <!-- pop-up -->
                      <div class="hidden">
                        <div class="pop-up">
                          <div class="pop-up_wrapper">
                            <button class="mfp-close" type="button" title="Close (Esc)">×</button>
                            <h3>Title</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, fugiat, neque, ipsum fuga modi quibusdam nemo quos laboriosam molestiae aspernatur voluptas iste. Voluptates, deleniti repellendus debitis harum repudiandae voluptate aliquid!</p>
                            <img src="images/portfolio-images/2.jpg" alt="Web-development" />
    								      </div>
    							      </div>
                      </div>
                      <!-- end pop-up -->
                    </div>

    Ben burda ayrıntıları göster dediğimde yeni popup açılması yerine direk bir bağlantıya yönlenmesini istiyorum.

    Bunun içi Şu kod satırı yerine

     <a href="#" class="pop-up_content">Ayrıntıları Göster</a>
    Şu kod satırını koydum.
     <a href="https://www.r10.net/i" >Ayrıntıları Göster</a>
    fakat hiç bir tepkime olmuyor. Html konusunda çok bilgili değilim fakat bildiğim kadarıyla bağlantı bu şekilde ekleniyordu. Googleden de birşey bulamadım. Yardımcı olacak arkadaşlar şimdiden teşekkürler.
  • 10-02-2017, 20:18:14
    #2
    Merhabalar,
    http://www.w3schools.com/bootstrap/bootstrap_modal.asp
    İyi forumlar
  • 10-02-2017, 20:48:01
    #3
    Hocam büyük ihtimalle js dosyasında linkin click event'ine "return false;" yada "e.preventDefault();" kodu eklenmiş. Kaldırırsanız düzelecektir. Ya da isterseniz aşağıdaki şekilde de kullanabilirsiniz.

    <a href="https://www.r10.net/i" onclick="window.location='https://www.r10.net/i'">Ayrıntıları Göster</a>
  • 10-02-2017, 21:04:14
    #4
    usmbilisim adlı üyeden alıntı: mesajı görüntüle
    Merhaba hocam
    verdiğiniz linki inceledim fakat bootstrap hakkında hiç bilgim yok. linkte çözüm varsa bile ben anlamadım.

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 21:04:14 -->-> Daha önceki mesaj 20:56:18 --

    Daryl_Dixon adlı üyeden alıntı: mesajı görüntüle
    Hocam büyük ihtimalle js dosyasında linkin click event'ine "return false;" yada "e.preventDefault();" kodu eklenmiş. Kaldırırsanız düzelecektir. Ya da isterseniz aşağıdaki şekilde de kullanabilirsiniz.

    <a href="https://www.r10.net/i" onclick="window.location='https://www.r10.net/i'">Ayrıntıları Göster</a>
    Hocam verdiğiniz kodu kullandım çalışıyor. Fakat linki yeni sekme de açmak yerine mevcut sayfada açıyor. Bunu için target blank kodunu yazdım fakat yeni açılan sekmede verdiğim link açılmıyor. sitenin anasayfası açılıyor.
  • 10-02-2017, 21:25:00
    #5
    Yeni sekmede açmak için bu şekilde kullanabilirsiniz;

    <a href="https://www.r10.net/i" onclick="window.open('https://www.r10.net/i', '_blank')">Ayrıntıları Göster</a>
  • 10-02-2017, 21:26:00
    #6
    Daryl_Dixon adlı üyeden alıntı: mesajı görüntüle
    Yeni sekmede açmak için bu şekilde kullanabilirsiniz;

    <a href="https://www.r10.net/i" onclick="window.open('https://www.r10.net/i', '_blank')">Ayrıntıları Göster</a>
    Teşekkürler. R10+.