CSS Tablo İşlemleri

Maddox67

Decapat
Katılım
24 Nisan 2019
Mesajlar
57
Merhabalar.

Aşağıda paylaştığım kodda ilk sütündaki sütün içine yazılan herhangi bir sayı ile 2. sütündaki sayıyı elde etmek için ilk sütüna sayılan sayı x 2 olarak 3. sütündakine de elde etmek için ilk sütündaki yazılan sayı x 3 şeklinde yapamıyorum bir türlü. yardım edebilecek bir arkadaşımız var mı?
[CODE lang="css" title="Css Tablo"]<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
<tbody>
<tr>
<td style="text-align:center"><span style="font-size:12pt">10.000</> ₺</span></td>
<td style="text-align:center; span style=">20.000</> ₺</span></td>
<td style="text-align:center; span style="><span style="font-size:12pt">30.000</> ₺</span></td>
</tr>
</tbody>
</table>[/CODE]
 
Son düzenleyen: Moderatör:
Doğru anladıysam CSS ile matematiksel işlem yapamazsın. PHP olarak şöyle yapabilirsin:

PHP:
<?php
    $sayi= "10.000";
?>
<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
    <tbody>
        <tr>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*2; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*3; ?> ₺</span></td>
        </tr>
    </tbody>
</table>
 
Doğru anladıysam CSS ile matematiksel işlem yapamazsın. PHP olarak şöyle yapabilirsin:

PHP:
<?php
 $sayi= "10.000";
?>
<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
 <tbody>
 <tr>
 <td style="text-align:center"><span style="font-size:12pt"><?php echo [COLOR=rgb(44, 130, 201)][B]$sayi[/B][/COLOR]; ?> ₺</span></td>
 <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*2; ?> ₺</span></td>
 <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*3; ?> ₺</span></td>
 </tr>
 </tbody>
</table>

Tam anlatamadığım için özür dilerim
1. sütuna ne yazarsam onu 2. ve 3. sütunlarda hesap ederken kullanacak
Aşağıda anlatmaya çalıştım birazcık ama herhalde anlaşacağız 🙂
Yardımlarınız için teşekkürler.

değişken bir sayıdeğişken bir sayı x 1 =değişken bir sayı x 2 =
 
Evet bu şekilde.
PHP:
<?php
    $sayi= "5";
?>
<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
    <tbody>
        <tr>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*1; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*2; ?> ₺</span></td>
        </tr>
    </tbody>
</table>

Bu şekilde 2. satırdaki 'sayi' değişkenine hangi sayıyı yazarsan;
soldaki sütuna o sayı gelecek,
ortadaki sütuna o sayının 1 katı gelecek,
sağdaki sütuna o sayının 2 katı gelecek.

Başta da belirttiğim gibi, çalışması için PHP kullanman gerek.

848 sayısını girerek şöyle bir sonuç aldım:
1622121423470.png
 
PHP:
<?php
    $sayi= "5";
?>
<table align="center" border="1" cellpadding="0" cellspacing="0" style="width:700px">
    <tbody>
        <tr>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*1; ?> ₺</span></td>
            <td style="text-align:center"><span style="font-size:12pt"><?php echo $sayi*2; ?> ₺</span></td>
        </tr>
    </tbody>
</table>

Bu şekilde 2. satırdaki 'sayi' değişkenine hangi sayıyı yazarsan;
soldaki sütuna o sayı gelecek,
ortadaki sütuna o sayının 1 katı gelecek,
sağdaki sütuna o sayının 2 katı gelecek.

Başta da belirttiğim gibi, çalışması için PHP kullanman gerek.

848 sayısını girerek şöyle bir sonuç aldım:
Eki Görüntüle 1043625
Çok teşekkür ederim.
Anladım dediklerinizi sağolun.
 
[CODE lang="html" title="HTML"]<!DOCTYPE html>
<html>
<head>
<title>Tablo</title>
</head>
<body>
<table>
<tbody>
<tr>
<td id="sayibir">1000</td>
<td id="sayiki"></td>
<td id="sayiuc"></td>
</tr>
</tbody>
</table>

<script>
var sayi = document.getElementById("sayibir").innerHTML;
document.getElementById("sayiki").innerHTML = sayi * 1;
document.getElementById("sayiuc").innerHTML = sayi * 2;
</script>
</body>
</html>[/CODE]

Javascript ile şöyle basit bir şey yazdım.
 
[CODE lang="html" title="HTML"]<!DOCTYPE html>
<html>
<head>
<title>Tablo</title>
</head>
<body>
<table>
<tbody>
<tr>
<td id="sayibir">1000</td>
<td id="sayiki"></td>
<td id="sayiuc"></td>
</tr>
</tbody>
</table>

<script>
var sayi = document.getElementById("sayibir").innerHTML;
document.getElementById("sayiki").innerHTML = sayi * 1;
document.getElementById("sayiuc").innerHTML = sayi * 2;
</script>
</body>
</html>[/CODE]

JavaScript ile şöyle basit bir şey yazdım.

Elinize sağlık sağ olun.
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Geri
Yukarı