forked from qwerty/milfs
MAPA Mejoras en la visualizacion especialmente apra dispositivos móviles
This commit is contained in:
humano
parent
619bb3aed8
commit
7a5f3e6236
|
|
@ -112,27 +112,28 @@ function mapa_ficha($id) {
|
|||
|
||||
$resultado ="
|
||||
<div style='border-radius:10px ;
|
||||
|
||||
vertical-align: top;
|
||||
background-color:white ;
|
||||
right:5px ;
|
||||
/*z-index:10000 ;*/
|
||||
position:absolute ;
|
||||
top:5px;
|
||||
padding:5px ;'
|
||||
class='panel-map' id='panel_map_$id' >
|
||||
<div role='row' class='row center-block' >
|
||||
<div class='col-xs-4 col-md-12'>
|
||||
$imagen
|
||||
</div>
|
||||
<div class='col-xs-8 col-md-12'>
|
||||
<h4 class='text-center'> $nombre[0]<small>
|
||||
$descripcion[0]</h4>
|
||||
|
||||
</div>
|
||||
<div class='col-xs-8 col-md-12'>
|
||||
<p>$razon_social[0]</p>
|
||||
<A target='milfs' HREF='https://github.com/humano/milfs'><small class='pull-right'>MILFS</small></A>
|
||||
</div>
|
||||
<A href='#' onclick=\"xajax_limpia_div('panel_map_$id'); \"><span class='pull-right'><i class='fa fa-times'></i></span></A>
|
||||
<div role='row' class='row center-block' >
|
||||
<div class='col-xs-4 col-md-12'>
|
||||
$imagen
|
||||
</div>
|
||||
<div class='col-xs-8 col-md-12'>
|
||||
<h4 class='text-center'> $nombre[0]<small>
|
||||
$descripcion[0]</h4>
|
||||
|
||||
</div>
|
||||
<div class='col-xs-8 col-md-12'>
|
||||
<p>$razon_social[0]</p>
|
||||
<A target='milfs' HREF='https://github.com/humano/milfs'><small class='pull-right'>MILFS</small></A>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
";
|
||||
return $resultado;
|
||||
|
|
@ -223,7 +224,7 @@ $consulta = "
|
|||
|
||||
$sql=mysql_query($consulta,$link);
|
||||
if (mysql_num_rows($sql)!='0'){
|
||||
$resultado = "<ul class='list-inline'>";
|
||||
$resultado = "<div class='' style='vertical-align: top; text-align:center;'>";
|
||||
while( $row = mysql_fetch_array( $sql ) ) {
|
||||
|
||||
$icono = remplacetas('form_parametrizacion','campo',$perfil,'descripcion'," tabla='form_id' and opcion = 'categoria:icon:$row[md5_contenido]'") ;
|
||||
|
|
@ -234,10 +235,10 @@ while( $row = mysql_fetch_array( $sql ) ) {
|
|||
$icon = $icono[0];
|
||||
}
|
||||
$icono = "$icon";
|
||||
$contenido= substr($row[contenido],0, $length = 100);
|
||||
$resultado .= "<li class ='' style='' title='$row[contenido]'><div style='max-width:60px;'><img class='img img-rounded img-responsive' src='$icono' style='max-height:50px;'><small>$contenido</small></div></li>";
|
||||
$contenido= substr($row[contenido],0, $length = 15);
|
||||
$resultado .= "<div class='' style='width:50px; heigth:100px; float:left; vertical-align: top; margin: 5px; text-align:center'><img style=' height:50px;' class='' src='$icono' style=''><small>$contenido</small></div>";
|
||||
}
|
||||
$resultado .= " </ul >";
|
||||
$resultado .= " </div >";
|
||||
}
|
||||
else{$resultado = '';}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,7 +23,6 @@ $plantilla ="mapa";
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="fredyrivera" >
|
||||
<?php $xajax->printJavascript("xajax/"); ?>
|
||||
<link rel="shortcut icon" href="favicon-152.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="favicon-152.png">
|
||||
|
|
@ -44,15 +43,14 @@ $plantilla ="mapa";
|
|||
background:rgba(255,255,255,1) ;
|
||||
|
||||
}
|
||||
@media (min-width: 800px) {
|
||||
@media (max-width: 800px) {
|
||||
.panel-map{
|
||||
max-width: 970px;
|
||||
}
|
||||
.listado_categorias{
|
||||
max-height: 70px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
@media (min-width: 800px) {
|
||||
.panel-map{
|
||||
max-width: 200px;
|
||||
}
|
||||
|
|
@ -73,14 +71,7 @@ body {
|
|||
margin-bottom: 60px;
|
||||
padding: 0; margin: 0;
|
||||
}
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
width: auto;
|
||||
/* Set the fixed height of the footer here */
|
||||
height: auto;
|
||||
z-index:5000
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Custom page CSS
|
||||
|
|
@ -94,11 +85,29 @@ body > .container {
|
|||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 3px;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
|
||||
height: 120px;
|
||||
|
||||
/* Set the fixed height of the footer here */
|
||||
|
||||
z-index: 999999;
|
||||
}
|
||||
.footer > .container {
|
||||
padding: 2px;
|
||||
background-color: white;
|
||||
border-radius: 3px;
|
||||
width: auto;
|
||||
width: 90%;
|
||||
height: 120px;
|
||||
overflow-x: scroll;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
code {
|
||||
|
|
@ -121,7 +130,11 @@ code {
|
|||
<body>
|
||||
|
||||
<div id='map'>
|
||||
<div class='footer' ><div style=" " class='container'><?php echo $categorias = lista_categorias($_REQUEST[id],'','') ; ?></div></div>
|
||||
<div class='footer' id='contenedor_pie' >
|
||||
<div style=" " class='container' >
|
||||
<a href="#" onclick="xajax_limpia_div('contenedor_pie'); "><span class='pull-right'><i class='fa fa-times'></i></span></a>
|
||||
<?php echo $categorias = lista_categorias($_REQUEST[id],'','') ; ?>
|
||||
</div></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
@ -156,6 +169,7 @@ myLayer.setGeoJSON(geoJson);
|
|||
</script>
|
||||
|
||||
<?php echo mapa_ficha("$_REQUEST[id]");?>
|
||||
|
||||
|
||||
|
||||
<!-- Modal -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue