Foro Oficial De Javascript

Estaba pensado que así como en muchos otras comunidades podriamos organizar una competencia entre nosotros para desarrollas en JS. Qué opinan??
 
Pues tendriamos primero que reunirnos todos los que queremos participar.

Que confirmen quienes quieren participar para dar los terminos de la competencia
 
PHP: 
<html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
<title>Ejercicio (1) Java Script</title>
<script languaje="javascript"> 

function hacer1Click(){

	document.Form1.Vot11.click();
	document.Form1.Vot21.click();
	document.Form1.Vot31.click();
	document.Form1.Vot41.click();
	document.Form1.Vot51.click();
}

function hacer2Click(){

	document.Form1.Vot12.click();
	document.Form1.Vot22.click();
	document.Form1.Vot32.click();
	document.Form1.Vot42.click();
	document.Form1.Vot52.click();
		      
}

function hacer3Click(){

	document.Form1.Vot13.click();
	document.Form1.Vot23.click();
	document.Form1.Vot33.click();
	document.Form1.Vot43.click();
	document.Form1.Vot53.click();
}

function hacer4Click(){

	document.Form1.Vot14.click();
	document.Form1.Vot24.click();
	document.Form1.Vot34.click();
	document.Form1.Vot44.click();
	document.Form1.Vot54.click();
}

/*function marcar(c)
	{
		var k=0;
		var j=0;
 
		for(var i=0 ; i < Form1.length; i++)
		{
			if(document.Form1.elements[i].type == "checkbox" && document.Form1.elements[i].name != "TdCan" )
			{
                		j++;
				
				if (document.Form1.elements[i].checked == false)
				{
					k++;
				}
			}
                }
 
		Form1.Tot1.value = j-k;
		Form1.Tot2.value = j-k;
		Form1.Tot3.value = j-k;
		Form1.Tot4.value = j-k;
        }
 */

function contar() {

	var checkboxes = form1.Tot1; //Array que contiene los checkbox
	var cont = 0; //Variable que lleva la cuenta de los checkbox pulsados

	for (var x=0; x < checkboxes.length; x++) 
	{
		if (checkboxes[x].checked) 
			{
				cont = cont + 1;
			}
	}

	Form1.Tot1.value = cont;
}



</script>
</head>

<body>
<form name="Form1" action="" method="">
<table border="1">
<tr bgcolor="FFFF00">
	<td colspan="6" align="center"><b>VOTACION</b></td>
</tr>
<tr bgcolor="FFFF00">
	<td colspan="2" align="center">VOTANTES</td><td colspan="4" align="center">CANDIDATOS</td>
</tr>
<tr bgcolor="FFFF00">
	<td rowspan="2" align="center">NUMERO</td><td rowspan="2" align="center">NOMBRE</td>
	<td align="center">PEDRO</td><td align="center">JUAN</td>
	<td align="center">MARIA</td><td align="center">CARLOS</td>
</tr>
<tr bgcolor="00FF00">
	<td align="center"><input type="checkbox" name="TdCan1" title="Todos votan por PEDRO."  onclick="hacer1Click()" /></td>
	<td align="center"><input type="checkbox" name="TdCan2" title="Todos votan por JUAN."   onclick="hacer2Click()" /></td>
	<td align="center"><input type="checkbox" name="TdCan3" title="Todos votan por MARIA."  onclick="hacer3Click()" /></td>
	<td align="center"><input type="checkbox" name="TdCan4" title="Todos votan por CARLOS." onclick="hacer4Click()" /></td>
</tr>
<tr>
	<td>1</td><td>CIUDADANO 1</td>
	<td align="center"><input type="checkbox" name="Vot11"  onclick="contar()" /></td>
	<td align="center"><input type="checkbox" name="Vot12"  onclick="contar()"/></td>
	<td align="center"><input type="checkbox" name="Vot13"  onclick="contar()"/></td>
	<td align="center"><input type="checkbox" name="Vot14"  onclick="contar()"/></td>
</tr>
<tr>
	<td>2</td><td>CIUDADANO 2</td>
	<td align="center"><input type="checkbox" name="Vot21" onclick="sumarMarcados()"  /></td>
	<td align="center"><input type="checkbox" name="Vot22" onclick="sumarMarcados()"  /></td>
	<td align="center"><input type="checkbox" name="Vot23" onclick="sumarMarcados()"  /></td>
	<td align="center"><input type="checkbox" name="Vot24" onclick="sumarMarcados()"  /></td>
</tr>
<tr>
	<td>3</td><td>CIUDADANO 3</td>
	<td align="center"><input type="checkbox" name="Vot31" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot32" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot33" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot34" onclick="sumarMarcados()" /></td>
</tr>
<tr>
	<td>4</td><td>CIUDADANO 3</td>
	<td align="center"><input type="checkbox" name="Vot41" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot42" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot43" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot44" onclick="sumarMarcados()" /></td>
</tr>
<tr>
	<td>5</td><td>CIUDADANO 4</td>
	<td align="center"><input type="checkbox" name="Vot51" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot52" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot53" onclick="sumarMarcados()" /></td>
	<td align="center"><input type="checkbox" name="Vot54" onclick="sumarMarcados()" /></td>
</tr>
<tr>
	<td colspan="2" align="center"><b>TOTALES</b></td>	
	<td align="center"><input type="text" name="Tot1" title="Totales Candidato 1" /></td>
	<td align="center"><input type="text" name="Tot2" title="Totales Candidato 2" /></td>
	<td align="center"><input type="text" name="Tot3" title="Totales Candidato 3" /></td>
	<td align="center"><input type="text" name="Tot4" title="Totales Candidato 4" /></td>
</tr>
</table>
</form>
<br>
<b>EJERCICIO</b>
<br>
Utilice Java Script para cumplir los siguientes requerimientos:
<br>
<br>
1) Un votante solo podrá votar por un Candidato, es decir no podrá haber más de un checkbox marcado por votante.
<br>
2) Cada vez que un Candidato reciba un voto, se debe mostrar el total de votos acumulados en su respectivo text.
<br>
3) Si se marca alguno de los checkbox de las celdas de color verde quiere decir que todos los Votantes han decidido votar<br>
por el mismo candidato, por consiguiente se deben marcar todos los votos correspondientes al candidato, y claro esta, lo mismo<br>
debe pasar cuando se desmarque.  Tenga en claro que aplica la condición del punto Nro. 1.<br>
<br>
<br>
<b>Ejemplos base</b>
<br>
Para tomar parte de una cadena y compararla con otra
<br>
if (document.Form1.Vot54.name.substring(0,3) == "Vot")<br>
	alert("El Nombre del Elemento contiene la cadena Vot");<br>
else<br>
	alert("El Nombre no contiene la Cadena Vot");<br>
<br>

Para marcar (seleccionar) un elemento checkbox
<br>
document.Form1.Vot54.checked = true;
<br>
<br>
Para el caso contrario
<br>
document.Form1.Vot54.checked = false;
</body>
</html>
tengo este codigo y me piden que haga el conteo individual de votos que se encuentra en la casilla final de cada columna. y ademas me piden que haga el bloqueo o que quede seleccionado uno por fila y no pueda votar por mas de un candidato.

ya logré la seleccion individual de cada una de las columnas, pero no me aparece el conteo y me quedaria faltando que el checkbox quede unico por ciudadano en cada fila.

gracias al que me pueda colaborar
 
Buenas tardes necesito que me ayuden para poder manejar java script estoy empezando hasta ahora pero no he podido ni hacer una suma de dos numero tengo la funcion a+b y a cada variable se le dijita un nuemro cualquiera pero en ves de sumar me une los numero Ej: 3+5 me sale 35 en ves de 8

Alguien me podira pasar manuales haer si aprendo un poco de este java script
gracias

 
Master-Chan dijo:
Buenas tardes necesito que me ayuden para poder manejar java script estoy empezando hasta ahora pero no he podido ni hacer una suma de dos numero tengo la funcion a+b y a cada variable se le dijita un nuemro cualquiera pero en ves de sumar me une los numero Ej: 3+5 me sale 35 en ves de 8

Alguien me podira pasar manuales haer si aprendo un poco de este java script
gracias
Haz clic para expandir...

parseInt(); para q no te concaquetene.


saludos y exitos.
 
ToolTip en JavaScript

Hola chicos, quiero hacer mi aporte con el hilo de JavaScript, en mi blogsillo (no es para promocionar ni nada, de echo voy a dejar el link directo para que no entren a buscar), tengo un pequeño artículo de ToolTip con JavaScript y espero que les sea útil para sus desarrollos.

http://dubaiphp.wordpress.com/2009/08/22/tooltips-con-javascript/

Salu2

PD: en el buscador del foro puse ToolTip javascript y no econtré nada, asi que creo que no hay algo al respecto y por eso quiero compartir esto con ustedes.
 
Hola Laneros.

Hasta ayer no tenia ni idea de que es un Javascript y googleando por ahi aprendi unas pocas cosillas, ademas encontre algunos codigos ke me ayudaron a aclarar mi mente frente a un problema que tenia, pero para que entiendan cual es el nuevo problema ke me acongoja en este instante necesito explicarles algunas cosillas.

estoy trabajando en una aplicacion que maneja encuestas, cada encuesta maneja x preguntas y cada pregunta tiene 4 tipos basicos de pregunta: Verdadero falso, Seleccion unica, seleccion multiple y algo que llamo seleccion empleado.

la idea basicamente es que cuando yo en un list (que ya estoy llenando desde una bd ) seleccione selecion unica o seleccion multiple se agreguen algunas celdas a una tabla en la cual apareceran un indicador de opcion y me permita ingresar las opciones que tendra la pregunta.

Tengo este codigo el cual adiciona filas y celdas en una tabla

Código: 
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! [URL]http://javascript.internet.com[/URL] -->
<!-- Original:  Scriptbreaker ([EMAIL="pieterpareit@hotmail.com"]pieterpareit@hotmail.com[/EMAIL]) -->
<!-- Original:  [URL]http://www24.brinkster.com/scriptbreaker/home.htm[/URL]) -->
<!-- Begin
  function addRow(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("column 1"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("column 2"))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
  }
//  End -->
</script>

y lo estoy insertando aqui:
PHP: 
<form id="form1" name="form1" method="GET" action="insertar.php">
 <table width="866" border="1" align="center">
  <tr>
  <?php
   $sql="SELECT * FROM tipos_preg";
   $rs=mysql_query($sql,$conn);
   $i=1;
   do{
    echo "<td colspan='2'>Pregunta: <textarea name='pregunta$i' cols='30' rows=''></textarea></td><td>Tipo de Pregunta: <select name='tipopreg$i' onchange='javascript:addrow(\'myTable\')'><OPTION VALUE='0'> </OPTION>";
    while($datos=mysql_fetch_array($rs)){
     echo "<OPTION VALUE='$datos[tipos_preg_id]'>$datos[tipos_preg_nombre]</OPTION>";
    }
    echo "</select></td>";
    $i=$i+1;
   }while($i<=$_GET['cantpreg']);
  ?>
  </tr>
 </table>
 <table id="myTable" width="866" border="1" align="center" cellspacing="1">
    <tbody>
      <tr>
        <td>row1_column1</td><td>row1_column1</td>
       </tr>
   </tbody>
 </table>
</form>

lo que no se es pq no funciona, alguien me puede dar una luz?
 
Despues de mucho pelear con el codigo para que funcionara lo logre, este es el codigo para adicionar una fila con 2 celdas desde un listbox

PHP: 
<form id="form1" name="form1" method="GET" action="insertar.php">
 <table id="myTable" width="866" border="1" align="center">
  <tr>
  <?php
   $sql="SELECT * FROM tipos_preg";
   $rs=mysql_query($sql,$conn);
   $i=1;
   do{
    echo "<td colspan='2'>Pregunta: <textarea name='pregunta$i' cols='30' rows=''></textarea></td><td>Tipo de Pregunta: <select name='tipopreg$i'";?>
 onchange="javascript:addRow('myTable')"><OPTION VALUE='0'> </OPTION>";
<?php
    while($datos=mysql_fetch_array($rs)){
     echo "<OPTION VALUE='$datos[tipos_preg_id]'>$datos[tipos_preg_nombre]</OPTION>";
    }
    echo "</select></td>
    <tbody>
        <tr>
          <td Colspan='2'>row1_column1</td><td>row1_column1</td>
         </tr>
     </tbody>";
    $i=$i+1;
   }while($i<=$_GET['cantpreg']);
  ?>
  </tr>
 </table>
</form>

la funcion JS para adicionar es esta:

Código: 
/*<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! [URL="http://javascript.internet.com/"][U][COLOR=#0066cc]http://javascript.internet.com[/COLOR][/U][/URL] -->
<!-- Original:  Scriptbreaker ([EMAIL="pieterpareit@hotmail.com"][U][COLOR=#0066cc]pieterpareit@hotmail.com[/COLOR][/U][/EMAIL]) -->
<!-- Original:  [URL="http://www24.brinkster.com/scriptbreaker/home.htm"][U][COLOR=#0066cc]http://www24.brinkster.com/scriptbreaker/home.htm[/COLOR][/U][/URL]) -->
<!-- Begin*/
  function addRow(id){
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("column 1"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("column 2"))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
  }
//  End -->
 
Problema con funcion init

Hola Gente,

Hace poco entre en la programacion con javascript, normalmente uso php peroe sta vez he necesitado unos option list dependientes, googleando un rato encontre este sitio con un source muy bueno, pero al momento de ponerlo a funcionar haciendo la llamada en el onload del atributo body del html no me funciona, ak les dejo lo que tengo:

Código: 
<html>
  <head>
    <title></title>

    <script type='text/javascript' src='\dynamicoptionlist.js'></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body onLoad='initDynamicOptionLists()'>
      <form name="form">
          <script type='text/javascript'>
              var names = new DynamicOptionList();
              names.setFormName("form");
              names.addDependentFields("sex","names");
              names.forValue("boy").addOptions("Matt","Bob","Joe","Bill","John");
              names.forValue("girl").addOptions("Jane","Angie","Jennifer","Amy","Sue");
              names.forValue("boy").setDefaultOptions("Joe");
          </script>
    </form>
    
  </body>
</html>
 
Hattori dijo:
Hola Gente,

Hace poco entre en la programacion con javascript, normalmente uso php peroe sta vez he necesitado unos option list dependientes, googleando un rato encontre este sitio con un source muy bueno, pero al momento de ponerlo a funcionar haciendo la llamada en el onload del atributo body del html no me funciona, ak les dejo lo que tengo:

Código: 
<html>
  <head>
    <title></title>

    <script type='text/javascript' src='\dynamicoptionlist.js'></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body onLoad='initDynamicOptionLists()'>
      <form name="form">
          <script type='text/javascript'>
              var names = new DynamicOptionList();
              names.setFormName("form");
              names.addDependentFields("sex","names");
              names.forValue("boy").addOptions("Matt","Bob","Joe","Bill","John");
              names.forValue("girl").addOptions("Jane","Angie","Jennifer","Amy","Sue");
              names.forValue("boy").setDefaultOptions("Joe");
          </script>
    </form>
    
  </body>
</html>
Haz clic para expandir...

Si lo que necesita es crear automaticamente opciones dentro del control "Select" este ejemplo funciona perfecto y esta mas reducido:

http://www.javascriptkit.com/jsref/select.shtml#section2

Esta al final de la pagina, chao pues.
 

Los últimos mensajes

Los últimos temas

Arriba Pie
Atrás