Ayuda efecto interactivo mover en javascript

[softredmania]

Buenas

Estoy haciendo un software de encuestas interactivo y tengo un problema al capturar las variables de unos radio buttons, el problema es que los radio button estan ocultos y el usuario solo interactua con unos cuadros que los debe arrastrar a otro cuadro donde se encuentra el radio button oculto por un cuadro.

Es un efecto muy novedoso, pero tengo problemas para capturar las variables de ese radio button y luego guardarlas en la bd por medio de un script php.

Publico el codigo

Solo debes copiar y pegar en front page o en dereamweaver.

Espero su colaboracion, la idea es que cuando den clic en siguiente obtener el valor de las opciones del radio button estan ocultas

Es mucho codigo lo subi a rapidshare para que lo bajen y lo miren y me ayuden

Código PHP:

  <script type="text/javascript" language="javascript"> 
var comprobaciones = new Array(); 
function Submit(param) { 
  // Comprobar todo 
  var i = 0; 
  var testOK = true; 
  while(testOK && i < comprobaciones.length) { 
    testOK = comprobaciones[i](); 
    i++; 
  } 
  if (!testOK) return; 
 
  // Hacer las acciones despues de comprobar que todo esta bien 
  if(param=="PaginaAnterior") { 
    document.survey.boton.value="<<"; 
    document.survey.submit(); 
  } 
  else if(param=="NoEnviar") { 
    document.survey.boton.value="Cancelar"; 
    window.location.href='../vistas/Redireccion.jsp'; 
  } 
  else if(param=="EnviarFalso") { 
 
   
    evalResult=validarRestricciones(); 
    if (evalResult==null){ 
        document.survey.boton.value="Cancelar"; 
        window.location.href='../vistas/Redireccion.jsp'; 
    } else { 
      alert(evalResult); 
    } 
     
  } 
  else if(param=="Enviar") { 
     
         evalResult=validarRestricciones(); 
         if (evalResult==null) { 
                 
               document.survey.accion.value="GrabarRespuestas"; 
               document.survey.boton.value="Enviar"; 
               document.survey.submit(); 
         } else 
           alert(evalResult); 
     
  } else if(param=="Interrumpir") { 
      document.survey.accion.value="InterrumpirEncuesta"; 
      document.survey.submit(); 
  } else if(param=="PaginaSiguiente") { 
     
     
        evalResult=validarRestricciones(); 
        if (evalResult==null) { 
             
            document.survey.accion.value="GrabarRespuestas"; 
            document.survey.boton.value=">>"; 
            document.survey.submit(); 
        } 
        else alert(evalResult); 
     
  } 
} 
     
    function validarRestricciones(){ 
       result=null; 
        
if(document.getElementById('origen').empty()){ 
    for(i=1;i<=col;i++){ 
        var vector_respuestas=document.getElementById('receptor'+i).getElementsByTagName('DIV'); 
        var j=0; 
        while(j<vector_respuestas.length){ 
            var respuesta=vector_respuestas[j].id.substring(7); 
            document.survey['RespMatrizSR'+etiq+'.'+respuesta+'Fila'+respuesta].value=i; 
            j++; 
        } 
    } 
} 
else{result="Faltan opciones por completar";} 
 
 
       return result; 
    } 
 
function comprobarPreguntaNumerica(pNumerica, maximo, minimo, limitacionMaxMin, entero){ 
 
  //en el caso de limitacion por maximo y minimo, los parametros 
  //maximo y minimo contienen el numero maximo y el minimo 
  //en el caso de limitacion por numero de digitos, el parametro 
  //maximo contiene el numero maximo de digitos de la parte entera 
  //minimo contiene el numero maximo de digito de la parte decimal 
  if(pNumerica.value!=""){ 
    if(esNumero(pNumerica)){ 
      if (comprobacionEnteroDecimal(pNumerica, entero)){ 
        if(limitacionMaxMin){ 
          return comprobarMaxMin(pNumerica, maximo, minimo); 
        } 
        else{ 
          return comprobarRangos(pNumerica, maximo, minimo, entero); 
        } 
      } 
    } 
    return false; 
  } 
  return true; 
} 
function chequeaMCMRFinal(element, elementPlus, textoPlus) { 
  var marcado = document.getElementById(element).checked; 
  var s = document.getElementById(elementPlus).value.length; 
  if(s==0 && marcado==true) { 
    alert('Para poder escoger la opci\u00F3n de "' + textoPlus + '" hay que marcar la opci\u00F3n e insertar alg\u00FAn valor en el campo de texto') 
      return false; 
  } 
  else { 
      return true; 
  } 
} 
function esNumero(parametro){ 
  if (!esNumeroDecimal(parametro.value)){ 
    alert('El valor '+parametro.value+' debe ser num\u00E9rico, y el simbolo decimal, si lo lleva, debe ser un punto.'); 
    parametro.focus(); 
    return false; 
  } 
 
  return true; 
} 
 
// 
// 
// 
function comprobacionEnteroDecimal(pNumerica, entero){ 
 
  numero=pNumerica.value; 
  if (entero){ 
    if (!esNumeroNatural(numero)){ 
      numero=numero.substring(1,numero.length); 
      if (!esNumeroNatural(numero)){ 
        alert('El n\u00FAmero debe ser un entero'); 
        pNumerica.focus(); 
        return false; 
      } 
      return true; 
    } 
    return true; 
  } 
  return true; 
} 
 
// 
// 
// 
function comprobarMaxMin(pNumerica, maximo, minimo){ 
  if (pNumerica.value>maximo){ 
    alert('El valor m\u00E1ximo es: ' + maximo); 
    pNumerica.focus(); 
    return false; 
  } 
  else if(pNumerica.value < minimo){ 
    alert('El valor m\u00EDnimo es: ' + minimo); 
    pNumerica.focus(); 
    return false; 
  } 
  return true; 
} 
 
function comprobarRangos(pNumerica, enteros, decimales, entero){ 
  numero=pNumerica.value; 
  if (!entero){ 
    contadorEnteros=0; 
    contadorDecimales=0; 
    encontradaComa=false; 
    for(i=0;i < numero.length;i++){ 
      if(numero.charAt(i)=='.'){ 
        encontradaComa=true; 
      } 
      else { 
        if(!encontradaComa){ 
          if (!(numero.charAt(i)=='-')){ 
            contadorEnteros++; 
          } 
        } 
        else{ 
          contadorDecimales++; 
        } 
      } 
    } 
    if (contadorEnteros>enteros || contadorDecimales>decimales){ 
      alert('N\u00FAmero m\u00E1ximo d\u00EDgitos enteros=' + enteros + ' N\u00FAmero m\u00E1ximo d\u00EDgitos decimales=' + decimales); 
      pNumerica.focus(); 
      return false; 
    } 
  } 
  return true; 
} 
 
function sincronizarAnyosMeses(fuente, chequeo){ 
   // Esta funcion espera dos COMBOBOXES, si fuente.value = "", entonces 
   // chequeo.value=0, pero solo en caso que chequeo.value sea tambien "" 
   if ((fuente.selectedIndex>0) && (chequeo.selectedIndex==0)){ 
     chequeo.selectedIndex=1; 
   } 
   else 
   if ((fuente.selectedIndex==0) && (chequeo.selectedIndex>0)){ 
     chequeo.selectedIndex=0; 
   } 
   return true; 
} 
 
function comprobacionNoVacioMCSRPLUS(element, elementPlus, textoPlus){ 
  for (i=0;i < element.length;i++){ 
    if (element[i].value=='0' && element[i].checked){ 
      if(elementPlus.value=='' || (!esNoCadenaEspacios(elementPlus.value))){ 
        mensaje='Para poder escoger la opci\u00F3n de "' + textoPlus + '" hay que marcar la opci\u00F3n e insertar alg\u00FAn valor en el campo de texto'; 
        alert(mensaje); 
        element[i].checked=false; 
        return false; 
      } 
    } 
  } 
  return true; 
} 
 
function comprobacionNoVacioMCSRPLUSDropDown(element, elementPlus, textoPlus){ 
  if (element[element.selectedIndex].value=='0'){ 
    if(elementPlus.value=='' || (!esNoCadenaEspacios(elementPlus.value))){ 
      mensaje='Para poder escoger la opci\u00F3n de "' + textoPlus + '" hay que marcar la opci\u00F3n e insertar alg\u00FAn valor en el campo de texto'; 
      alert(mensaje); 
      element.selectedIndex=0; 
      return false; 
    } 
  } 
  return true; 
} 
 
function comprobacionSeleccionOtrosMCSRPLUS(element, elementPlus, textoPlus){ 
  for (i=0;i < element.length;i++){ 
    if (element[i].value=='0' ){ 
      if(!elementPlus.value==''){ 
        element[i].checked=true; 
        } 
      } 
  } 
  return true; 
} 
 
function comprobacionSeleccionOtrosMCSRPLUSDropDown(element, elementPlus, textoPlus){ 
  for (i=0;i < element.length;i++){ 
    if (element[i].value=='0' ){ 
      if(!elementPlus.value==''){ 
      element.selectedIndex=i; 
        } 
      } 
  } 
  return true; 
} 
 
function chequeaMCMROpcionPlusCambiandoCheckbox(element, elementPlus){ 
  var marcado = document.getElementById(element).checked; 
  var plus = document.getElementById(elementPlus); 
  if(marcado) 
      plus.focus(); 
  else 
      plus.value=''; 
  return true; 
} 
 
function chequeaMCMROpcionPlusCambiandoCampo(element, elementPlus){ 
  var s = document.getElementById(elementPlus).value.length;  
  document.getElementById(element).checked=(s>0); 
  return true; 
} 
 
function reseteaFormulario(){ 
  if(confirm('\u00BFEst\u00E1 seguro que desea borrar todas las respuestas de esta p\u00E1gina? ')) { 
    for (i=0;i < document.forms[0].length;i++){ 
      if (document.forms[0].elements[i].type=="radio")document.forms[0].elements[i].checked=false; 
      else if (document.forms[0].elements[i].type=="text")document.forms[0].elements[i].value=''; 
      else if (document.forms[0].elements[i].type=="textarea")document.forms[0].elements[i].value=''; 
      else if (document.forms[0].elements[i].type=="checkbox")document.forms[0].elements[i].checked=false; 
      else if (document.forms[0].elements[i].type=="select-one")document.forms[0].elements[i].selectedIndex=0; 
      } 
    } 
} 
 
contadorKeepAlive = 72; // 72 * 10 min = 12 h 
function keepalive() { 
    if (document.images && contadorKeepAlive > 0) { 
       img1 = new Image(); 
       img1.src = "front.jsp?accion=KeepAlive&random="+ new Date().getHours() +""+ new Date().getMinutes(); 
       contadorKeepAlive --; 
    } 
} 
setInterval('keepalive()', 10*60*1000); // 10 minutos 
 
 
</SCRIPT>  
  

Muchas gracias

[softredmania]

Mas codigo Javascript

<script language="javascript">

<!--ELEMENTOS MODIFICABLES POR USUARIO-->

var etiq='P1'; //Nombre de la pregunta
<!--Configurar el elemento que podemos mover-->
var element_ample=85; //Ancho
var element_alt=80; //Alto
var element_color='#00638A'; //Color de fondo
var element_color_encendre='#009CC0'; //Color al que se encienden las cajas cuando estamos encima
var element_borde_color='#000000'; //Color del borde
var element_borde_style='dashed'; //Tipo de borde dashed-->discontinuo solid-->continuo...
var element_borde_grosor='0.05'; //Grosor del borde
var element_texto_color='#FFFFFF'; //Color de la letra
var element_texto_tamano=12; //Tamaño de la letra

<!--Configurar la caja de origen de los elementos movibles-->
var origen_color='#EFEFEF' //Color de fondo
var origen_borde_color='#000000'; //Color del borde
var origen_borde_style='solid'; //Tipo de borde dashed-->discontinuo solid-->continuo...
var origen_borde_grosor='0.05'; //Grosor del borde
var origen_top=230; //Posicion absoluta de la caja de origen respecto la parte superior
var origen_left=312; //Posicion absoluta de la caja de origen respecto la izquierda

<!--Configurar la caja de destino de los elementos movibles-->
var receptor_color='#EEEEEE'; //Color de fondo!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
var receptor_color_encendre='#CCCCCC'; //Color que s'encen quan passes per sobre arrosegant un element!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
var receptor_borde_color='#AAAAAA'; //Color del borde
var receptor_borde_style='dashed'; //Tipo de borde dashed-->discontinuo solid-->continuo...
var receptor_borde_grosor='0.05'; //Grosor del borde

<!--Configurar la caja principal que contiene todo-->
var container_alt=400; //Alt total
var container_ample=750; //Ample total
var container_border_color='#333333'; //Color de borde
var container_border_style='solid'; //Tipo de borde dashed-->discontinuo solid-->continuo...
var container_border_grosor='0.2'; //Grosor del borde

<!--Confiurar la letra que usamos en las columnas-->
var texto_tamano=15; //Tamany de la lletra
var texto_color_fondo='#5695AC'; //Color de fondo del texto
var texto_color='#FFFFFF'; //Color de la letra

<!--Confiurar la letra que usamos en el enunciado-->
var enunciado_tamano=18; //Tamany de la lletra
var enunciado_color='#00638A'; //Color de fondo del texto

<!--Configurar caja que contiene destino y texto columnas-->
var columna_margen_superior=5; //Margen superior
var columna_margen_inferior=10; //Margen inferior
var columna_margen_izquierdo=15; //Margen izquierdo
var columna_margen_derecho=10; //Margen Derecho

</script>
<!--Estilos-->
<style type="text/css">
.receptor {
background-color:#EEEEEE; //Color de fondo del elemento de destino de las filas
}
.columna{
float: left;
}
.droping{
background-color: #CCCCCC; //Color con el que se ilumina los receptores cuando pasamos por encima

}
</style>

<!--FIN DE ELEMENTOS MODIFICABLES POR USUARIO-->

<!-- Contenedor principal -->
<div style="text-align:center">
<div id='container' class='container'></div>
</div>

<!-- Librerias-->
<script src='prototype1.6.js' type='text/javascript'></script>
<script src='http://sm2.netquest.es/ficheros/script/src1_8/scriptaculous.js?load=effects,dragdrop' type='text/javascript'></script>


<!--Script principal-->
<script language="javascript" type="text/javascript">

<!--Llegir files-col i ocultar-->
var field=document.survey['RespMatrizSR'+etiq+'.1Fila1'][0];
i=1;
while(field!=undefined){
i++;
var field=document.survey['RespMatrizSR'+etiq+'.'+i+'Fila'+i];
}
var files=i-1;
var field=document.survey['RespMatrizSR'+etiq+'.1Fila1'];
j=0;
while(field!=undefined){
j++;
var field=document.survey['RespMatrizSR'+etiq+'.1Fila1'][j];
}
var col=j;

var current=document.survey['RespMatrizSR'+etiq+'.1Fila1'][0];
var texto = '';
for(i=1; i<=files; i++){
texto = texto + '<input type="hidden" name="RespMatrizSR'+etiq+'.'+i+'Fila'+i+'">';
}
//Hem d'agafar el textos
//Agafem el enunciat de la pregunta
var texto_preg=$(document.survey['RespMatrizSR'+etiq+'.1Fila1'][0]).up('TABLE').down('TD',1).innerHTML;
var num_preg=$(document.survey['RespMatrizSR'+etiq+'.1Fila1'][0]).up('TABLE').down('TD',0).innerHTML;
var texto_preg=num_preg+texto_preg;
//Agafem els textos de les columnes i els guardem en un vector
var texto_col=new Array(col);
for(i=1; i<=col; i++){
texto_col[i-1]=$(document.survey['RespMatrizSR'+etiq+'.1Fila1'][0]).up('TABLE').down('TD',3+i).innerHTML;
}
//Llegim els textos de les files i els guardem en un vector
var texto_files=new Array(files);
for(i=1; i<=files; i++){
texto_files[i-1]=$(document.survey['RespMatrizSR'+etiq+'.'+i+'Fila'+i][0]).up('TR').down(2).innerHTML;
}
//Ocultem la pregunta
$(document.survey['RespMatrizSR'+etiq+'.1Fila1'][0]).up('TABLE').update(texto);

<!--Drag&drop-->
//S'han de crear les caixes que corresponen a les columnes amb els seus textos
var texto_insertar='<div class="enunciado" id="enunciado" align="left">'+texto_preg+'</div><div class="destino" id=destino>';
for(i=1; i<=col; i++){
texto_insertar=texto_insertar+'<div class="columna" id=columna> <div id=texto_receptor'+i+' class="texto_receptor">'+texto_col[i-1]+'</div><div id=receptor'+i+' class="receptor" ></div></div>';
}
texto_insertar=texto_insertar+'</div><div class="origen" id="origen" align="center"></div>';
document.getElementById('container').innerHTML=tex to_insertar;

//S'han d'insertar els textos de les files
files_insertar='';
for(i=1; i<=files; i++){
files_insertar=files_insertar+'<div class="element" id=element'+i+' style="position:absolute; top=5.5px; left=7.5px; z-index:1000">'+texto_files[i-1]+'</div>';
}
document.getElementById('origen').innerHTML=files_ insertar;

<!--Parametres modificables(aspecte)-->
$('container').style.width=container_ample+'px';
$('container').style.height=container_alt+'px';
$('container').style.position='relative';
$('container').style.borderColor=container_border_ color;
$('container').style.borderStyle=container_border_ style;
$('container').style.borderWidth=container_border_ grosor+'em';
$('destino').style.position='relative';
$('destino').style.width='94%';
$('destino').style.top='3%';
$('destino').style.left='3%';
$('enunciado').style.fontSize=enunciado_tamano+'px ';
$('enunciado').style.color=enunciado_color;

var origen=$$('div.origen');
var element=$$('div.element');
var receptor=$$('div.receptor');
var texto=$$('div.texto_receptor');
var columna=$$('div.columna');

element.each( function(item) {
item.style.width=element_ample+'px';
item.style.height=element_alt+'px';
item.style.backgroundColor=element_color;
item.style.borderColor=element_borde_color;
item.style.borderStyle=element_borde_style;
item.style.borderWidth=element_borde_grosor+'em';
item.style.position='absolute';
item.style.color=element_texto_color;
item.style.fontSize=element_texto_tamano+'px';
item.style.cursor='move';
});
origen.each( function(item) {
item.style.width=(element_ample+16)+'px';
item.style.height=(element_alt+12)+'px';
item.style.backgroundColor=origen_color;
item.style.borderColor=origen_borde_color;
item.style.borderStyle=origen_borde_style;
item.style.borderWidth=origen_borde_grosor+'em';
item.style.position='absolute';
item.style.top=origen_top+'px';
item.style.left=origen_left+'px';

});
receptor.each( function(item) {
item.style.width=(element_ample+16)+'px';
item.style.height=(element_alt+12)+'px';
item.style.position='relative';
item.style.borderColor=receptor_borde_color;
item.style.borderStyle=receptor_borde_style;
item.style.borderWidth=receptor_borde_grosor+'em';
item.style.top='5px';
item.style.left='0px';
});
texto.each( function(item) {
item.style.width=(element_ample+16)+'px';
item.style.fontSize=texto_tamano+'px';
item.style.backgroundColor=texto_color_fondo;
item.style.color=texto_color;
item.style.fontFamily="Trebuchet MS, Verdana, Times New Roman, Arial";
});
columna.each( function(item) {
item.style.width=(element_ample+20)+'px';
item.style.display='block';
item.style.position='relative';
item.style.marginRigth=columna_margen_derecho+'px' ;
item.style.marginTop=columna_margen_superior+'px';
item.style.marginBottom=columna_margen_inferior+'p x';
item.style.marginLeft=columna_margen_izquierdo+'px ';
});

<!--Definicio de tipus de caixes-->
//Definim els elements que es poden moure
for(i=1; i<=files;i++){
new Draggable('element'+i, {revert:true});
}

//Definim les caixes de desti com a drop
for(i=1; i<=col;i++){
Droppables.add('receptor'+i, {accept: 'element', hoverclass:'droping', onDrop:
function(element, droppableElement){
$(droppableElement).appendChild(element);
$(element).style.position="absolute";
$(element).style.left="7.5px";
$(element).style.top="5.5px";
}});
}
//Definim com a droppable la caixa de origen per si volem retrocedir.
Droppables.add('origen', {accept: 'element', onDrop:function(element, droppableElement){
$(droppableElement).appendChild(element);
$(element).style.position="absolute";
$(element).style.top="7.5px";
$(element).style.left="5.5px";
}});

<!--Funcions per iluminar -->
function encendre(){this.style.background=element_color_enc endre;}
function apagar(){this.style.background=element_color;}
//Iluminem els elements quan estem a sobre
for(i=1;i<=files;i++){
document.getElementById('element'+i).onmousemove=e ncendre;
document.getElementById('element'+i).onmouseout=ap agar;
document.getElementById('element'+i).onmouseup=apa gar;
}
</script>

[softredmania]

Por ultimo codigo html

<script type="text/javascript" language="javascript" src="funciones.js"></SCRIPT>

</HEAD>
<BODY BGCOLOR='FFFFFF' leftMargin=0 rightMargin=0 topMargin=0 marginheight="0" marginwidth="0"
>

<FORM name='survey' action='front.jsp?lb=1' method="POST" onsubmit="return false;"
>
<INPUT TYPE="HIDDEN" NAME="accion" VALUE="GrabarRespuestas">
<INPUT TYPE="HIDDEN" NAME="clientName" VALUE="demo">
<INPUT TYPE="HIDDEN" NAME="referencia" VALUE="DEMO_NETQUEST2">
<INPUT TYPE="HIDDEN" NAME="boton" VALUE="">

<TABLE WIDTH='740' BORDER='0' CELLPADDING='0' ALIGN='CENTER' CELLSPACING='0' align="center">
<TR><TD height='5'></TD></TR>
<TR>
<TD ALIGN='LEFT'>
<TABLE NAME='MATRIZRP1.1' WIDTH='740px' BORDER='0' CELLPADDING='2' ALIGN='LEFT' CELLSPACING='0'>
<TR>
<TD WIDTH="40" ALIGN='RIGHT' CLASS='descPreg' valign=top>2.</TD>
<TD width="700" height="11" class='descPreg' colspan='51' > Arrastra las cartas a su destino pulsando sobre ellas con el boton izquierdo del rat&oacute;n.</TD>
</TR>
<TR> <TD width="40"><img src="../../img/spacer.gif"></TD> <TD CLASS="altPreg"><img src="../../img/spacer.gif"></TD>
<TD CLASS="altPreg" align="center" valign="top">Muy malo</TD>
<TD CLASS="altPreg" align="center" valign="top"><font color=00638A>Malo</font></TD>
<TD CLASS="altPreg" align="center" valign="top">Regular</TD>
<TD CLASS="altPreg" align="center" valign="top"><font color=00638A>Bueno</font></TD>
<TD CLASS="altPreg" align="center" valign="top">Muy bueno</TD>
</tr><TR><TD><img src="../../img/spacer.gif"></TD><TD BGCOLOR="EFEFEF" class="fila">
<br>Gesti&oacute;n de la muestra de contenidos<br></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.5Fila5" VALUE="1"
></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.5Fila5" VALUE="2"
></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.5Fila5" VALUE="3"
checked></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.5Fila5" VALUE="4"
></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.5Fila5" VALUE="5"
></TD></TR>
<TR><TD><img src="../../img/spacer.gif"></TD><TD BGCOLOR="FFFFFF" class="fila">
Informes de resultados en tiempo real</TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.3Fila3" VALUE="1"
></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.3Fila3" VALUE="2"
></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.3Fila3" VALUE="3"
></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.3Fila3" VALUE="4"
></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.3Fila3" VALUE="5"
checked></TD></TR>
<TR><TD><img src="../../img/spacer.gif"></TD><TD BGCOLOR="EFEFEF" class="fila">
Calidad de los panelistas (captaci&oacute;n activa)</TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.2Fila2" VALUE="1"
checked></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.2Fila2" VALUE="2"
></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.2Fila2" VALUE="3"
></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.2Fila2" VALUE="4"
></TD><TD BGCOLOR="EFEFEF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.2Fila2" VALUE="5"
></TD></TR>
<TR><TD><img src="../../img/spacer.gif"></TD><TD BGCOLOR="FFFFFF" class="fila">
Programaci&oacute;n del cuestionario</TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.1Fila1" VALUE="1"
></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.1Fila1" VALUE="2"
checked></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.1Fila1" VALUE="3"
></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.1Fila1" VALUE="4"
></TD><TD BGCOLOR="FFFFFF" align="center"><INPUT TYPE="radio" NAME="RespMatrizSRP1.1Fila1" VALUE="5"
></TD></TR>
<TR><TD><img src="../../img/spacer.gif"></TD><TD BGCOLOR="EFEFEF" class="fila">
<br>Soporte t&eacute;cnico<br></TD><TD BGCOLOR="EFEFEF" align="center">
<INPUT TYPE="radio" NAME="RespMatrizSRP1.4Fila4" VALUE="11"
></TD><TD BGCOLOR="EFEFEF" align="center">
<INPUT TYPE="radio" NAME="RespMatrizSRP1.4Fila4" VALUE="21"
></TD><TD BGCOLOR="EFEFEF" align="center">
<INPUT TYPE="radio" NAME="RespMatrizSRP1.4Fila4" VALUE="31"
></TD><TD BGCOLOR="EFEFEF" align="center">
<INPUT TYPE="radio" NAME="RespMatrizSRP1.4Fila4" VALUE="41"
checked></TD><TD BGCOLOR="EFEFEF" align="center">
<INPUT TYPE="radio" NAME="RespMatrizSRP1.4Fila4" VALUE="51"
></TD></TR>

</TABLE>
</TD>
</TR>
<TR><TD HEIGHT='20'></TD>

<TR>
<TD ALIGN='CENTER'>
<TABLE NAME='CO2' WIDTH='100%' BORDER='0' CELLPADDING='3' ALIGN='LEFT' CELLSPACING='0'>
<TR>
<TD colspan="2" class=altPreg rowspan="2" align="center">


</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR><TD HEIGHT='20'></TD>
<TR>
<TD ALIGN='CENTER'>
<TABLE NAME='CO3' WIDTH='100%' BORDER='0' CELLPADDING='3' ALIGN='LEFT' CELLSPACING='0'>
<TR>
<TD colspan="2" class=altPreg rowspan="2" align="center">

<br>
<table border=0

bordercolor=#000000 width=0% align=Center cellspacing=0 cellpadding=3>
<tr>
<td align=center bgcolor=FFFFFF><font style="font-size:9pt;font-family:Verdana, Arial, Helvetica, sans-serif;color:000000">
<br></font></td>
</tr>
</table>
<br>

</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR><TD HEIGHT='20'></TD>

<TR>
<TD>
<TABLE NAME='botonera' BORDER='0' CELLPADDING='0' ALIGN='CENTER' CELLSPACING='0' width=300>
<TR>
<TD ALIGN='CENTER' valign="top" >

<input class="botonNormal" id="pagAnterior" type="button" name="bot" value="&lt;&lt; Anterior" onclick="javascript:Submit('PaginaAnterior');">

<input class="botonNormal" id="pagSiguiente" type="button" name="bot" value="Siguiente &gt;&gt;" onclick="javascript:Submit('PaginaSiguiente');">

</TD>
</TR>
</TABLE>
</TD>
</TR>




<TR><TD height='5'></TD></TR>
<TR>
<TD>
<TABLE border=0 cellPadding=0 cellSpacing=0 ALIGN='CENTER' WIDTH='100%'>
<TR>
<TD BGCOLOR=#000000 colSpan=7 width='100%'>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TR BGCOLOR="FFFFFF">
<TD ALIGN=CENTER class='textopequeno'> &nbsp;</td>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>


</TD>
</TR>

</TABLE>
</FORM>