Foros del Web » Creando para Internet » HTML »

ordenar tabulacion

 Estas en el tema de ordenar tabulacion en el foro de HTML en Foros del Web. Hola estoy intentando ordenar la tabulacion de este formulario de registro, y me da problemas...os pego el codigo para que veais como está: gracias <h1> ...
  #1 (permalink)  
Antiguo 13/10/2011, 13:11
 
Fecha de Ingreso: marzo-2011
Mensajes: 80
Antigüedad: 13 años, 1 mes
Puntos: 1
ordenar tabulacion
Hola estoy intentando ordenar la tabulacion de este formulario de registro, y me da problemas...os pego el codigo para que veais como está: gracias


<h1> <p class="box"><label><span><?php echo elgg_echo('tokalah:artista');?>* </span></label><input type="text" name="username" id="nombre" class="general-textarea" maxlength="45" onfocus="" value="<?php echo $nombre ?>" tabindex="1"/><br/></p>
<!--<p class="box" ><label><span><?php echo elgg_echo('artistas:nombre')?>*</span></label><input type="text" name="nombre" value="" class="general-textarea"/> <br /></p>-->
<p class="box"><label><span><?php echo elgg_echo('registro:mail')?>*</span></label><input type="text" name="email" value="" class="general-textarea" tabindex="2"/> <br /></p>
<p class="box"><label><span><?php echo elgg_echo('registro:contraseña')?>*</span></label><input type="password" name="password" value="" class="general-textarea" tabindex="3"/> <br /></p>
<p class="box"><label><span><?php echo elgg_echo('registro:contraseña2')?>*</span></label><input type="password" name="password2" value="" class="general-textarea" tabindex="4"/><br /></p>
<p class="box"><select name="provincias" id="provincias" class="provincias" style=" height: 23px;margin-bottom: 7px;margin-top: 12px; width: 192px" tabindex="5">
<?php echo "<option value='' selected='selected'>".elgg_echo('form1')."</option>" ?>;
<?php foreach( $vars['provincias'] as $key=>$option) {
echo "<option value=\"{$key}\" >". $option ."</option>";
}
?>
</select></p>
<p class="box"><select id="localidades" name="localidades" style="width: 192px;height: 23px;margin-top: 6px; margin-bottom: 7px" tabindex="6">
<option value='' selected='selected'><?php echo elgg_echo('form3')?></option>
</select></p>
<p class="box" style="font-size: 80%; margin-top: 10px;"><a href="<?php echo $vars['url']; ?>pg/terminos/index/"><label style=" font-size: 15px; cursor: pointer"><span><?php echo elgg_echo('registro:condiciones uso')?></span></label></a>
<input type="checkbox" id="cUso" name="cUso" class="submit_button" style=" width: auto; margin-left: 7px;position: absolute; margin-top: 3px; " tabindex="17"/></p>
</h1>

<!--input type="hidden" name="friend_guid" value="0" />
<input type="hidden" name="invitecode" value="" />
<input type="hidden" name="action" value="register" /-->
<div style="display: block; width: 324px;margin-top: 12px">
<img id="captcha" src="<?php echo $vars['url']; ?>/securimage/securimage_show.php" alt="CAPTCHA Image" style=" width: 180px; height: 67px; border: 1px solid #777777;"/>
<input type="text" name="captcha_code" size="10" maxlength="6" style=" font-size: 17px; margin-top: 21px;position: absolute;" tabindex="18"/>
<a href="#" onclick="document.getElementById('captcha').src = '<?php echo $vars['url']; ?>/securimage/securimage_show.php?' + Math.random(); return false" style="font-size: 13px">Cambiar imagen</a>
</div>

<p class="boxinput"><input name="submit" type="submit" value="Enviar" onclick="" style=" font-size: large;height: 29px;margin-top: 6%; width: 180px;" tabindex="19"/></p>



</div>
<div id="blq2" style=" width:23%; float: left;margin-left: 6%;">
<div name="form2" id="form2" class="box" style="display: table-caption;">
<input type="hidden" name="open" id="open" value="0"/>
<input type="hidden" name="newArtist" id="open" value="0"/>

<div class=""><h1>
<div class="box" style="width: 156px;"><label><span><?php echo elgg_echo('artistas:manager');?>* </span></label><input type="text" id="manager" name="manager" maxlength="45" value="<?php echo $manager ?>" tabindex="7"/><br/></div>
<div class="box"><label><span><?php echo elgg_echo('artistas:mail');?>* </span></label><input type="text" id="mail" name="mail" maxlength="45" value="<?php echo $mail ?>" tabindex="8"/><br/></div>
<div class="box"><label><span><?php echo elgg_echo('artistas:telefono');?>* </span></label><input type="text" id="telefono" name="telefono" maxlength="9" value="<?php echo $telefono ?>" tabindex="9"/><br/></div>
<div class="box"><label><span><?php echo elgg_echo('artistas:estilo');?>* &nbsp; </span></label>
<select name="estilos" id="estilos" class="estilos" tabindex="10">
<?php
foreach($vars['estilos'] as $key=>$option) {
if($key==$vars['estiloSeleccionado']){
echo "<option value=\"{$key}\" selected=\"selected\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
}else{
echo "<option value=\"{$key}\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
}
}
?>
</select>
<br/></div>
<div class="box"><label><span><?php echo elgg_echo('artistas:subestilo');?>* </span></label>
<select name="subestilos" id="subestilos" class="subestilos" tabindex="11">
<?php

foreach($vars['subestilos'] as $key=>$option) {
if($key==$vars['subestiloSeleccionado']){
echo "<option value=\"{$key}\" selected=\"selected\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
}else{
echo "<option value=\"{$key}\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
}
}
?>
</select>
<br/></div>
</h1></div>
</div>
</div>
<div id="blq2" style=" width:29%; float: right; ">
<div name="form2" id="form2" class="box" style="display: table-caption;">
<input type="hidden" name="open" id="open" value="0"/>
<input type="hidden" name="newArtist" id="open" value="0"/>
<div class=""><h1>
<div class="box"><label><span><?php echo elgg_echo('artistas:componentes');?> </span></label><input type="text" id="componentes" name="componentes" maxlength="80" value="<?php echo $componentes ?>" tabindex="12"/><br/></div>
<div class="box"><label><span><?php echo elgg_echo('artistas:influencias');?> </span></label><input type="text" id="influencias" name="influencias" maxlength="80" value="<?php echo $influencias ?>" tabindex="13"/><br/></div>
<?php if(isadminloggedin()){?>
<div class="box"><label><span><?php echo elgg_echo('artistas:foto');?> </span></label>
<input type="file" id="fotoA" name="fotoA" maxlength="100" class="" value=""/>
<br/>
</div>
<?php }?>
<div class="box"><label><span><?php echo elgg_echo('Web');?>* </span></label><input type="text" id="url1" name="url1" maxlength="45" value="<?php echo $url1 ?>" tabindex="14"/><br/></div>
<div class="box"><label><span><?php echo elgg_echo('artistas:anyoFormacion');?> </span></label><input type="text" id="anyoFormacion" name="anyoFormacion" maxlength="4" value="<?php echo $anyoFormacion ?>" tabindex="15"/><br/></div>
<div class="box"><label><span><?php echo elgg_echo('artistas:cp');?>* </span></label><input type="text" id="cp" name="cp" maxlength="5" value="<?php echo $cp ?>" tabindex="16"/><br/></div>
<!--div><label><?php echo elgg_echo('artistas:contrasenya');?> : </label><input type="password" id="contrasenya" name="contrasenya" maxlength="45" value="<?php echo $contrasenya ?>"/><br/></div-->
<div ><h3 style=" margin-top: 6px; font-size: 14px; width: 150px; margin-left: -1%">*campos obligatorios</h3></div>
<div class="boxinput"> <input type=hidden id='id' name='id' value="<?php echo $id ?>"/>
<input type=hidden id='valorFotoOld' name='valorFotoOld' value="<?php echo $foto ?>"/>
<input type="hidden" id="idGroup" name="idGroup" value="<?php echo $idGroup?>"/>
</div>
<br />
</h1></div>
</div>
  #2 (permalink)  
Antiguo 13/10/2011, 13:31
Avatar de maycolalvarez
Colaborador
  
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: ordenar tabulacion
organiza tu código, utiliza la herramienta hightlight del foro.

además de que buscando tabindex está claro, haces un salto de 6 a 17 y luego a 7, debe de ser secuencial.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 13/10/2011, 13:36
Avatar de IsaBelM
Colaborador
  
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: ordenar tabulacion
tres cosas que hay que saber/puntualizar
  • cual es el problema??
  • muestra el código resultante una vez ejecutado
  • envuelve el código en algunas de las etiquetas destinadas para tal fin

todo esto a fin de poder ofrecerte una mejor ayuda
  #4 (permalink)  
Antiguo 14/10/2011, 07:41
 
Fecha de Ingreso: marzo-2011
Mensajes: 80
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: ordenar tabulacion
EL problema es q la tabulacion no consigo que siga el orden del formulario q necesito. Lo he ordenado, pero sigue saltando del "6" al 17", pq en la imagen el 6 esta encima del 17...¿como podria repararlo?? gracias
Código HTML: 
Ver original
  1. <div id="formulario2" style="font-size: 0.7em; border-color: #303030; border: 3px;">
  2.     <div style=" height: 250px; width: auto">
  3.     <div id="blq1" style=" width:26%; float: left; margin-right: 3%">
  4.         
  5. <form action="<?php echo $vars['url']; ?>action/artistas/save" method="post"  name="formUsuario" id="formUsuario">
  6.  
  7.  <?php echo elgg_view('input/securitytoken'); ?>
  8.  
  9. <h1> <p class="box"><label><span><?php echo elgg_echo('tokalah:artista');?>*  </span></label><input type="text" name="username" id="nombregrupo" class="general-textarea" maxlength="45" onfocus="" value="<?php echo $nombre ?>" tabindex="1"/><br/></p>
  10.      <!--<p class="box" ><label><span><?php echo elgg_echo('artistas:nombre')?>*</span></label><input type="text"   name="nombre"  value="" class="general-textarea"/> <br /></p>-->
  11.      <p class="box"><label><span><?php echo elgg_echo('registro:mail')?>*</span></label><input type="text"   name="email"  value="" class="general-textarea"  tabindex="2"/> <br /></p>
  12.     <p class="box"><label><span><?php echo elgg_echo('registro:contraseña')?>*</span></label><input type="password"   name="password"  value="" class="general-textarea"  tabindex="3"/> <br /></p>
  13.     <p class="box"><label><span><?php echo elgg_echo('registro:contraseña2')?>*</span></label><input type="password"   name="password2"  value="" class="general-textarea"  tabindex="4"/><br /></p>
  14.     <p class="box"><select name="provincias" id="provincias" class="provincias" style=" height: 23px;margin-bottom: 7px;margin-top: 12px; width: 192px"  tabindex="5">
  15.                        <?php echo "<option value='' selected='selected'>".elgg_echo('form1')."</option>" ?>;
  16.                          <?php  foreach( $vars['provincias'] as $key=>$option) {
  17.                                 echo "<option value=\"{$key}\" >".  $option ."</option>";
  18.                         }
  19.                        ?>
  20.     </select></p>
  21.    <p class="box"><select id="localidades" name="localidades" style="width: 192px;height: 23px;margin-top: 6px; margin-bottom: 7px"  tabindex="6">
  22.          <option value='' selected='selected'><?php echo elgg_echo('form3')?></option>
  23.        </select></p>
  24.   
  25. </h1>   
  26. </div>
  27.     <div id="blq2" style=" width:23%; float: left;margin-left: 6%;">
  28.     <div name="form2" id="form2" class="box" style="display: table-caption;">
  29.         <input type="hidden" name="open" id="open" value="0"/>
  30.         <input type="hidden" name="newArtist" id="open" value="0"/>
  31.  
  32.         <div class=""><h1>
  33.         <div class="box" style="width: 156px;"><label><span><?php echo elgg_echo('artistas:manager');?>*  </span></label><input type="text" id="manager" name="manager" maxlength="45" value="<?php echo $manager ?>"  tabindex="7"/><br/></div>
  34.         <div class="box"><label><span><?php echo elgg_echo('artistas:mail');?>*  </span></label><input type="text" id="mail" name="mail" maxlength="45" value="<?php echo $mail ?>"  tabindex="8"/><br/></div>
  35.         <div class="box"><label><span><?php echo elgg_echo('artistas:telefono');?>*  </span></label><input type="text" id="telefono" name="telefono" maxlength="9" value="<?php echo $telefono ?>"  tabindex="9"/><br/></div>
  36.         <div class="box"><label><span><?php echo elgg_echo('artistas:estilo');?>* &nbsp; </span></label>
  37.             <select name="estilos" id="estilos" class="estilos"  tabindex="10">
  38.                       <?php
  39.                        foreach($vars['estilos'] as $key=>$option) {
  40.                            if($key==$vars['estiloSeleccionado']){
  41.                                 echo "<option value=\"{$key}\" selected=\"selected\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
  42.                            }else{
  43.                                 echo "<option value=\"{$key}\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
  44.                            }
  45.                         }
  46.                        ?>
  47.             </select>
  48.         <br/></div>
  49.         <div class="box"><label><span><?php echo elgg_echo('artistas:subestilo');?>*  </span></label>
  50.             <select name="subestilos" id="subestilos" class="subestilos"  tabindex="11">
  51.                       <?php
  52.  
  53.                        foreach($vars['subestilos'] as $key=>$option) {
  54.                        if($key==$vars['subestiloSeleccionado']){
  55.                                 echo "<option value=\"{$key}\" selected=\"selected\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
  56.                            }else{
  57.                                 echo "<option value=\"{$key}\">". htmlentities($option, ENT_QUOTES, 'UTF-8') ."</option>";
  58.                            }
  59.                         }
  60.                        ?>
  61.                </select>
  62.         <br/></div>
  63. </h1></div>
  64. </div>
  65. </div>  
  66. <div id="blq2" style=" width:29%; float: right; ">
  67.     <div name="form2" id="form2" class="box" style="display: table-caption;">
  68.         <input type="hidden" name="open" id="open" value="0"/>
  69.         <input type="hidden" name="newArtist" id="open" value="0"/>       
  70. <div class=""><h1>
  71.         <div class="box"><label><span><?php echo elgg_echo('artistas:componentes');?>  </span></label><input type="text" id="componentes" name="componentes" maxlength="80" value="<?php echo $componentes ?>"  tabindex="12"/><br/></div>
  72.         <div class="box"><label><span><?php echo elgg_echo('artistas:influencias');?>  </span></label><input type="text" id="influencias" name="influencias" maxlength="80" value="<?php echo $influencias ?>"  tabindex="13"/><br/></div>
  73.         <?php if(isadminloggedin()){?>
  74.         <div class="box"><label><span><?php echo elgg_echo('artistas:foto');?>  </span></label>
  75.             <input type="file" id="fotoA" name="fotoA" maxlength="100" class="" value=""/>
  76.             <br/>
  77.         </div>
  78.         <?php }?>
  79.         <div class="box"><label><span><?php echo elgg_echo('Web');?>*  </span></label><input type="text" id="url1" name="url1" maxlength="45" value="<?php echo $url1 ?>"  tabindex="14"/><br/></div>
  80.         <div class="box"><label><span><?php echo elgg_echo('artistas:anyoFormacion');?>  </span></label><input type="text" id="anyoFormacion" name="anyoFormacion" maxlength="4" value="<?php echo $anyoFormacion ?>"  tabindex="15"/><br/></div>
  81.         <div class="box"><label><span><?php echo elgg_echo('artistas:cp');?>* </span></label><input type="text" id="cp" name="cp" maxlength="5" value="<?php echo $cp ?>"  tabindex="16"/><br/></div>
  82.         <!--div><label><?php echo elgg_echo('artistas:contrasenya');?> : </label><input type="password" id="contrasenya" name="contrasenya" maxlength="45" value="<?php echo $contrasenya ?>"/><br/></div-->
  83.     <div ><h3 style=" margin-top: 6px; font-size: 14px; width: 150px; margin-left: -1%">*campos obligatorios</h3></div>  
  84.  <div class="boxinput"> <input type=hidden id='id' name='id' value="<?php echo $id ?>"/>
  85.     <input type=hidden id='valorFotoOld' name='valorFotoOld' value="<?php echo $foto ?>"/>
  86.     <input type="hidden" id="idGroup" name="idGroup" value="<?php echo $idGroup?>"/>
  87.     </div>
  88. <br />
  89. </h1></div>
  90. </div>
  91.  
  92. </div>
  93. </div>
  94.     <p class="box" style="font-size: 80%; margin-top: -7px;"><a  href="<?php echo $vars['url']; ?>pg/terminos/index/"><label  style=" font-size: 15px; cursor: pointer"><span><?php echo elgg_echo('registro:condiciones uso')?></span></label></a>
  95.             <input type="checkbox" id="cUso" name="cUso" class="submit_button" style=" width: auto; margin-left: 7px;position: absolute; margin-top: 3px; "  tabindex="17"/></p>
  96.     <div style="display: block; width: 324px;margin-top: 12px">
  97.     <img id="captcha" src="<?php echo $vars['url']; ?>/securimage/securimage_show.php" alt="CAPTCHA Image" style=" width: 180px; height: 67px; border: 1px solid #777777;"/>
  98.     <input type="text" name="captcha_code" size="10" maxlength="6" style=" font-size: 17px; margin-top: 21px;position: absolute;"  tabindex="18"/>
  99.     <a href="#" onclick="document.getElementById('captcha').src = '<?php echo $vars['url']; ?>/securimage/securimage_show.php?' + Math.random(); return false" style="font-size: 13px">Cambiar imagen</a>
  100.         </div>
  101. <p class="boxinput"><input name="submit"  type="submit"   value="Enviar" onclick="" style=" font-size: large;height: 29px;margin-top: 2%; width: 180px; margin-bottom: 1%"  tabindex="19"/></p>
  102.  
  103.  
  104. <?php echo elgg_echo('tokalah:texto2')?>
  105.  
  106. </div>
  #5 (permalink)  
Antiguo 14/10/2011, 08:08
 
Fecha de Ingreso: marzo-2011
Mensajes: 80
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: ordenar tabulacion
Resulta q en chrome va bien, pero en firefox no¿¿???

Etiquetas: php, tabulacion, formulario
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 07:40.