Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JS] zaznaczenie wszystkich checkboxow
hhg
post 24.08.2007, 19:31:53
Post #1





Grupa: Zarejestrowani
Postów: 316
Pomógł: 0
Dołączył: 5.07.2006

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

mam dylemat w JS na ktorym sie nie znam

napisalem funkcje
Kod
<script type="text/javascript">
function makeCheck() {

    var objekt = getElementById("formularzyk");
    
    var ilosc = objekt.length;
    
    for (i=0; i<ilosc; i++) {
        var type = objekt.elements[i].type;

        if (type=="checkbox") {
            objekt.elements[i].checked = true;
        }
    }
}
</script>



ktora ma za zadanie zaznaczyc wszystkie elementy ktore sa checkboxami formularza 'formularzyk' jako TRUE
czyli cos w stylu 'zaznacz wszystko'

to bylo w <head>

natomiast w <body> mam kod:


Kod
        <form action="email.php" method="post" name="formularzyk" id="formularzyk">

        
        <table width="500" border="1" cellpadding="0" cellspacing="0">
        
          <tr>
            <th scope="col" width="300">list</th>
            <th scope="col" width="100">send e-mail?</th>
          </tr>
          
                    
              <tr>
                <td class="data" valign="middle">
                    <a href="javascript:popup('user_profile.php',300,500)">t ta (tadek)</a>

                </td>
                <td class="data" valign="middle">
                    <input name="option" type="checkbox" value="1" />
                </td>
              </tr>
              
                    
          <tr valign="bottom">
            <td colspan="4" class="bottom" valign="bottom">
            <div style="float: right; height:22px; line-height:22px; padding-right:16px;">
                <a href="makeCheck(this.form)">zaznacz wszystko</a>

                &nbsp;&nbsp;&nbsp;
            </div></td>
          </tr>
          
        </table>
        
        <br />
    </div>
    
        <div>&nbsp;</div><div>&nbsp;</div><h3 class="red">E-mail text</h3><div>&nbsp;</div>
        
        
                
                <table border="0" width="500">

                                
                        <tr>
                            <td align="right">
                                <b>subject:</b>
                            </td>
                            <td align="left">
                                <input type="text" name="subject" size="70" maxlength="100" value="" " class="input_dark" />
                            </td>
                        </tr>

                
                                
                        <tr>
                            <td align="right">
                                <b>text:</b>
                            </td>
                            <td align="left">
                                <textarea name="text" cols="90" rows="10"  class="input_dark"></textarea>
                            </td>
                        </tr>

                
                                </table>
                <div align="left">
                    
            <br/>
                <input type="submit" name="submit" value="submit" class="input_bn" />
        
                <input type="reset" value="reset" class="input_bn" />
            </form>


oczywiscie po kliknieciu w napis 'zaznacz wszystko' nie zostaje wywolana zadna akcja..

prosze o pomoc
Go to the top of the page
+Quote Post
tommy4
post 24.08.2007, 19:43:28
Post #2





Grupa: Zarejestrowani
Postów: 288
Pomógł: 12
Dołączył: 2.12.2005

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

Kod
    var objekt = document.getElementById("formularzyk");


Kod
               <a href="#" onclick="makeCheck(this.form); return false;">zaznacz wszystko</a>


EDIT: z tymże nie wiem, czemu podajesz this.form w argumencie, możesz zrobić tak:

Kod
function makeCheck(argForm)

Kod
    var objekt = document.getElementById(argForm);


Kod
               <a href="#" onclick="makeCheck('formularzyk'); return false;">zaznacz wszystko</a>


Ten post edytował tommy4 24.08.2007, 19:46:04
Go to the top of the page
+Quote Post
hhg
post 24.08.2007, 19:53:56
Post #3





Grupa: Zarejestrowani
Postów: 316
Pomógł: 0
Dołączył: 5.07.2006

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

niestety dalej to nie działa (nie zaznacza)

dodatek do firefoxa 'firebug' znajduje bład
"objekt has no properties" i to sie tyczy length..

obecna postac funkcji:
Kod
<script type="text/javascript">
function makeCheck() {

    var objekt = document.getElementById("formularzyk");
    
    var ilosc = objekt.length;
    
    for (i=0; i<ilosc; i++) {
        var type = objekt.elements[i].type;

        if (type=="checkbox") {
            objekt.elements[i].checked = true;
        }
    }
}
</script>


i jej wywolania:
Kod
<a href="#" onclick="makeCheck(); return false;">zaznacz wszystko</a>


Ten post edytował hhg 24.08.2007, 19:54:48
Go to the top of the page
+Quote Post
tommy4
post 24.08.2007, 19:56:12
Post #4





Grupa: Zarejestrowani
Postów: 288
Pomógł: 12
Dołączył: 2.12.2005

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function makeCheck() {
  5.  
  6.     var objekt = document.getElementById("formularzyk");
  7.  
  8.     var ilosc = objekt.length;
  9.  
  10.     for (i=0; i<ilosc; i++) {
  11.         var type = objekt.elements[i].type;
  12.  
  13.         if (type=="checkbox") {
  14.             objekt.elements[i].checked = true;
  15.         }
  16.     }
  17. }
  18. </script>
  19. </head>
  20. <body> 
  21.        <form action="email.php" method="post" name="formularzyk" id="formularzyk">
  22.  
  23.  
  24.         <table width="500" border="1" cellpadding="0" cellspacing="0">
  25.  
  26.           <tr>
  27.             <th scope="col" width="300">list</th>
  28.             <th scope="col" width="100">send e-mail?</th>
  29.  
  30.           </tr>
  31.  
  32.  
  33.               <tr>
  34.                 <td class="data" valign="middle">
  35.                     <a href="javascript:popup('user_profile.php',300,500)">t ta (tadek)</a>
  36.  
  37.                 </td>
  38.                 <td class="data" valign="middle">
  39.                     <input name="option" type="checkbox" value="1" />
  40.                 </td>
  41.  
  42.               </tr>
  43.  
  44.  
  45.           <tr valign="bottom">
  46.             <td colspan="4" class="bottom" valign="bottom">
  47.             <div style="float: right; height:22px; line-height:22px; padding-right:16px;">
  48.                 <a href="#" onclick="makeCheck(this.form); return false;">zaznacz wszystko</a>
  49.  
  50.                 &nbsp;&nbsp;&nbsp;
  51.             </div></td>
  52.           </tr>
  53.  
  54.  
  55.         </table>
  56.  
  57.         <br />
  58.     </div>
  59.  
  60.         <div>&nbsp;</div><div>&nbsp;</div><h3 class="red">E-mail text</h3><div>&nbsp;</div>
  61.  
  62.  
  63.  
  64.                 <table border="0" width="500">
  65.  
  66.  
  67.                         <tr>
  68.                             <td align="right">
  69.                                 <b>subject:</b>
  70.  
  71.                             </td>
  72.                             <td align="left">
  73.                                 <input type="text" name="subject" size="70" maxlength="100" value="" " class="input_dark" />
  74.                             </td>
  75.                         </tr>
  76.  
  77.  
  78.  
  79.                         <tr>
  80.                             <td align="right">
  81.                                 <b>text:</b>
  82.  
  83.                             </td>
  84.                             <td align="left">
  85.                                 <textarea name="text" cols="90" rows="10"  class="input_dark"></textarea>
  86.                             </td>
  87.                         </tr>
  88.  
  89.  
  90.                                 </table>
  91.                 <div align="left">
  92.  
  93.             <br/>
  94.  
  95.                 <input type="submit" name="submit" value="submit" class="input_bn" />
  96.  
  97.                 <input type="reset" value="reset" class="input_bn" />
  98.             </form>
  99. </body>
  100. </html>
[HTML] pobierz, plaintext


Na firefoksie wszystko mi działa. Pozdro.
Go to the top of the page
+Quote Post
hhg
post 24.08.2007, 20:18:34
Post #5





Grupa: Zarejestrowani
Postów: 316
Pomógł: 0
Dołączył: 5.07.2006

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

zmienilem cos w kodzie u siebie jeszcze i dizala, dzieki
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 19:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn