deportevalladolid
Usuario habitual
Usuario habitual

Muy Wenas a Tod@s:

Me gustaria transformar esta tabla de mi pagina, http://www.devalladolid.webcindario.com/subidas.html , en dinamica para pinchar sobre un enunciado y que me lo coloque en orden por esa cabezera, y de una forma facil ya que mis conocimientos son un poco limitados.

GRACIAS

Avatar Image
@man / @woman
@man / @woman

¿ Cómo ha resultado lo de la instalación de Wamp Server 2.0c ? (del tema: tabla dinámica)

deportevalladolid
Usuario habitual
Usuario habitual

Fatal, por que no tengo ni idea de los pasos a seguir o tengo algo mal configurado

Avatar Image
@man / @woman
@man / @woman

Sí, lleva tiempo aprender sobre todo esto. Suerte.

Avatar Image
@man / @woman
@man / @woman

La ayuda viene renga, pero creo que demuestra que tenés solución al problema.

Esto está funcionando, es elemental pero creo te orientará (probalo), el resto es que te metas un poco en el código (sory: no hay otra) y lo adecúes a las necesidades.

Spoiler:
<html>
<head>
<script language="JavaScript">
var tabla= new Array();
tabla[0]= 'casa';
tabla[1]= 'patito';
tabla[2]= 'auto';
tabla[3]= 'sol';
tabla[4]= 'luna';

function muestra_Tabla(){
  conten= '';
  for(i=0;i<tabla.length;i++){
    conten= conten+"<tr><td>"+tabla[i]+"</td></tr>"
  }
  document.getElementById('tb').innerHTML= conten;
}

function Ordenar_Asc(){
  var aux= '';
  for(o=0;o<tabla.length-1;o++){
    for(d=o+1;d<tabla.length;d++){
      if( tabla[d] < tabla[o] ){
        aux= tabla[o];
        tabla[o]= tabla[d];
        tabla[d]= aux;  
      }
    }
  }
  muestra_Tabla()
}
</script>
</head>
<body onload="muestra_Tabla();">
<p>Antes de la tabla</p>
<p><input type="button" value="Ordenar Ascendente" onclick="Ordenar_Asc();"></p>
<table id="tb">
</table>
<p>Cualquier cosa después de la tabla</p>
</body>
</html>

Salu2

deportevalladolid
Usuario habitual
Usuario habitual

Algo asi pero no me va

<script language="JavaScript">
var tabla= new Array();
tabla[0]= 'Cota';
tabla[1]= 'Vertiente';
tabla[2]= '%Medio';
tabla[3]= 'Distancia';

function muestra_Tabla(){
  conten= '';
  for(i=0;i<tabla.length;i++){
    conten= conten+"<tr><td>"+tabla[i]+"</td></tr>"
  }
  document.getElementById('tb').innerHTML= conten;
}

function Ordenar_Asc(){
  var aux= '';
  for(o=0;o<tabla.length-1;o++){
    for(d=o+1;d<tabla.length;d++){
      if( tabla[d] < tabla[o] ){
        aux= tabla[o];
        tabla[o]= tabla[d];
        tabla[d]= aux; 
      }
    }
  }
  muestra_Tabla()
}
</script>
</head>
<body onload="muestra_Tabla();">
<div id="global">
<div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logo"></div>
    <h2>WEB PENSADA Y CREADA POR Y PARA LOS TRIATLETAS VALLISOLETANOS Y PARA TODO AQUEL AL QUE LE GUSTE DISFRUTAR DEL DEPORTE</h2>
    </div>   
    <div id="navegacion">
         <ul><li><a href="index.html">Competiciones</a></li><li><a href="rutas.html">Ciclismo</a></li><li><a href="club-asociaciones.html">Clubs/Asociaciones</a></li><li><a href="federaciones.html">FEDERACIONES</a></li><li><a href="fotos.html">FOTOS</a></li><li><!-- http://libros.miarroba.com  --><a href="http://libros.miarroba.com/leer.php?id=225537">MENSAJES</a></li></ul> </div>   
<div id="subciclismo">
<ul><li><a href="rutas.html">Rutas/Perfil</a></li><li><a href="subidas.html">Subidas</a></li><li><a href="carreteras.html">Estado Carreteras</a></li><li><a href="tiendas.html">Tiendas</a></li></ul></div>

<div id="tabla">
    <table width="798" border="1" align="center" class="tablasubidas">
      <!--DWLayoutTable-->
      <tr> <em><font face="Verdana, Arial, Helvetica, sans-serif">
      <td width="250"><u><strong><font color="GOLD">COTA</font></strong></u></td>
      <td width="250"><u><strong><font color="GOLD">VERTIENTE</font></strong></u></td>
      <td width="100"><u><strong><font color="GOLD">% MEDIO</font></strong></u></td>
      <td width="100"><strong><font color="GOLD"><u>DISTANCIA</u></font></strong></td>
      </font></em> </tr>
    <tr>
      <td bgcolor="#EE82EE">Marigarcía</td>
      <td bgcolor="#EE82EE">Alba de Cerrato1ª</td>
      <td bgcolor="#EE82EE">4.2 %</td>
      <td bgcolor="#EE82EE">1.6 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Cotarro Redondo</td>
      <td bgcolor="#9370DB">Alba de Cerrato 2ª</td>
      <td bgcolor="#9370DB">4.3 %</td>
      <td bgcolor="#9370DB">1.6 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">El Enebro</td>
      <td bgcolor="#EE82EE">Aldealbar</td>
      <td bgcolor="#EE82EE">4.7 %</td>
      <td bgcolor="#EE82EE">1 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Atalayas</td>
      <td bgcolor="#9370DB">Castrillo-Tejeriego</td>
      <td bgcolor="#9370DB">5 %</td>
      <td bgcolor="#9370DB">1.9 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Páramo de S.Pedro</td>
      <td bgcolor="#EE82EE">Castrodeza</td>
      <td bgcolor="#EE82EE">5.8 %</td>
      <td bgcolor="#EE82EE">1.4 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">&nbsp;</td>
      <td bgcolor="#9370DB">Cerro San Cristobal</td>
      <td bgcolor="#9370DB">7.6 %</td>
      <td bgcolor="#9370DB">1.2 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Páramo de Valdelazara</td>
      <td bgcolor="#EE82EE">Cevico de la Torre</td>
      <td bgcolor="#EE82EE">2.6 %</td>
      <td bgcolor="#EE82EE">5.2 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Cuesta de La Parrilla</td>
      <td bgcolor="#9370DB">Tudela de Duero</td>
      <td bgcolor="#9370DB">5.1 %</td>
      <td bgcolor="#9370DB">3 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Monte de San Lorenzo</td>
      <td bgcolor="#EE82EE">La Santa Espina</td>
      <td bgcolor="#EE82EE">7.4 %</td>
      <td bgcolor="#EE82EE">0.8 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">&nbsp;</td>
      <td bgcolor="#9370DB">Fuensaldaña</td>
      <td bgcolor="#9370DB">4.5 %</td>
      <td bgcolor="#9370DB">1.2 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Páramo de Rozas del Duero</td>
      <td bgcolor="#EE82EE">Olivares de Duero</td>
      <td bgcolor="#EE82EE">5.3 %</td>
      <td bgcolor="#EE82EE">2.3 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Atalayas</td>
      <td bgcolor="#9370DB">Olivares de Duero</td>
      <td bgcolor="#9370DB">5.2 %</td>
      <td bgcolor="#9370DB">2.9 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE"></td>
      <td bgcolor="#EE82EE">Peñaflor de Hornija</td>
      <td bgcolor="#EE82EE">6 %</td>
      <td bgcolor="#EE82EE">1.1 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Páramo de Valdeviñas</td>
      <td bgcolor="#9370DB">Piña de Esgueva</td>
      <td bgcolor="#9370DB">5.4 %</td>
      <td bgcolor="#9370DB">2.4 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Páramo de Llantadas</td>
      <td bgcolor="#EE82EE">Población de Cerrato</td>
      <td bgcolor="#EE82EE">5.6 %</td>
      <td bgcolor="#EE82EE">2.2 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Montenuevo</td>
      <td bgcolor="#9370DB">Quintanilla de On&eacute;simo 1ª</td>
      <td bgcolor="#9370DB">5.3 %</td>
      <td bgcolor="#9370DB">2.9 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Ermita/Convento de la Alamedilla (ruinas)</td>
      <td bgcolor="#EE82EE">Quintanilla de On&eacute;simo 2ª</td>
      <td bgcolor="#EE82EE">3.8 %</td>
      <td bgcolor="#EE82EE">3 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Paramo de las Canteras</td>
      <td bgcolor="#9370DB">Renedo</td>
      <td bgcolor="#9370DB">6.4 %</td>
      <td bgcolor="#9370DB">2 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Monte de San Cebrian</td>
      <td bgcolor="#EE82EE">San Cebrian de Mazote</td>
      <td bgcolor="#EE82EE">3.9 %</td>
      <td bgcolor="#EE82EE">1.8 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Zapatera</td>
      <td bgcolor="#9370DB">Trigueros del Valle</td>
      <td bgcolor="#9370DB">3.2 %</td>
      <td bgcolor="#9370DB">1.9 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Urueña</td>
      <td bgcolor="#EE82EE">Ermita de la Anunciata</td>
      <td bgcolor="#EE82EE">4.9 %</td>
      <td bgcolor="#EE82EE">1.4 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Valdeviñazos</td>
      <td bgcolor="#9370DB">Valoria La Buena</td>
      <td bgcolor="#9370DB">4.7 %</td>
      <td bgcolor="#9370DB">3 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Valdeviñazos</td>
      <td bgcolor="#EE82EE">Cabezón</td>
      <td bgcolor="#EE82EE">3 %</td>
      <td bgcolor="#EE82EE">5.1 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">&nbsp;</td>
      <td bgcolor="#EE82EE">Últimos Km</td>
      <td bgcolor="#EE82EE">5.6 %</td>
      <td bgcolor="#EE82EE">1.9 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Valdemaridiez</td>
      <td bgcolor="#9370DB">Velliza</td>
      <td bgcolor="#9370DB">3.1 %</td>
      <td bgcolor="#9370DB">1.9 Km</td>
    </tr>
    <tr>
      <td bgcolor="#EE82EE">Paramo de las Canteras</td>
      <td bgcolor="#EE82EE">Villabañez</td>
      <td bgcolor="#EE82EE">4.1 %</td>
      <td bgcolor="#EE82EE">2.6 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">Paramo de Rozas de Duero</td>
      <td bgcolor="#9370DB">Villabañez</td>
      <td bgcolor="#9370DB">3.3 %</td>
      <td bgcolor="#9370DB">3.6 Km</td>
    </tr>       
    <tr>
      <td bgcolor="#EE82EE">Carra Wamba</td>
      <td bgcolor="#EE82EE">Wamba</td>
      <td bgcolor="#EE82EE">5.8 %</td>
      <td bgcolor="#EE82EE">1.1 Km</td>
    </tr>
    <tr>
      <td bgcolor="#9370DB">El Espino</td>
      <td bgcolor="#9370DB">Zaratán</td>
      <td bgcolor="#9370DB">4.8 %</td>
      <td bgcolor="#9370DB">2.1 Km</td>
    </tr>       
  </table>
</div>

GRACIAS

Avatar Image
@man / @woman
@man / @woman

Bien, la idea es que comiences a ensayar con el código (cambia algunos elmentos a ver que sucede) y así vas a ir aprendiendo.

deportevalladolid
Usuario habitual
Usuario habitual

Darme alguna pistilla de por donde puedo empezar a cambiar cosas, por que quitando el principio;

tabla[0]= 'Cota';
tabla[1]= 'Vertiente';
tabla[2]= '%Medio';
tabla[3]= 'Distancia';

No se por donde seguir

Avatar Image
@man / @woman
@man / @woman

Hay un error: la línea muestra_Tabla() se debe escribir así: muestra_Tabla(); ( raro, en el archivo desde donde lo copié está bien ).

Tenés muchas tablas en el archivo, hacé uno simple con una sola tabla y una columna, y trabajá con el script con esos datos hasta que funcione. Recién después agregás más tablas y/o columnas, de esa forma vas con un nivel de complejidad creciente (aunque en los videojuegos es divertido y fácil, nadie aprende a manejar con un alfa-romeo ...)

deportevalladolid
Usuario habitual
Usuario habitual

Ya lo cambie, yo tampoco entiendo ese fallo pues copie y pegé.

Pero bueno ya subsané el error y no hay cambios, sigue sin pasar nada

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares