Kayıtlar

Javascript Notları etiketine sahip yayınlar gösteriliyor

Javascript JSON Parsing Örnek 1

Resim
Javascript ile JSON formatında gelen verileri kolaylıkla parse edip bir tabloda okunaklı veriler haline getirebilirsiniz.. Örnek Kod <!DOCTYPE html> <html> <body>     <style>         .musteriTablo th, .musteriTablo tr, .musteriTablo td         {             padding: 5px;             border: solid 1px #f00;             color: #717171;             text-align: center;         }     </style>     <table id="tabloIcerik" class="musteriTablo" style="max-width: 800px; height: auto;         border: solid 1px #f00;" cellspacing="0" cellpadding="0">         <tr>             <th>                 Sipariş No             </th>             <th>                 Müşteri Adı Soyadı             </th>             <th>                 Sipariş Toplamı             </th>         </tr>     </table>     <script>         var musteriler
Yorum Gönder
Devamı

Javascript Büyüteç Uygulaması

Resim
Saf Javascript ve CSS kullanarak basit bir büyüteç programı yazdım. Javascript Büyüteç Kodları: HTML Kodu; <div id="resimKabi">   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzIU2K83cIbm0r_wB8lrZ5m3iSKchB-WolIEDvxFCz3BuYLB-g2_keCJ6QxbpfXBJ9tYjOQtWTn3sEub5tOycXxKFx_gK99s3jsUZckLWCyFEA_lab-T0A5voDQcXy0fLxjJopxevCa4/s1600/lotr-ring.jpg" />   <div id="buyutec"></div> </div> CSS Kodu; #resimKabi {   width: 100%;   height: auto;   display: block;   position: relative;   overflow: hidden; } #resimKabi img {   display: block;   width: 100%;   height: auto; } #buyutec {   width: 100px;   height: 100px;   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzzIU2K83cIbm0r_wB8lrZ5m3iSKchB-WolIEDvxFCz3BuYLB-g2_keCJ6QxbpfXBJ9tYjOQtWTn3sEub5tOycXxKFx_gK99s3jsUZckLWCyFEA_lab-T0A5voDQcXy0fLxjJopxevCa4/s1600/lotr-ring.jpg);   background-repeat: no-repeat;   bor
Yorum Gönder
Devamı

Javascript Kopyalama Kodu

Javascript HTML İçerik Kopyalama Kodu Bu aşağıdaki becerikli kod id'si kopya olan HTML elemanının tüm içeriğini panoya kopyalar. Yani copy to clipboard denilen işlemi yapar. . function CopyToClipboard(kopya) {         if (document.selection) {             var range = document.body.createTextRange();             range.moveToElementText(document.getElementById("kopya"));             range.select().createTextRange();             document.execCommand("copy");         } else if (window.getSelection) {             var range = document.createRange();             range.selectNode(document.getElementById("kopya"));             window.getSelection().addRange(range);             document.execCommand("copy");             alert("Panoya Kopyalandı")         }     } Javascript ile web sayfasındaki bir metni tıklandığı zaman clipboarda kopyalamak mümkün. aşağıdaki butona tıkladığınızda, bu metin panoya kopyalanır. İstediğiniz y
2 yorum
Devamı

JQuery Toggle Açılır Kapanır Menü

Resim
Menünün Çalışır Hali Aslına bakarsanız önceden bu şekilde bir planlama yapmamıştım ama menü responsive olmuş :) See the Pen Jquery Toggle Menü by Turgut Arslan ( @draguth ) on CodePen . Menü Kodları Aşağıdaki Gibidir <!DOCTYPE html> <html> <style>   div.menuKutu {     float: left;     width: 200px;     display: block;     height: auto;     background-color: #269470;     cursor: pointer;     font-size: 14px;     font-family: Arial;     text-align: center;     color: white;     padding: 5px;     font-weight: bold;     line-height: 18px   }   div.menuKutu p {     height: 50px;     line-height: 50px;     display: none;     background-color: #45b0a3;     padding: 0px;     margin: 0px;   }   div.menuKutu p:hover {     background-color: #ebb753;     padding: 0px 1important;   } </style> <head>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js&qu
Yorum Gönder
Devamı

Javascript İle Kelimelerin ilk Harfini Büyük Yapmak

Resim
Hazırladığım yazıların başlıklarını büyük harfle yapmaya üşendiğim için, biraz zahmet edip basit bir Javascript programı yazdım. Tembellik insana her şeyi yaptırıyor. Ha bu arada; resimdeki acayiplik bazılarını rahatsız edebilir :) Online Büyük Harf - Küçük Harf Çevirme Aracı İlk harflerini büyük yapmak istediğiniz metni girin ve uygula butonuna basın Uygula Saygılarımla... Turgut Arslan
Yorum Gönder
Devamı