Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > Yeni Başlayanlar

374x90

Bu Alana Reklam Ver



bilgisi olan bakabilir mi? bu js veya php kodu lazım

  #1  
Okunmamış 06 Aralık 2018, 19:13
MustafaZahit Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 27 Haziran 2018
Yaş / Cinsiyet: 24 / Erkek
Meslek: Öğrenci
Konum: Mersin
Ad, Soyad: Za... Za...
Mesajlar: 165
Beğeniler: 23 / 12
Ticaret: 0, 0%
Arkadaşlar söyle bir js veya php kodu lazım normalde sayfayı görüntüle diyince eklediğim bütün kodlar gözüküyor buda çok fazla html satırı oluyor sayfa yavaş yükleniyor ben bu modal'ı saklayıp sadece js ye veya php' kodu yardımı ile butona tıklayınca göstermesini istiyorum, display none tarzı şeyler işe yaramıyor yinede gözüküyor.. nasıl yapabilirim?

benim şöyle bir kodum var buna tıklayınca normalde aşağıda vereceğim modal açılıyor

Kodum bu


PHP- Kodu:
<li><a  data-toggle="modal" data-target="#abc"></iMenü</a></li


Açılan kod bu

PHP- Kodu:
<div class="modal fade" id="abc" role="dialog" >
<
div class="modal-dialog" >
    
      <!-- 
Modal content-->
      <
div class="modal-content" 
        <
div class="modal-header">
          <
button type="button" class="close" data-dismiss="modal">&times;</button>
          <
h4 class="modal-title">Menü İçeriği</h4>
        </
div>
        <
div class="modal-body">
İÇERİK BURADA OLACAK
        
</div>

      </
div>
      
    </
div>
</
div


wpuzman bilimokur hsntngr hocalarım yardımlarınızı bekliyorum
  #2  
Okunmamış 06 Aralık 2018, 20:53
hsntngr Adlı Üyenin Avatarı
Kontör at
 
Üyelik Tarihi: 21 Eylül 2016
Yaş / Cinsiyet: 25 / Erkek
Meslek: Avukat
Konum: Samsun
Ad, Soyad: Ha... Tı...
Mesajlar: 1.112
Beğeniler: 314 / 97
Ticaret: 3, 100%
Şöyle bir şey yapabilirsiniz hocam.

Doğrudan modali append etmiyoruz çünkü funksiyondan gelen string bir ifade. Önce bunu bir html objesine çevirmemiz gerekiyor. Bunun en pratik yolu ise bir html elementi olusturup içine innerHtml ile eklemek. Farklı yolları da var elbette ama bu daha pratik.

Daha sonra obje haline gelen modali ise htmle ekliyoruz.

HTML Kodu:
var modal, convertToObject, parentDiv;
// modali içine koyacağımızbir parent element seçiyoruz.
parentDiv = document.querySelector("#mySweetModal");
// get modal
modal = getModal();
/**
 * String htmli html objeye çevir
 */
convertToObject = document.createElement("div");
convertToObject.innerHTML = modal;
/**
 * Obje haline gelen modali html'e ekle
 */
parentDiv.appendChild(convertToObject);

/**
 * modali getir
 * @return string
 */
function getModal() {

    if (modal) return modal; // ikinci seferde ajax isteği atmasın

    let xhr = new XMLHttpRequest();
    xhr.open("GET", "url-veya-dosya-adresi?retrieveModal", false);
    xhr.onload = function () {
        return JSON.parse(xhr.responseText);
    }
    xhr.send();

    return xhr.onload();
}
PHP- Kodu:
/**PHP KISMI */

if(isset($_GET["retrieveModal"])){
    
$html = <<<HTML
    <div class="modal fade" id="abc" role="dialog" > 
    <div class="modal-dialog" > 
         
          <!-- Modal content--> 
          <div class="modal-content" >  
            <div class="modal-header"> 
              <button type="button" class="close" data-dismiss="modal">&times;</button> 
              <h4 class="modal-title">Menü İçeriği</h4> 
            </div> 
            <div class="modal-body"> 
    İÇERİK BURADA OLACAK 
            </div> 
    
          </div> 
           
        </div> 
    </div>  
HTML;

echo 
json_encode($html);

Konu hsntngr tarafından (06 Aralık 2018, 20:59 ) değiştirilmiştir.
  #3  
Okunmamış 06 Aralık 2018, 22:48
bilimokur Adlı Üyenin Avatarı
wpuzman.com
 
Üyelik Tarihi: 13 Ocak 2017
Yaş / Cinsiyet: 27 / Erkek
Meslek: Yazılım
Konum: Trabzon
Ad, Soyad: Bi... Ma...
Mesajlar: 2.181
Beğeniler: 640 / 227
Ticaret: 23, 100%
<div class="modal fade" id="abc" role="dialog" >
<!-- Burası boş kalacak -->
</div>

Boş kalan yeri ajax ile dolduracaksınız.

Önce bootstrap event lara bakıyoruz. https://getbootstrap.com/docs/4.0/co.../modal/#events

Kod:
$('#myModal').on('show.bs.modal', function (e) {
  // do something...
})
show.bs.modal yani modal gözükünce eylem gerçekleştir demek.

Biz de modalımız ortaya çıkınca ajax ile html çağıracağız.

Kod:
$('#abc').on('show.bs.modal', function (e) {
      $.ajax({
        type: 'POST',
        url: 'https://site.com/wp-admin/admin-ajax.php',
        data: { action: ajaxFonksiyonu },
        beforeSend: function (xhr) {

        },
        error: function (request, status, error) {

        },
        success: function (response) {
            $('.modal-body').html(response);
        },
        complete: function () {

        },
    });
})
Php tarafından html kodumuzu ajaxa gönderiyoruz.

PHP- Kodu:
function ajaxFonksiyonu() {
    echo 
'Html içeriği buraya';
    exit();
}

add_action('wp_ajax_ajaxFonksiyonu''ajaxFonksiyonu');
add_action('wp_ajaxnopriv_ajaxFonksiyonu''ajaxFonksiyonu'); 
# wpuzman.com
  #4  
Okunmamış 07 Aralık 2018, 15:48
MustafaZahit Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 27 Haziran 2018
Yaş / Cinsiyet: 24 / Erkek
Meslek: Öğrenci
Konum: Mersin
Ad, Soyad: Za... Za...
Mesajlar: 165
Beğeniler: 23 / 12
Ticaret: 0, 0%
Alıntı:
hsntngr Adlı Üyeden Alıntı
Şöyle bir şey yapabilirsiniz hocam.

Doğrudan modali append etmiyoruz çünkü funksiyondan gelen string bir ifade. Önce bunu bir html objesine çevirmemiz gerekiyor. Bunun en pratik yolu ise bir html elementi olusturup içine innerHtml ile eklemek. Farklı yolları da var elbette ama bu daha pratik.

Daha sonra obje haline gelen modali ise htmle ekliyoruz.

HTML Kodu:
var modal, convertToObject, parentDiv;
// modali içine koyacağımızbir parent element seçiyoruz.
parentDiv = document.querySelector("#mySweetModal");
// get modal
modal = getModal();
/**
 * String htmli html objeye çevir
 */
convertToObject = document.createElement("div");
convertToObject.innerHTML = modal;
/**
 * Obje haline gelen modali html'e ekle
 */
parentDiv.appendChild(convertToObject);

/**
 * modali getir
 * @return string
 */
function getModal() {

    if (modal) return modal; // ikinci seferde ajax isteği atmasın

    let xhr = new XMLHttpRequest();
    xhr.open("GET", "url-veya-dosya-adresi?retrieveModal", false);
    xhr.onload = function () {
        return JSON.parse(xhr.responseText);
    }
    xhr.send();

    return xhr.onload();
}
PHP- Kodu:
/**PHP KISMI */

if(isset($_GET["retrieveModal"])){
    
$html = <<<HTML
    <div class="modal fade" id="abc" role="dialog" > 
    <div class="modal-dialog" > 
         
          <!-- Modal content--> 
          <div class="modal-content" >  
            <div class="modal-header"> 
              <button type="button" class="close" data-dismiss="modal">&times;</button> 
              <h4 class="modal-title">Menü İçeriği</h4> 
            </div> 
            <div class="modal-body"> 
    İÇERİK BURADA OLACAK 
            </div> 
    
          </div> 
           
        </div> 
    </div>  
HTML;

echo 
json_encode($html);

Alıntı:
bilimokur Adlı Üyeden Alıntı
<div class="modal fade" id="abc" role="dialog" >
<!-- Burası boş kalacak -->
</div>

Boş kalan yeri ajax ile dolduracaksınız.

Önce bootstrap event lara bakıyoruz. https://getbootstrap.com/docs/4.0/co.../modal/#events

Kod:
$('#myModal').on('show.bs.modal', function (e) {
  // do something...
})
show.bs.modal yani modal gözükünce eylem gerçekleştir demek.

Biz de modalımız ortaya çıkınca ajax ile html çağıracağız.

Kod:
$('#abc').on('show.bs.modal', function (e) {
      $.ajax({
        type: 'POST',
        url: 'https://site.com/wp-admin/admin-ajax.php',
        data: { action: ajaxFonksiyonu },
        beforeSend: function (xhr) {

        },
        error: function (request, status, error) {

        },
        success: function (response) {
            $('.modal-body').html(response);
        },
        complete: function () {

        },
    });
})
Php tarafından html kodumuzu ajaxa gönderiyoruz.

PHP- Kodu:
function ajaxFonksiyonu() {
    echo 
'Html içeriği buraya';
    exit();
}

add_action('wp_ajax_ajaxFonksiyonu''ajaxFonksiyonu');
add_action('wp_ajaxnopriv_ajaxFonksiyonu''ajaxFonksiyonu'); 
Hocalarım çok teşekkür ederim fakat çalıştıramadım, bilimokur hocam sizin dediğinizi yaptım <script> tagları arasına verdiğiniz kodu ekledim <?php tagları arasınada php kodunu ekledim fakat olmadı herhangi bir modal açılmıyor
  #5  
Okunmamış 07 Aralık 2018, 15:51
hsntngr Adlı Üyenin Avatarı
Kontör at
 
Üyelik Tarihi: 21 Eylül 2016
Yaş / Cinsiyet: 25 / Erkek
Meslek: Avukat
Konum: Samsun
Ad, Soyad: Ha... Tı...
Mesajlar: 1.112
Beğeniler: 314 / 97
Ticaret: 3, 100%
ne hatası aldınız yazın, akşam kontrol edip dönerim
  #6  
Okunmamış 07 Aralık 2018, 23:19
MustafaZahit Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 27 Haziran 2018
Yaş / Cinsiyet: 24 / Erkek
Meslek: Öğrenci
Konum: Mersin
Ad, Soyad: Za... Za...
Mesajlar: 165
Beğeniler: 23 / 12
Ticaret: 0, 0%
Hocam bu konuyla alakalı değil ama şu konuda acil yardıma ihtiyacım var yeni konu açmak istemedim siz anlarsınız
localhosttaki wordpresste çalıştırdığım şu alttaki kod, hostinge kurduğum wordpresste çalışmıyor nasıl çalıştırabilirim?

Kod:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	
$(document).ready(function(){
    $(".submenu").hide();
    $("a.menuac").click(function(){
        $(this).toggleClass("active").next().slideToggle("fast");
    });
});
</script>
bilimokur hsntngr
  #7  
Okunmamış 07 Aralık 2018, 23:21
bilimokur Adlı Üyenin Avatarı
wpuzman.com
 
Üyelik Tarihi: 13 Ocak 2017
Yaş / Cinsiyet: 27 / Erkek
Meslek: Yazılım
Konum: Trabzon
Ad, Soyad: Bi... Ma...
Mesajlar: 2.181
Beğeniler: 640 / 227
Ticaret: 23, 100%
konsolda ne hatası veriyor?
# wpuzman.com
  #8  
Okunmamış 07 Aralık 2018, 23:22
Escalous Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 09 Ağustos 2018
Cinsiyet: Erkek
Konum: Diğer
Ad, Soyad: Ah... Şe...
Mesajlar: 418
Beğeniler: 199 / 96
Ticaret: 1, 100%
Alıntı:
MustafaZahit Adlı Üyeden Alıntı
Hocam bu konuyla alakalı değil ama şu konuda acil yardıma ihtiyacım var yeni konu açmak istemedim siz anlarsınız
localhosttaki wordpresste çalıştırdığım şu alttaki kod, hostinge kurduğum wordpresste çalışmıyor nasıl çalıştırabilirim?

Kod:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
	
$(document).ready(function(){
    $(".submenu").hide();
    $("a.menuac").click(function(){
        $(this).toggleClass("active").next().slideToggle("fast");
    });
});
</script>
bilimokur hsntngr
html kodları nedir peki ?
  #9  
Okunmamış 07 Aralık 2018, 23:32
MustafaZahit Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 27 Haziran 2018
Yaş / Cinsiyet: 24 / Erkek
Meslek: Öğrenci
Konum: Mersin
Ad, Soyad: Za... Za...
Mesajlar: 165
Beğeniler: 23 / 12
Ticaret: 0, 0%
Alıntı:
bilimokur Adlı Üyeden Alıntı
konsolda ne hatası veriyor?

Alıntı:
Escalous Adlı Üyeden Alıntı
html kodları nedir peki ?
Hocalarım çok teşekkür ederim buldum sorunu bilimokur hocamın verdiği öneri ile https hatası veriyormuş http olan linki https yaptım düzeldi
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > Yeni Başlayanlar


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 19:46.