function view(){
vista = '';
ordenados = arr_final.sort(de_mayor_a_menor);
vueltas = ordenados.length - 1 ;
for(var item3 in ordenados){
if(vueltas >= 0){
vista+=
"<div class='contenido'>"+
"<div class='barra'>" +
"<progress id='"+ordenados[item3]['idviaje']+"-avance' style='width: 100%;' value="+ordenados[item3]['avance']+" max='100'></progress>" +
"<div class='rutas'><span id='"+ordenados[item3]['idviaje']+"-origen' class='origen'>"+ordenados[item3]['origen']+"</span> <span id='"+ordenados[item3]['idviaje']+"-porcentaje' class='porcentaje'>"+ordenados[item3]['avance']+"%</span> <span id='"+ordenados[item3]['idviaje']+"-destino' class='destino'>"+ordenados[item3]['destino']+"</span></div>"+
"</div>" +
"<div class='info'>" +
"<span id='"+ordenados[item3]['idviaje']+"-patente' class='patente'>"+ordenados[item3]['patente']+" / "+ordenados[item3]['rampla']+"</span>"+
"<span id='"+ordenados[item3]['idviaje']+"-nombre' class='nombre'> "+ordenados[item3]['nombre']+" </span>" +
"<div class='contenido2'>"+
"<div style='float: left;'><span style='color: #0A336B;font-weight: 500;'>T. Arribo</span> <br> " +
"<span id='"+ordenados[item3]['idviaje']+"-arribo' style='color:#BB2F04;'>"+ordenados[item3]['arribo']+"</span> </div>"+
"<div style='float: left;padding-left: 20px;'><span style='color: #0A336B;font-weight: 500;'>Distancia</span> <br> <span id='"+ordenados[item3]['idviaje']+"-distancia' style='color: #BB2F04;'>"+ordenados[item3]['distancia']+"KM<span></div>"+
"<div style='float: left;padding-left: 20px;'><span style='color: #0A336B;font-weight: 500;'>Velocidad</span> <br> <span id='"+ordenados[item3]['idviaje']+"-velocidad' style='color: #BB2F04;'>"+ordenados[item3]['velocidad']+"KM/HR</span></div>" +
"<div style='float: left;padding-left: 20px;'><span id='"+ordenados[item3]['idviaje']+"-metros' style='color: #0A336B;font-weight: 500;'>"+ordenados[item3]['metros']+"</span> <br> <span id='"+ordenados[item3]['idviaje']+"-lugar' style='color: #BB2F04;'>"+ordenados[item3]['lugar']+"</span></div>" +
"</div>"+
"</div>" +
"</div>";
}
vueltas--;
}
$("#viajes").html(vista);
}
// luego diriges todo a el id viajes que tengas en el span o div de esta forma::::<div id="#viajes"></div>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.