Tema: problemas con window.onload
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 25/06/2010, 20:28
WinderJerter
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 15 años, 5 meses
Puntos: 5
Respuesta: problemas con window.onload
Hola que tal zerokilled, el countCheckboxes no lo puse anteriormente, pero lo invoco asi <div id="checkCount">0</div>, aqui esta el codigo completo

Código HTML: 
Ver original
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <title>Untitled Document</title>
  4.  
  5.     <script type="text/javascript">
  6.     function countCheckboxes()
  7.     {
  8.             var form = document.getElementById('album');
  9.             var count = 0;
  10.             for(var n = 0; n < form.length; n++)
  11.             {
  12.                 if(form[n].name == 'addAlbum[]' && form[n].checked)
  13.                 {
  14.                     count++;
  15.                 }
  16.             }
  17.             document.getElementById('checkCount').innerHTML = count;
  18.     }
  19.         </script>  
  20.  
  21.         
  22.         <script type="text/javascript">
  23. //This Function Creates your Cookie for you just pass in the Cookie Name, Value, and number of days before you want it to expire.
  24. function CreateCookie(name,value,days)
  25. {
  26.     if (days)
  27.     {
  28.         var date = new Date();
  29.         date.setTime(date.getTime()+(days*24*60*60*1000));
  30.         var expires = "; expires="+date.toGMTString();
  31.     }
  32.     else var expires = "";
  33.     document.cookie = name + "=" + value + expires + "; path=/";
  34. }
  35.  
  36. //This Function reads the value of a given cookie for you.  Just pass in the cookie name and it will return the value.
  37. function ReadCookie(name)
  38. {
  39.     var nameEQ = name + "=";
  40.     var ca = document.cookie.split(';');
  41.     for(var i=0;i < ca.length;i++) {
  42.         var c = ca[i];
  43.         while (c.charAt(0)==' ') c = c.substring(1,c.length);
  44.         if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  45.     }
  46.     return null;
  47. }
  48.  
  49. //This Function Erases Cookies.  Just pass in the name of the cookies you want erased.
  50. function EraseCookie(name)
  51. {
  52.     CreateCookie(name,"",-1);
  53. }
  54.  
  55. //Sets or UnSets Cookies for given checkbox after it's been clicked on/off.
  56. function ChangeBox(CheckBox)
  57. {
  58.     if (document.getElementById(CheckBox).checked)
  59.     {
  60.         var CurrentCookie = ReadCookie("fabletwomaps");
  61.         CurrentCookie = CurrentCookie + CheckBox;   
  62.         CreateCookie("fabletwomaps",CurrentCookie,"100");
  63.     }
  64.     else
  65.     {
  66.         var CurrentCookie = ReadCookie("fabletwomaps");
  67.         CurrentCookie = CurrentCookie.replace(CheckBox,""); 
  68.         CreateCookie("fabletwomaps",CurrentCookie,"100");
  69.     }
  70. }
  72. //Runs on body load to check history of checkboxes on the page.
  73. function CheckCookies()
  74. {
  76.     var CurrentCookie = ReadCookie("fabletwomaps");
  78.     for (i=0; i<document.CheckList.elements.length; i++)
  79.     {
  80.         if (document.CheckList.elements[i].type == "checkbox")
  81.         {
  82.             document.CheckList.elements[i].onclick = function() {ChangeBox(this.id);};
  83.             if (CurrentCookie && CurrentCookie.indexOf(document.CheckList.elements[i].id) > -1)
  84.             {
  85.                 document.CheckList.elements[i].checked = true;
  86.             }
  87.         }
  88.     }
  89. }
  90.  
  91. //Clears Form
  92. function ClearBoxes()
  93. {
  94.     for (i=0; i<document.CheckList.elements.length; i++)
  95.     {
  96.         if (document.CheckList.elements[i].type == "checkbox")
  97.         {
  98.             document.CheckList.elements[i].checked = false;
  99.             ChangeBox(document.CheckList.elements[i].id);
  100.         }
  101.     }
  102. }
  103.  
  104. window.onload=CheckCookies;
  105.  
  106. </script>
  107.  
  108.         
  109. </head>
  110.  
  111. <body>
  112.  
  113. 1 - 12 de 124 imagenes.
  114.  
  115. <form action="compress.php" method="post" id="album" name="CheckList">  
  116. <div id="albumList">
  117.         <div class="albumItem"><div class="albumImg"><img src='img/filter_closed.png' alt='filter_closed.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='filter_closed.png' value='filter_closed.png' onclick='countCheckboxes()' />filter_closed.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=filter_closed.png"></a></div></div>
  118.         <div class="albumItem"><div class="albumImg"><img src='img/folder_up.png' alt='folder_up.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='folder_up.png' value='folder_up.png' onclick='countCheckboxes()' />folder_up.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=folder_up.png"></a></div></div>
  119.         <div class="albumItem"><div class="albumImg"><img src='img/transfer_upload.png' alt='transfer_upload.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='transfer_upload.png' value='transfer_upload.png' onclick='countCheckboxes()' />transfer_upload.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=transfer_upload.png"></a></div></div>
  120.         <div class="albumItem"><div class="albumImg"><img src='img/fitwidth_enabled.png' alt='fitwidth_enabled.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='fitwidth_enabled.png' value='fitwidth_enabled.png' onclick='countCheckboxes()' />fitwidth_enabled.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=fitwidth_enabled.png"></a></div></div>
  121.         <div class="albumItem"><div class="albumImg"><img src='img/dropup.png' alt='dropup.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='dropup.png' value='dropup.png' onclick='countCheckboxes()' />dropup.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=dropup.png"></a></div></div>
  122.  
  123.         <div class="albumItem"><div class="albumImg"><img src='img/search-suggestion.png' alt='search-suggestion.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='search-suggestion.png' value='search-suggestion.png' onclick='countCheckboxes()' />search-suggestion.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=search-suggestion.png"></a></div></div>
  124.         <div class="albumItem"><div class="albumImg"><img src='img/search-suggestion-selected.png' alt='search-suggestion-selected.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='search-suggestion-selected.png' value='search-suggestion-selected.png' onclick='countCheckboxes()' />search-suggestion-selected.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=search-suggestion-selected.png"></a></div></div>
  125.         <div class="albumItem"><div class="albumImg"><img src='img/mail_status_disconnected.png' alt='mail_status_disconnected.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='mail_status_disconnected.png' value='mail_status_disconnected.png' onclick='countCheckboxes()' />mail_status_disconnected.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=mail_status_disconnected.png"></a></div></div>
  126.         <div class="albumItem"><div class="albumImg"><img src='img/group_closed.png' alt='group_closed.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='group_closed.png' value='group_closed.png' onclick='countCheckboxes()' />group_closed.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=group_closed.png"></a></div></div>
  127.         <div class="albumItem"><div class="albumImg"><img src='img/archives.png' alt='archives.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='archives.png' value='archives.png' onclick='countCheckboxes()' />archives.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=archives.png"></a></div></div>
  128.         <div class="albumItem"><div class="albumImg"><img src='img/block.png' alt='block.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='block.png' value='block.png' onclick='countCheckboxes()' />block.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=block.png"></a></div></div>
  129.  
  130.         <div class="albumItem"><div class="albumImg"><img src='img/images_cached.png' alt='images_cached.png'/></div><div class="albumCheck"><label><input type='checkbox' name='addAlbum[]' id='images_cached.png' value='images_cached.png' onclick='countCheckboxes()' />images_cached.png</label></div><div class="albumDownload"><a href="http://psy-tribe.co.cc/download.php?file=images_cached.png"></a></div></div>
  131.           
  132. </div>
  133.  
  134. <span id="checkCount"></span>
  135.  
  136. <input type="submit" name="Submit" value="Enviar">
  137. </form>
  138.  
  139. </body>
  140.  
  141. </html>

Saludos