• 19-05-2024, 21:30:48
    #1
    Merhaba Beyler. Desktop'da sorunsuz. hatta mobile'de sorunsuz ama gorsel olarak bisey var orasi sorunlu. Ben Iphone kullaniyorum ve asagidaki linke girip Origin yada Destination kutucuguna tiklayin. Dropdown cikiyor. oradan herhangi birisini secin. secmesine seciyor ama arka plan bembeyaz. kutunun disina tiklayinca goruceksiniz degisikligi yapiyor. belki dedim font rengi beyaz oda degil. bu neden oluyor sizce?

    https://pyroautotransport.com/checko...f-1fbf5e5198f8



    Resimdede goruceksiniz. secimi yapiyor ama kutunun disina tiklamadan gostermiyor
  • 20-05-2024, 00:12:57
    #2
    Arkadaslar sorunu cozdum. Chat gpt ile biseyler denedim ama hep yalnis yonlendirdi. kafama gore bisey dededim sorun cozuldu.

    TomSelect Javascript kutuphanesini kullaniyorum. Select2 kutuphanesi gibi bisey. blur() method'unu cagirdim onItemAdd fonkiyonu icinden ve sorun halloldu.

    onItemAdd: function() {
    setTimeout(function() {
    document.querySelector('.zipTo-wrapper').style.outline = '';
            document.querySelector('.zipTo-wrapper').style.paddingLeft = '';
            document.querySelector('.zipTo-wrapper').style.width = 'auto';
            document.querySelector('.zipTo__edit').style.display = 'block';
            zipTo.setCaret(0); // Set caret position to the beginning of the input
            zipTo.refreshState(); // Refresh state if needed
            zipTo.blur();
        }, 10); // Small delay before applying styles
  • 20-05-2024, 12:42:26
    #3
    Foothill adlı üyeden alıntı: mesajı görüntüle
    Arkadaslar sorunu cozdum. Chat gpt ile biseyler denedim ama hep yalnis yonlendirdi. kafama gore bisey dededim sorun cozuldu.

    TomSelect Javascript kutuphanesini kullaniyorum. Select2 kutuphanesi gibi bisey. blur() method'unu cagirdim onItemAdd fonkiyonu icinden ve sorun halloldu.

    onItemAdd: function() {
    setTimeout(function() {
    document.querySelector('.zipTo-wrapper').style.outline = '';
            document.querySelector('.zipTo-wrapper').style.paddingLeft = '';
            document.querySelector('.zipTo-wrapper').style.width = 'auto';
            document.querySelector('.zipTo__edit').style.display = 'block';
            zipTo.setCaret(0); // Set caret position to the beginning of the input
            zipTo.refreshState(); // Refresh state if needed
            zipTo.blur();
        }, 10); // Small delay before applying styles
    Tebrikler. TomSelect yerine Select2 öneririm. Daha popüler ve pratik.
  • 21-05-2024, 01:03:10
    #4
    OnurOzden adlı üyeden alıntı: mesajı görüntüle
    Tebrikler. TomSelect yerine Select2 öneririm. Daha popüler ve pratik.
    Ilk once Tom select sectim cunku select2 jquery istiyor. Hatta Select2 yine bir deneyeyim dedim ama bir turlu weppack icerinden import Select2 from 'Select2' tarzinda projeye sokamadim.

    yani cdn ile load yapabiliyordum sadece. mutlaka bir yolu vardir ama 2 gun ugrasmistim ancak nafile. Bu saaatten sonra degistirmek cok zahmetli olur kesin. mecbur boyle devam

    Suan google map mobile'de ve desktop'da farkli versiyonlar. yani iki tane google map olusturup css'den display none yerine, eger pencere genisligi 768px altinda ise mapMobile, genislik ustunde ise mapDesktop load yapiyor. yani performans dusuklugu olmaz sanirim.


    Aylardir bu projeyle ugrasiyorum. kaplumbaga gibi ilerliyorum zor olan kisimlari bitti ama
  • 21-05-2024, 13:38:23
    #5
    Foothill adlı üyeden alıntı: mesajı görüntüle
    Ilk once Tom select sectim cunku select2 jquery istiyor. Hatta Select2 yine bir deneyeyim dedim ama bir turlu weppack icerinden import Select2 from 'Select2' tarzinda projeye sokamadim.

    yani cdn ile load yapabiliyordum sadece. mutlaka bir yolu vardir ama 2 gun ugrasmistim ancak nafile. Bu saaatten sonra degistirmek cok zahmetli olur kesin. mecbur boyle devam

    Suan google map mobile'de ve desktop'da farkli versiyonlar. yani iki tane google map olusturup css'den display none yerine, eger pencere genisligi 768px altinda ise mapMobile, genislik ustunde ise mapDesktop load yapiyor. yani performans dusuklugu olmaz sanirim.


    Aylardir bu projeyle ugrasiyorum. kaplumbaga gibi ilerliyorum zor olan kisimlari bitti ama
    WordPress gibi komplike yapılarda vanillajs çok mantıklı. Fakat özel yazılımda jquery'den kaçınmaya gerek yok bence. jQuery'nin kendi kulvarında alternatifi yok henüz.
  • 21-05-2024, 20:30:39
    #6
    OnurOzden adlı üyeden alıntı: mesajı görüntüle
    WordPress gibi komplike yapılarda vanillajs çok mantıklı. Fakat özel yazılımda jquery'den kaçınmaya gerek yok bence. jQuery'nin kendi kulvarında alternatifi yok henüz.
    Suan ben babel denilen bisey kullaniyorum ve vanilla javascript yazinca en son javascript ozelliklerini kullanmana izin veriyor. birde chatgpt var ustune
    Microsoft un chatgpt versiyonu insanlar daha iyi diyor kod yazmada. birde onu deniyecem.

    Bu projeyle cok seyler ogrendim. Form eklentisi kullanmadim ve sifirdan yaptim cogu seyi. Kadence kullanirken Hybrid olsun dedim. Websitenin Hero kisimlarini custom css, html yaptim, ama bence herseyi kadence ile yapip yapilamayan seyleri shortcode olarak yapip kadence araciligiyla aktarmak. Birde form eklentisi kullanmadim buda isimi zorlastirdi. yani mesela suan tarih secmek icin bir kutucuk lazim. cogu form eklentileri tarih, stripe, ve bircok sey geliyor. Bir dahaki sefere daha pratik birsey yapicam. mesela form eklentisi kullanirim yetmeyen yerleri manipule ederim api entegrasyonu felan. Hic olmassa stripe, paypal, Recapctha tarzi seyler geliyor eklentilerle.

    Checkout sayfasini React ile yapmak istemistim baslarda. wordpress ve react beraber. cunku vanilla javascript zor oluyor state management icin. React kullansaydim cok daha az zaman alirdi, ama risk almak istemedim. boyle yaparsam bitirdigimde daha az sorunla karsilasacagimi tahmin ediyorum ileriki yillarda
  • 21-05-2024, 23:16:19
    #7
    Foothill adlı üyeden alıntı: mesajı görüntüle
    Suan ben babel denilen bisey kullaniyorum ve vanilla javascript yazinca en son javascript ozelliklerini kullanmana izin veriyor. birde chatgpt var ustune
    Microsoft un chatgpt versiyonu insanlar daha iyi diyor kod yazmada. birde onu deniyecem.

    Bu projeyle cok seyler ogrendim. Form eklentisi kullanmadim ve sifirdan yaptim cogu seyi. Kadence kullanirken Hybrid olsun dedim. Websitenin Hero kisimlarini custom css, html yaptim, ama bence herseyi kadence ile yapip yapilamayan seyleri shortcode olarak yapip kadence araciligiyla aktarmak. Birde form eklentisi kullanmadim buda isimi zorlastirdi. yani mesela suan tarih secmek icin bir kutucuk lazim. cogu form eklentileri tarih, stripe, ve bircok sey geliyor. Bir dahaki sefere daha pratik birsey yapicam. mesela form eklentisi kullanirim yetmeyen yerleri manipule ederim api entegrasyonu felan. Hic olmassa stripe, paypal, Recapctha tarzi seyler geliyor eklentilerle.

    Checkout sayfasini React ile yapmak istemistim baslarda. wordpress ve react beraber. cunku vanilla javascript zor oluyor state management icin. React kullansaydim cok daha az zaman alirdi, ama risk almak istemedim. boyle yaparsam bitirdigimde daha az sorunla karsilasacagimi tahmin ediyorum ileriki yillarda
    WordPress'te ve diğer komplike dinamik yapılarda data sanitization başta olmak üzere veri güvenliği çok büyük mesele. Form yapısı güvenlik konusunda kritik derecede önemli. Müşterilerinize hizmet sunarken popüler hazır form eklentilerini tercih etmenizi öneririm özel tema kodladığınız zaman dahi.

    Bkz:
    Temeller: https://developer.wordpress.org/apis...ty/sanitizing/
    Birkaç örnek: https://docs.wpvip.com/security/vali...-and-escaping/
    Farklı örnekler: https://siteorigin.com/docs/widgets-...-sanitization/
  • 22-05-2024, 06:13:52
    #8
    OnurOzden adlı üyeden alıntı: mesajı görüntüle
    WordPress'te ve diğer komplike dinamik yapılarda data sanitization başta olmak üzere veri güvenliği çok büyük mesele. Form yapısı güvenlik konusunda kritik derecede önemli. Müşterilerinize hizmet sunarken popüler hazır form eklentilerini tercih etmenizi öneririm özel tema kodladığınız zaman dahi.

    Bkz:
    Temeller: https://developer.wordpress.org/apis...ty/sanitizing/
    Birkaç örnek: https://docs.wpvip.com/security/vali...-and-escaping/
    Farklı örnekler: https://siteorigin.com/docs/widgets-...-sanitization/
    bu sanitize ve gerekli guvenlik onlemlerini en son asamaya birakmistim ama yukaridaki linkler iyi oldu. simdiden duzenlemeleri yaptim.

    'destination'     => sanitize_text_field($_POST['destination']),
    'year' => absint($_POST['yearField']),
    'make' => sanitize_text_field($_POST['makeField']),
    'model' => sanitize_text_field($_POST['modelField']),
    'is_running'      => sanitize_text_field($_POST['isRunning']),
    
    
    function sanitize_uuid($uuid) {
    // Ensure the UUID is in the correct format
    if (preg_match('/^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i', $uuid)) {
    return $uuid;
    } else {
    return ''; // Return an empty string or handle the invalid UUID appropriately
    }
    }
    
    // Retrieve the quote ID from the session variable
    $quote_id = isset($_SESSION['quote_id']) ? sanitize_uuid($_SESSION['quote_id']) : '';
    $quote = isset($_SESSION['quote']) ? floatval($_SESSION['quote']) : '';
    html output yaparken esc_ tarzi methodlar kullaniliyor. aslinda fazla zor seyler degil. sanirim db ye yazarken sanitize yapmak gerek, update yaparkende. html output yaparkende esc kullaniyoruz. bir kac gunumu verirsem cabuk kaparim olayi. Genel proglamlama olayini anliyorum. Tabiki sanitize'dan once javascriptle validation'de mevcut. birde imask diye npm kutuphanesi var. onunuda biraz kurcalamistim.


    Yukaridaki siteler icin sagol. veri tabanina yazmak ve guncelleme olayindaki guvenlik aciklarini halletttim.

    iste zamaninda jet form builder kullandim, google api entegrasyonu icin addon lar vardi, ama bazi seyleri gercekten duzenleyemedim. ama simdiki deneyimimle herhangi bir form eklentisini kullanrak google entegrasyonu yapabilirim ancak kod biraz karmasik oluyor. o yuzden custom yaptim.
  • 22-05-2024, 08:16:54
    #9
    Foothill adlı üyeden alıntı: mesajı görüntüle
    bu sanitize ve gerekli guvenlik onlemlerini en son asamaya birakmistim ama yukaridaki linkler iyi oldu. simdiden duzenlemeleri yaptim.

    'destination'     => sanitize_text_field($_POST['destination']),
    'year' => absint($_POST['yearField']),
    'make' => sanitize_text_field($_POST['makeField']),
    'model' => sanitize_text_field($_POST['modelField']),
    'is_running'      => sanitize_text_field($_POST['isRunning']),
    
    
    function sanitize_uuid($uuid) {
    // Ensure the UUID is in the correct format
    if (preg_match('/^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i', $uuid)) {
    return $uuid;
    } else {
    return ''; // Return an empty string or handle the invalid UUID appropriately
    }
    }
    
    // Retrieve the quote ID from the session variable
    $quote_id = isset($_SESSION['quote_id']) ? sanitize_uuid($_SESSION['quote_id']) : '';
    $quote = isset($_SESSION['quote']) ? floatval($_SESSION['quote']) : '';
    html output yaparken esc_ tarzi methodlar kullaniliyor. aslinda fazla zor seyler degil. sanirim db ye yazarken sanitize yapmak gerek, update yaparkende. html output yaparkende esc kullaniyoruz. bir kac gunumu verirsem cabuk kaparim olayi. Genel proglamlama olayini anliyorum. Tabiki sanitize'dan once javascriptle validation'de mevcut. birde imask diye npm kutuphanesi var. onunuda biraz kurcalamistim.


    Yukaridaki siteler icin sagol. veri tabanina yazmak ve guncelleme olayindaki guvenlik aciklarini halletttim.

    iste zamaninda jet form builder kullandim, google api entegrasyonu icin addon lar vardi, ama bazi seyleri gercekten duzenleyemedim. ama simdiki deneyimimle herhangi bir form eklentisini kullanrak google entegrasyonu yapabilirim ancak kod biraz karmasik oluyor. o yuzden custom yaptim.
    API entegrasyonları için WP Forms kullanıyorum ben. Filter desteği aşırı geniş. Kendi add-on'ları yetmediği yerde filterleriyle form yapısı ve submit/storing data/sending mail süreci bayağı manipüle edilebiliyor