Foros del Web » Programando para Internet » Javascript »

problemas con window.onload

 Estas en el tema de problemas con window.onload en el foro de Javascript en Foros del Web. Hola que tal, hora acabo de implementar otro script en una pagina que tengo y funcionaba bien pero a la hora de poner el otro ...
  #1 (permalink)  
Antiguo 25/06/2010, 19:24
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 15 años, 5 meses
Puntos: 5
problemas con window.onload
Hola que tal, hora acabo de implementar otro script en una pagina que tengo y funcionaba bien pero a la hora de poner el otro script que tiene un windows.onload dejo de funcionar la function countCheckboxes

Alguien sabe como solucionar esto

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. <script type="text/javascript">
  22. //This Function Creates your Cookie for you just pass in the Cookie Name, Value, and number of days before you want it to expire.
  23. function CreateCookie(name,value,days)
  24. {
  25.     if (days)
  26.     {
  27.         var date = new Date();
  28.         date.setTime();
  29.         var expires = "; expires="+date.toGMTString();
  30.     }
  31.     else var expires = "";
  32.     document.cookie = name + "=" + value + expires + "; path=/";
  33. }
  34.  
  35. //This Function reads the value of a given cookie for you.  Just pass in the cookie name and it will return the value.
  36. function ReadCookie(name)
  37. {
  38.     var nameEQ = name + "=";
  39.     var ca = document.cookie.split(';');
  40.     for(var i=0;i < ca.length;i++) {
  41.         var c = ca[i];
  42.         while (c.charAt(0)==' ') c = c.substring(1,c.length);
  43.         if (c.indexOf(nameEQ) == 0)
  44.         {
  45.             return c.substring(nameEQ.length,c.length);
  46.         }
  47.     }
  48.     return null;
  49. }
  50.  
  51. //This Function Erases Cookies.  Just pass in the name of the cookies you want erased.
  52. function EraseCookie(name)
  53. {
  54.     CreateCookie(name,"",-1);
  55. }
  56.  
  57. //Sets or UnSets Cookies for given checkbox after it's been clicked on/off.
  58. function ChangeBox(CheckBox)
  59. {
  60.     if (document.getElementById(CheckBox).checked)
  61.     {
  62.         var CurrentCookie = ReadCookie("checkimg");
  63.         CurrentCookie = CurrentCookie + CheckBox;   
  64.         CreateCookie("checkimg",CurrentCookie,"100");
  65.     }
  66.     else
  67.     {
  68.         var CurrentCookie = ReadCookie("checkimg");
  69.         CurrentCookie = CurrentCookie.replace(CheckBox,""); 
  70.         CreateCookie("checkimg",CurrentCookie,"100");
  71.     }
  72. }
  74. //Runs on body load to check history of checkboxes on the page.
  75. function CheckCookies()
  76. {
  78.     var CurrentCookie = ReadCookie("checkimg");
  80.     for (i=0; i<document.CheckList.elements.length; i++)
  81.     {
  82.         if (document.CheckList.elements[i].type == "checkbox")
  83.         {
  84.             document.CheckList.elements[i].onclick = function() {ChangeBox(this.id);};
  85.             if (CurrentCookie && CurrentCookie.indexOf(document.CheckList.elements[i].id) > -1)
  86.             {
  87.                 document.CheckList.elements[i].checked = true;
  88.             }
  89.         }
  90.     }
  91. }
  92.  
  93. //Clears Form
  94. function ClearBoxes()
  95. {
  96.     for (i=0; i<document.CheckList.elements.length; i++)
  97.     {
  98.         if (document.CheckList.elements[i].type == "checkbox")
  99.         {
  100.             document.CheckList.elements[i].checked = false;
  101.             ChangeBox(document.CheckList.elements[i].id);
  102.         }
  103.     }
  104. }
  105. window.onload = CheckCookies;
  106. </script>
  107.  
  108. </head>

Saludos y gracias de antemano
  #2 (permalink)  
Antiguo 25/06/2010, 20:05
Avatar de zerokilled
Javascripter
  
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 9 meses
Puntos: 1485
Respuesta: problemas con window.onload
no veo donde conflige el evento window.onload. en el primer script tienes una funcion que cuenta los checkboxes marcados. en el segundo script tienes funciones para manejar cookies, me parece que en base a unas opciones marcadas. pero solo en este ultimo veo asignado el evento onload, el cual tampoco veo mal. en todo caso tampoco se ve cuando invocas countCheckboxes. ¿queras explicarte con un ejemplo mas completo?
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 25/06/2010, 20:28
 
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
  #4 (permalink)  
Antiguo 25/06/2010, 20:49
Avatar de zerokilled
Javascripter
  
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 9 meses
Puntos: 1485
Respuesta: problemas con window.onload
la razon por la que no se invoca countCheckboxes es porque estas sobreescribiendo el evento. es decir, en primera instancia el evento esta registrado como atributo. pero luego, en la funcion CheckCookies estas registrando el mismo evento pero con instrucciones distintas. ¿que puedes hacer? en lugar de registrar el evento como atributo, agrega la invocacion de countCheckboxes en la registracion del evento dentro de la funcion CheckCookies.
Código: 
element.onclick = function(){
// aqui invocas countCheckboxes;
// el resto de las instrucciones;
}
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 13:53.