Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Małe pytanko (onClick)
MadMark
post
Post #1





Grupa: Zarejestrowani
Postów: 105
Pomógł: 3
Dołączył: 12.07.2010

Ostrzeżenie: (0%)
-----


Witam,

Jak zrobić, aby po kliknięciu na komórkę tabeli zaznaczył się również checkbox w niej zawarty, jeśli wiem, iż będzie tam tylko 1 checkbox o takim samym ID jak dana komórka ?

Z góry dziękuję za pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


To jednak musisz to zrobić po mojemu (IMG:style_emoticons/default/smile.gif)
Kod
<style type="text/css">
.choosen2
{
    color: silver;
    background-color: #1b1b1b;
}
.choosen
{
    color: green;
    background-color: #525252;
    cursor: default;
}
</style>
<script language="JavaScript" type="text/javascript">

function Choosen(obj){
    if(obj.className!="choosen"){
    obj.className="choosen";
    obj.getElementsByTagName('input')[0].checked = true;}
    else{
    obj.className="choosen2";
    obj.getElementsByTagName('input')[0].checked = false;
        }
}

onload = function(){
var els = document.getElementsByName('TWOJA_NAZWA'),i,el;
for(i=0; el=els[i++];)
  el.onclick = function(){ Choosen(this); };
}
</script>
</head>
<body>
<table cellpadding="5" cellspacing="1" bgcolor="black" width="500" style="color: white;" align="center" valign="middle">
    <tr>
        <td valign="middle" width="150" name="TWOJA_NAZWA">
            jakieś badziewie
            <input type="checkbox">
        </td>
        <td id="idem" valign="top">
            <span>opis jakiegoś badziewia</span>
        </td>
    </tr>
    <tr>
        <td valign="middle" width="150" name="TWOJA_NAZWA">
            jakieś badziewie
            <input type="checkbox">
        </td>
        <td id="idem" valign="top">
            <span>opis jakiegoś badziewia</span>
        </td>
    </tr>
    <tr>
        <td valign="middle" width="150" name="TWOJA_NAZWA">
            jakieś badziewie
            <input type="checkbox">
        </td>
        <td id="idem" valign="top">
            <span>opis jakiegoś badziewia</span>
        </td>
    </tr>
    <tr>
        <td valign="middle" width="150" name="TWOJA_NAZWA">
            jakieś badziewie
            <input type="checkbox">
        </td>
        <td id="idem" valign="top">
            <span>opis jakiegoś badziewia</span>
        </td>
    </tr>
</table>
</body>


Mógłbyś się bawić jeszcze z ID, ale to raczej nie najlepszy pomysł:
Kod
<style type="text/css">
.choosen2
{
    color: silver;
    background-color: #1b1b1b;
}
.choosen
{
    color: green;
    background-color: #525252;
    cursor: default;
}
</style>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function Choosen(obj,i){
    if(obj.className!="choosen"){
    obj.className="choosen";
    document.getElementById('C0'+i).checked = true;}
    else{
    obj.className="choosen2";
    document.getElementById('C0'+i).checked = false;}
}
/*]]>*/
</script>
</head>
<body>
<table cellpadding="5" cellspacing="1" bgcolor="black" width="500" style="color: white;" align="center" valign="middle">
    <tr>
        <td valign="middle" onClick="Choosen(this,1);" width="150" id="01">
            jakieś badziewie
            <input type="checkbox" id="C01" />
        </td>
        <td id="idem" valign="top">
            <span>opis jakiegoś badziewia</span>
        </td>
    </tr>
    <tr>
        <td valign="middle" onClick="Choosen(this,2);" width="150" id="02">
            jakieś badziewie
            <input type="checkbox" id="C02" />
        </td>
        <td id="idem" valign="top">
            <span>opis jakiegoś badziewia</span>
        </td>
    </tr>
</table>
</body>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.10.2025 - 11:39