2016-03-19 23 views
0

Karakter kümeleriyle ilgili bir makale okuyordum ve ascii karakterlerini ve değerlerini görüntülemek için bir komut dosyası yazmaya karar verdim. İşte ortaya çıktığım kod: Aslında onu burada gördüğüm bir örnekden aldım. Bununla birlikte, sonuçlar, yatay (0..31) sergilenmektedir Satırlardaki ve sütunlardaki ASCII karakterlerini jquery kullanarak görüntüleme

$(document).ready(function(){ 
 
    var tbl = $("<table>"); 
 
for (var i = 0; i < 128/32; i++) { 
 
    var nextrow =$("<tr>"); 
 
    $(tbl).append(nextrow); 
 
    var nextitem = 32*i; 
 
    for(var j = 0; j < 32 && nextitem + j < 128; j++){ 
 
    var nextcell = $("<td>"); 
 
    $(nextcell).html(nextitem+j + ":" +String.fromCharCode(nextitem + j)); 
 
    $(nextrow).append(nextcell); 
 
    } 
 
} 
 
    $("body").append(tbl); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    </body>

yerine dikey. Dikey olarak nasıl görüntüleyebildiğimi merak ediyorum ... yani, ilk 32 karakteri bir sütuna, sonra başka bir kolondaki sonraki 32'ye koyun, vb.

Ve dahası, daha iyi bir yol var mı? Bunu yapmak, tabloları kullanmadan? Teşekkürler.

+0

"tabloları kullanarak olmadan": Sana 32 4 sütun verilerine içsel olmadığını söylediğini düşünüyorum; sadece bu şekilde göstermek istiyorsun. Semantik olarak, ASCII kodu tarafından sipariş edilen bir çift yönlü (bire bir) eşlem dizisidir. HTML'de, bunu eşleştirilmiş div'lerin sıralı bir listesi olarak (disadv. Divs anlam kastedilmiyor) veya bir açıklama listesi olarak modelleyebilirsiniz (dezavantaj. Bu tür bir liste, sipariş vermek anlamına gelmez ve bire bire izin verir) veya sadece bir iki sütun tablosu (tüm dezavantajlar, ancak daha yaygın ve daha basittir). Ne demek istiyorsun? –

cevap

0

Muhtemelen bu:

$(document).ready(function(){ 
 
for (var i = 0; i < 4; i++) { 
 
    var nextcol =$("<div class=\"col\">"); 
 
    $("body").append(nextcol); 
 
    var nextitem = 32*i; 
 
    for(var j = 0; j < 32; j++){ 
 
    var nextcell = $("<div>"); 
 
    $(nextcell).html(nextitem+j + ":" +String.fromCharCode(nextitem + j)); 
 
    $(nextcol).append(nextcell); 
 
    } 
 
} 
 
});
.col { 
 
    display: inline-block; 
 
} 
 
.col > div { 
 
    display: block; 
 
    padding: 10px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
    </body>

+0

[Kontrol Resmi] (http://unicode.org/charts/PDF/U2400.pdf) karakterlerini görüntülemek için (tarayıcınızda görüntülenmeyebilir), 'nextutfem + j' ile' utf16CodeUnit 'değerini değiştirin ve' var unicodeCodepoint ile alın = nextitem + j; /* Tüm kod noktaları sadece bir UTF-16 kod biriminde kodlanmıştır */ var utf16CodeUnit = unicodeCodepoint> 0x0020? unicodeCodepoint: unicodeCodepoint == 0x007f? 0x2421: unicodeCodepoint + 0x2400; –

+0

Teşekkür ederim! Öyleydi. Aferin – Mekicha

İlgili konular