Merhaba, Aşağıdaki tabloda ikinci td'deki width değerini 50 vermeme rağmen, td'nin içerisendeki tabloda farklı bir uzunluk değeri varsa iç tablodakini uyguluyor. İç tablo başka biryerden otomatik geldiğinden müdehale şansım yok veya çektiğim veri ile bayağı bir uğraşmam lazım. Bunun yerine htm 'lede veya css'de veya javascript'de iç tablodaki uzunluk değerlerini devre dışı bırakabilirmiyim. Kod: <table border=1 width='40%' align=center> <tr> <td>Sol</td> <td width=50> <table align=center border=1 width=100><tr><td> İç Tablo<br><br><br><br><br><br><br><br><br><br> </td></tr></table> </td> <td>Sağ</td> </tr> </table>
İçerideki tabloya width değeri vermek zorunda değilsin, dolayısıyla dıştaki td değerini alacaktır. Yanılıyormuyum.
Bu fonksiyonla içteki table on genişliğini ayarlayabilirsin.. Ancak eğer sayfanda cok sayıda table varsa x arrayinin hangi indexinin senini istediğin table a karsılık geldiğini öğrenmeye calıs ona göre indexi yaz içine... Kod: function table_duzenle() { var x=document.getElementsByTagName("table"); x[1].style.width="50px"; //istediğin bir değeri ver }
şöyle birşey denenebilir belki yalnız aşağıdaki scripti tablo kodlarından sonra yazmak lazım ki tablolar yüklenmiş olsun. bu arada sayfada sadece 2 tablo varsa çalışacaktır bu script. eğer farklı bir yapı varsa geliştirilebilir. <script type="text/javascript"> var tablolar=document.getElementsByTagName("table"); tablolar[1].setAttribute("width","50"); </script>
Kodların ikiside çalışıyor teşekkür ederim, şu anda bir sorunum'da yok, Ama dediğiniz gibi tablo'nun sırası daha sonra eklenecek içeriğe göre değişir ise iç tabloya değilde dış tablo'ya verilecek bir id değeri name değeri vs.. ile kodları şekillendirebilirmiyim. Bir alttaki kod'da demek istediğim gibi. Kod: <table border=1 width='75%' align=center id='bundan_sonrakini_şekillendir'><tr> <td>Sol</td> <td> <!-- MÜDAHALE EDİLEMEYEN BÖLÜM --> <table align=center border=1 width=500><tr><td> İç Tablo<br><br><br><br><br><br><br><br><br><br> </td></tr></table> <!-- MÜDAHALE EDİLEMEYEN BÖLÜM / --> </td> <td>Sağ</td> </tr></table> <script type="text/javascript"> var tablolar=document.getElementsByTagName("table"); tablolar[1].setAttribute("width","50"); </script> Kod: <script> function table_duzenle() { var x=document.getElementsByTagName("table"); x[1].style.width="50px"; //istediğin bir değeri ver } </script> <body onLoad="table_duzenle();"> <table border=1 width='75%' align=center> <tr> <td>Sol</td> <td> <table align=center border=1 width=500><tr><td> İç Tablo<br><br><br><br><br><br><br><br><br><br> </td></tr></table> </td> <td>Sağ</td> </tr> </table> Kod: <body> <table border=1 width='75%' align=center> <tr> <td>Sol</td> <td> <table align=center border=1 width=500><tr><td> İç Tablo<br><br><br><br><br><br><br><br><br><br> </td></tr></table> </td> <td>Sağ</td> </tr> </table> <script type="text/javascript"> var tablolar=document.getElementsByTagName("table"); tablolar[1].setAttribute("width","50"); </script>
eger dis tabloya dis_tablo idsini atarsak asagidaki gibi bir kod isinizi gorebilir Kod: <table border=1 width='75%' align=center id='dis_tablo'><tr> <td>Sol</td> <td> Kod: <script type="text/javascript"> //dis tabloyu degiskene ata var dis_tablo=document.getElementById("dis_tablo"); //dis tablo icindeki butun tablolari degiskene ata var ic_tablo=dis_tablo.getElementsByTagName("table"); //ilk siradaki tablonun genisligini 100px yap ic_tablo[0].setAttribute("width","100"); </script>