Pergunta : Elemento dinâmico do formulário

Eu tenho o seguinte formulário e o Javascript do HTML que eu pegarei na correia fotorreceptora. Eu tenho-a personalizada ao ponto onde toda trabalha à excecpção de uma divisória pequena. Quando você seleciona a posição 3 e estala sobre ou a contabilidade ou checkbox que da gerência o campo se move dinâmicamente para a esquerda e levanta o segundo valor como deve. Entretanto, quando você seleciona o checkbox do mercado não funcionará como o primeiro dois código de items.

See abaixo, pode qualquer um ajudar? class= " lineNumbers " >
1 do >

: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: 64: 65: 66: 67: 68: 69: 70: 71: 72: 73: 74: 75: 76: 77: 78: 79: 80: 81: 82: 83: 84: 85: 86: 87: 88: 89: 90: 91: 92: 93: 94: 95: 96: 97: 98: 99: 100: 101: 102: 103: 104: 105: 106: 107: 108: 109: 110: 111: 112: 113: 114: 115: 116: 117: 118: 119: 120: 121: 122: 123: 124: 125: 126: 127: 128: 129: class= codeBody " prettyprint " do id= " codeSnippet731347 " do >
var FORM_MANAGER_CONDITION_SEPARATOR = “E”;
var FORM_MANAGER_POSSIBILITY_SEPARATOR = “OU”;
var FORM_MANAGER_NAME_VALUE_SEPARATOR = “SENDO”;
o var FORM_MANAGER_DEPENDS = “DEPENDE DE”;
o var FORM_MANAGER_CONFLICTS = “OPOR A”;
o var FORM_MANAGER_EMPTY = “ESVAZIA”;

função addEvent (EL, ev, f) {
  se (el.addEventListener)
    el.addEventListener (ev, f, falsos);
  mais se (el.attachEvent) {
    var t = função () {
      f.apply (EL);
    };
    addEvent.events.push ({“elemento”: EL, “evento”: ev, “alimentador”: f});
    el.attachEvent ("ON" + ev, t);
  } mais
    EL ["ON" + ev] = f;
}

addEvents da função (els, evs, f) {
  para (var i = 0; i < els.length; ++i)
    para (var j = 0; j < evs.length; ++j)
      addEvent (els [i], evs [j], f);
}

addEvent.events = [];

se (typeof window.event! o == “undefined”)
  addEvent (a janela, “descarrega”, a função () {
      para (var i = 0, e = addEvent.events; i < e.length; ++i)
        e [i] .element.detachEvent ("ON" + e [i] .event, e [i] .handler);
    }
  );

getRadioValue da função (EL) {
  se (! retorno de el.length) nulo;
  para (var i = 0; i < el.length; ++i)
    se (EL [i] .checked) EL do retorno [i] .value;
  zero do retorno;
}

getSelectValue da função (EL) {
  se (! el.tagName  || el.tagName.toLowerCase ()! o == “seleciona”)
    zero do retorno;
  el.options do retorno [el.selectedIndex] .value;
}

isElementValue da função (EL, v) {
  se (=== FORM_MANAGER_EMPTY de v) v = '';
  retornar (
    == v do getRadioValue (EL) ||
    == v do getSelectValue (EL) ||
    (
      && de el.tagName
      el.tagName.toLowerCase ()! o == “seleciona” o &&
      == v de el.value
    )
  );
}

setupDependencies da função () {
  showEl = função do var () {
    this.style.display = "";
    se (== “etiqueta” de this.parentNode.tagName.toLowerCase ())
      this.parentNode.style.display = "";
  };
  hideEl = função do var () {
    this.style.display = “nenhuns”;
    se (typeof this.checked! o == “undefined”) this.checked = falso;
    outro this.value = "";
    se (== “etiqueta” de this.parentNode.tagName.toLowerCase ())
      this.parentNode.style.display = “nenhuns”;
    this.hidden = retificam;
  };
  calcDeps = função do var () {
    para (var i = 0, e = this.elements; i < e.length; ++i) {
      e [i] .hidden = falso;
      para (var j = 0, f = e [i] .className.split (FORM_MANAGER_CONDITION_SEPARATOR); j < f.length; ++j)
        se (=== 0 de f [j] .indexOf (FORM_MANAGER_DEPENDS)) {
          para (var k = 0, g = f [j] .substr (FORM_MANAGER_DEPENDS.length) .split (FORM_MANAGER_POSSIBILITY_SEPARATOR); k < g.length; ++k)
            se (=== -1 de g [k] .indexOf (FORM_MANAGER_NAME_VALUE_SEPARATOR)) {
	      se (e [g [k]] ruptura do && e [g [k]] .checked);
            mais se (k + 1 == g.length)
                e [i] .hide ();
            } mais {
              var n = g [k] .split (FORM_MANAGER_NAME_VALUE_SEPARATOR),
                v = n [1];
              n = n [0];
	      se (e [n])
	        se (isElementValue (e [n], v)) ruptura;
	        mais se (k + 1 == g.length) e [i] .hide ();
	    }
        } mais se (=== 0 de f [j] .indexOf (FORM_MANAGER_CONFLICTS)) {
          se (=== -1 de f [j] .indexOf (FORM_MANAGER_NAME_VALUE_SEPARATOR)) {
	    se (e [f [j] .substr (FORM_MANAGER_CONFLICTS.length)] && e [f [j] .substr (FORM_MANAGER_CONFLICTS.length)].checked) {
              e [i] .hide ();
              ruptura;
            }
          } mais {
            var n = f [j] .substr (FORM_MANAGER_CONFLICTS.length) .split (FORM_MANAGER_NAME_VALUE_SEPARATOR),
              v = n [1];
            n = n [0];
            se (e [n]) {
              se (isElementValue (e [n], v)) {
                e [i] .hide ();
                ruptura;
              }
            }
          }
        }
      se (! e [i] .hidden) e [i] .show ();
    }
  };
  changeHandler = função do var () {
    this.form.calculateDependencies ();
    do retorno retificam;
  };
  para (var i = 0; i < arguments.length; ++i) {
    para (var j = 0, e = window.document.forms [argumentos [i]] .elements; j < e.length; ++j) {
      addEvents ([e [j]], [“mudança”, “keyup”, “foco”, “clique”, “keydown”], changeHandler);
      e [j] .hide = hideEl;
      e [j] .show = showEl;
    }

    (e = window.document.forms [argumentos [i]]) .calculateDependencies = calcDeps;
    e.calculateDependencies ();
  }
}
class= desobstruído " lineNumbers " >
1 do >
do class= " de
< codeBody do " prettyprint " " do class= do id= " codeSnippet731346 do >


Índice-Tipo texto " do http-equiv= do 
Document Untitled
src= " FormManager.js " do <script >
</script>

type= " texto/Javascript " do <script >
window.onload = função () {
    setupDependencies (“weboptions "); //name dos formulários. Separar cada um com uma vírgula (IE: “weboptions”, “myotherform ")
  };
</script>
</head>

<body>
Selecionar por favor seus terreno e disciplina académico.

name= " weboptions " do "" do action= do <form >
  <p>
    >Location 1</label><br> de " florida " " do value= da " posição " do name= do " rádio do type= do <label><input
    >Location 2</label><br> de " michigan " " do value= da " posição " do name= do " rádio do type= do <label><input
    >Location 3</label><br><br> de " texas " " do value= da " posição " do name= do " rádio do type= do <label><input
    margem-parte inferior do style= do <label ": 1em; estofamento-parte inferior: 1em; beira-parte inferior: sulco 3px de prata; do “o type= class= " escondido” " ><input DEPENDE da posição que É florida " ></label>
    o id= " s1 " >Accounting</label> de florida " " do class= " do " checkbox " do type= do name= " s1 do <label><input DEPENDE da posição SER
    o id= " s1 " de florida " " do class= " do " checkbox " do type= do name= " s2 do <label><input DEPENDE da posição SER >Advertizing & Marketing</label>
    o >Aftermarket Management</label> " do id= " s1 " de florida " do class= " do " checkbox " do type= do name= " s3 do <label><input DEPENDE da posição SER
    mercado >Automotive " do id= " s1 " de florida " do class= " do " checkbox " do type= do name= " s4 do <label><input DEPENDE da posição SER & Management</label>
    o id= " s1 " >Economics</label> de florida " " do class= " do " checkbox " do type= do name= " s5 do <label><input DEPENDE da posição SER
    o >Entertainment " do id= " s1 " de florida " do class= " do " checkbox " do type= do name= " s6 do <label><input DEPENDE da posição SER, o esporte & a promoção Management</label>      
    o id= " s1 " >Entrepreneurship</label> de florida " " do class= " do " checkbox " do type= do name= " s7 do <label><input DEPENDE da posição SER
    o id= " s1 " >Finance</label> de florida " " do class= " do " checkbox " do type= do name= " s8 do <label><input DEPENDE da posição SER
    o >Hotel " do id= " s1 " de florida " do class= " do " checkbox " do type= do name= " s9 do <label><input DEPENDE da posição SER, o restaurante & o recurso Management</label>
    o >International Business</label> " do id= " s1 " de florida " do class= " do " checkbox " do type= do name= " s10 do <label><input DEPENDE da posição SER
    o id= " s1 " >Management</label> de florida " " do class= " do " checkbox " do type= do name= " s11 do <label><input DEPENDE da posição SER
    o id= " s1 " >Marketing</label> de florida " " do class= " do " checkbox " do type= do name= " s12 do <label><input DEPENDE da posição SER      
    o class= " da " contabilidade " do name= " do " checkbox do type= do <label><input DEPENDE da posição que É texas E OPOR à gerência E " ao id= de mercado " 1 " >Accounting</label>
    o class= " do " accountinga " do name= " do " checkbox do type= do <label><input DEPENDE da posição que É texas E DEPENDE da contabilidade " >Accountinga</label>
    do mercado " do class= " do " checkbox " do type= da " gerência do name= do <label><input DEPENDE da posição SER texas E OPOR " ao id= " da contabilidade E 2 " >Management</label>
    o class= " do " managementa " do name= " do " checkbox do type= do <label><input DEPENDE da posição que É texas E DEPENDE da gerência " >Managementa</label>
    o class= " do " mercado " do name= " do " checkbox do type= do <label><input OPOR à gerência E DEPENDE da posição que É texas E OPOR à contabilidade " >Marketing</label>
    o class= " do " marketinga " do name= " do " checkbox do type= do <label><input OPOR à gerência E DEPENDE da posição que É texas E DEPENDE do mercado E OPOR à gerência " >Marketinga</label>
    o id= " s1 " BBA/MBA >Accelerated Program</label> de michigan " " do class= " do " checkbox " do type= do name= " s1 do <label><input DEPENDE da posição SER
    o id= " s1 " >Accounting</label> de michigan " " do class= " do " checkbox " do type= do name= " s2 do <label><input DEPENDE da posição SER
    o id= " s3 " de michigan " " do class= " do " checkbox " do type= do name= " s3 do <label><input DEPENDE da posição SER >Advertizing & Marketing</label>
    o >Aftermarket Management</label> " do id= " s1 " de michigan " do class= " do " checkbox " do type= do name= " s4 do <label><input DEPENDE da posição SER
    mercado >Automotive " do id= " s1 " de michigan " do class= " do " checkbox " do type= do name= " s5 do <label><input DEPENDE da posição SER & Management</label>
    o id= " s3 " >Economics</label> de michigan " " do class= " do " checkbox " do type= do name= " s6 do <label><input DEPENDE da posição SER
    o >Entertainment " do id= " s1 " de michigan " do class= " do " checkbox " do type= do name= " s7 do <label><input DEPENDE da posição SER, o esporte & a promoção Management</label>
    o id= " s1 " >Entrepreneurship</label> de michigan " " do class= " do " checkbox " do type= do name= " s8 do <label><input DEPENDE da posição SER
    mercado do >Fashion " do id= " s3 " de michigan " do class= " do " checkbox " do type= do name= " s9 do <label><input DEPENDE da posição SER & Management</label>
    o id= " s1 " >Finance</label> de michigan " " do class= " do " checkbox " do type= do name= " s10 do <label><input DEPENDE da posição SER
    o >Hotel " do id= " s1 " de michigan " do class= " do " checkbox " do type= do name= " s11 do <label><input DEPENDE da posição SER, o restaurante & o recurso Management</label>
    o >International Business</label> " do id= " s3 " de michigan " do class= " do " checkbox " do type= do name= " s12 do <label><input DEPENDE da posição SER
    o id= " s1 " >Management</label> de michigan " " do class= " do " checkbox " do type= do name= " s13 do <label><input DEPENDE da posição SER
    a informação Systems</label> do >Management " do id= " s1 " de michigan " do class= " do " checkbox " do type= do name= " s14 do <label><input DEPENDE da posição SER
    o id= " s3 " >Marketing</label> de michigan " " do class= " do " checkbox " do type= do name= " s15 do <label><input DEPENDE da posição SER            
  </p>
</form>
</body>
</html>
class= ></div></span> " desobstruído " de </pre></td></tr></table></div><div
</div>
  
  class= do <div " desobstruído " ></span></h4>
</td>
</tr>
 
  <tr><td height="2px"></td></tr> 
  <tr style="background-color:#f2f4f6"><td >
<h2 style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:red;font-weight:bold">
<span id="ContentPlaceHolder1_tieude_as">Resposta : Elemento dinâmico do formulário</span>
</h2></td></tr>
  <tr>
<td valign="top"> 
<h5><span id="ContentPlaceHolder1_ans" style="font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:normal;color:#000000">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<div class="richText">
Lá você vai que deve o classificar pesaroso ele tomou assim que por muito tempo teve-me stumped por um quando.<br />Todo o melhor,<br />Ian</div>  <!-- richText -->
                      
                      <span class="isBotVideo"></span> <div class="codeSnippet">
                       <table>
         <tr>
           <td class="lineNumbers">
             <pre>
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
</pre>
           </td>
           <td class="codeBody">
             <pre id="codeSnippet731883" class="notpretty"><form action="" name="weboptions">
<p>
<label><input type="radio" name="location" value="florida">Posição 1</label><br>
<label><input type="radio" name="location" value="michigan">Posição 2</label><br>
<label><input type="radio" name="location" value="texas">Posição 3</label><br><br>
  <label><input type="checkbox" name="accounting" class="DEPENDS ON location BEING texas AND CONFLICTS WITH management AND CONFLICTS WITH marketing" id="1">Contabilidade</label>
<label><input type="checkbox" name="accountinga" class="DEPENDS ON location BEING texas AND DEPENDS ON accounting">Accountinga</label>

<label><input name="management" type="checkbox" class="DEPENDS ON location BEING texas AND CONFLICTS WITH marketing AND CONFLICTS WITH accounting" id="2">Gerência</label>
<label><input type="checkbox" name="managementa" class="DEPENDS ON location BEING texas AND DEPENDS ON management">Managementa</label>

<label><input type="checkbox" name="marketing" class="DEPENDS ON location BEING texas AND CONFLICTS WITH accounting AND CONFLICTS WITH management">Mercado</label>
<label><input type="checkbox" name="marketinga" class="CONFLICTS WITH management AND DEPENDS ON location BEING texas AND DEPENDS ON marketing AND CONFLICTS WITH management">Marketinga</label>         
</p>
</form>
</pre>
           </td>
         </tr>
       </table></div>
         <div class="openInNewWindow">
         <div class="bTypeA bGlowSmall bGlowSmallGray"><div class="glowLeft"></div><div class="glowMiddle" style="padding-left: 15px; padding-right: 15px;"><div class="t2i" style="background: url(http://t2i.experts-exchange.com/t/419106-50.png) no-repeat;width:109px;height:12px;"></div></div><div class="glowRight"></div></div></div>
         <div class="selectAll">
         <div class="bTypeA bGlowSmall bGlowSmallGray"><div class="glowLeft"></div><div class="glowMiddle" style="padding-left: 15px; padding-right: 15px;"><div class="t2i" style="background: url(http://t2i.experts-exchange.com/t/421794-50.png) no-repeat;width:53px;height:12px;"></div></div><div class="glowRight"></div></div></div>
       <div class="clear"></div>
</div>
</span></h5>
</td>
</tr>
<tr><td height="5px"></td></tr>

 <tr>
                            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td><table width="100%" height="25px" border="0" cellspacing="0" cellpadding="0">
                                  <tr>

                                    <td width="100px" bgcolor="#FFFFFF" style="padding-left:5px"><span class="f11blue">Outras soluções</span></td>
                                    <td background="http://programming4.us/images/bg-ch.gif"> </td>
                                  </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td style="padding:5px">
                                <div>
                                    <table id="ContentPlaceHolder1_DataList2" cellspacing="0" style="width:100%;border-collapse:collapse;">
		<tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/14584.aspx' class="a4">
<li> Perguntas da entrevista do certificado de Shell da festança</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/244.aspx' class="a4">
<li> lima de .vmdk</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/6784.aspx' class="a4">
<li> Como encontrar a contagem da fileira em Oracle DataReader em ASP.NET?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/32404.aspx' class="a4">
<li> Excitador do bluetooth BCM2045 do inspiron 1720 de Dell para o profissional de Windows Xp.</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/18068.aspx' class="a4">
<li> Como conseguir o lightbox mostrar sobre a bandeira instantânea?</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/24608.aspx' class="a4">
<li> Fora do escritório o assistente que não trabalha w/Forwarding configurou</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/10268.aspx' class="a4">
<li> Redistribuindo o RASGO em subnets non-contiguous do OSPF.</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/software/35892.aspx' class="a4">
<li> líquidos de corpo após a sessão da natação</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/2468.aspx' class="a4">
<li> SQL0952N</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/pt/microsoft/28092.aspx' class="a4">
<li> Criando um vbscript para a chave do registro - IRPStackSize</li></a>
</td>
</tr>
</table>
</td>
		</tr>
	</table>

                               
                                </div></td>
                              </tr>
                            </table></td>
                          </tr>

</table>
                    
</div>
                  </td></tr>
                  </table>
                  </form>
                         </td>

                        </tr>
                    
                      <tr>
                        <td> </td>
                        </tr>
                      </table></td>
                    </tr>
                  </table></td>
              </tr>
              </table></td>

        

            </tr>
          </table>

 
         </td>
      </tr>

<tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td background="http://tutorial.wmlcloud.com/images/bg-mn.jpg" height="30px" style="padding:5px;color:#ffffff;font-size:12px; font-family:Tahoma, Geneva, sans-serif;text-decoration: none;" ></td>
              </tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">


 <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><img src="http://tutorial.wmlcloud.com/images/bo-l.png" alt="programming4us" width="8" height="9" /></td>
                          <td bgcolor="#FFFFFF" width="100%"></td>
                          <td><img src="http://tutorial.wmlcloud.com/images/bo-r.png" alt="programming4us" width="8" height="9" /></td>
                        </tr>
                    </table></td>
                  </tr>
                </table></td>

              </tr>
            </table></td>
          </tr>
<tr><td height="2px"></td></tr>
<tr><td>
<div align="center">


</div>
</td>
</tr>
 <tr><td height="3px"></td></tr>

      <tr>
        <td height="2px"></td>
      </tr>
      <tr>
        <td align="left">
        <table cellpadding="0" cellspacing="0" width="100%" align="left">
        <tr>
        <td valign="top">
          <div id="en"><a href='http://faq.wmlcloud.com/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/en.gif'></a></div>
        </td>
          <td valign="top">
          <div id="de"><a href='http://faq.wmlcloud.com/de/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/de.gif'></a></div>
        </td>
          <td valign="top">
          <div id="es"><a href='http://faq.wmlcloud.com/es/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/es.gif'></a></div>
        </td>
          <td valign="top">
          <div id="fr"><a href='http://faq.wmlcloud.com/fr/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/fr.gif'></a></div>
        </td>
          <td valign="top">
          <div id="nl"><a href='http://faq.wmlcloud.com/nl/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/nl.gif'></a></div>
        </td>
          <td valign="top">
          <div id="it"><a href='http://faq.wmlcloud.com/it/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/it.gif'></a></div>
        </td>
          <td valign="top">
          <div id="ru"><a href='http://faq.wmlcloud.com/ru/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/ru.gif'></a></div>
        </td>
         <td valign="top">
          <div id="se"><a href='http://faq.wmlcloud.com/se/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/se.gif'></a></div>
        </td>
         <td valign="top">
          <div id="pl"><a href='http://faq.wmlcloud.com/pl/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/pl.gif'></a></div>
        </td>
        
         <td valign="top">
          <div id="pt"><a href='http://faq.wmlcloud.com/pt/microsoft/21492.aspx'><img src='http://faq.wmlcloud.com/flags/pt.gif'></a></div>
        </td>
         <td valign="top">
          
        </td>
         <td valign="top">
          
        </td>
        </tr>
        </table>
        </td>
      </tr>
        <tr>
        <td height="2px"></td>
      </tr>

</td></tr>


 
</table>
		<script src="//cdn.intergient.com/ramp_core.js"></script>	

</body>
</html>