miércoles, 31 de agosto de 2016
sábado, 27 de agosto de 2016
viernes, 26 de agosto de 2016
viernes, 19 de agosto de 2016
Scroll
http://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table
HTML:
< div class="wrapper1">
< div class="div1">
CSS:
.wrapper1, .wrapper2 {
width: 300px;
overflow-x: scroll;
overflow-y:hidden;
}
.wrapper1 {height: 20px; }
.wrapper2 {height: 200px; }
.div1 {
width:1000px;
height: 20px;
}
.div2 {
width:1000px;
height: 200px;
background-color: #88FF88;
overflow: auto;
}
JS:
$(function(){
$(".wrapper1").scroll(function(){
$(".wrapper2").scrollLeft($(".wrapper1").scrollLeft());
});
$(".wrapper2").scroll(function(){
$(".wrapper1").scrollLeft($(".wrapper2").scrollLeft());
});
});
Fecha (date) picker
$(function() {
$( "#fecha" ).datepicker({dateFormat: 'yy-mm-dd'});
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '
currentText: 'Hoy',
monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
dayNamesShort: ['Dom','Lun','Mar','Mie','Juv','Vie','Sab'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
weekHeader: 'Sm',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: '',
maxDate: "+0d"
};
$.datepicker.setDefaults($.datepicker.regional['es']);
});
Mascarilla con validación fecha
< script src="js/jquery.maskedinput.js">
$("#hora, #horaAplicacionPruebas, #horaAprobacionPruebas, #horaAplicacionProduccion, #horaAprobacionProductivo, #horaAprobacionEstabilidad").blur(function() {
//alert ($(this).val());
if ($(this).val() != "__:__") {
var userInput = $(this).val().replace(/^([0-9])([0-9]):([0-9])_$/, "0$1:$2$3");
if(!userInput.match(/([0-1][0-9]|2[0-3]):[0-5][0-9]/)){
alert('Ingrese una hora válida');
}else{
$(this).val(userInput);
return true;
};
} else {
return true;
}
}).mask("99:99");
$("#hora, #horaAplicacionPruebas, #horaAprobacionPruebas, #horaAplicacionProduccion, #horaAprobacionProductivo, #horaAprobacionEstabilidad").blur(function() {
//alert ($(this).val());
if ($(this).val() != "__:__") {
var userInput = $(this).val().replace(/^([0-9])([0-9]):([0-9])_$/, "0$1:$2$3");
if(!userInput.match(/([0-1][0-9]|2[0-3]):[0-5][0-9]/)){
alert('Ingrese una hora válida');
}else{
$(this).val(userInput);
return true;
};
} else {
return true;
}
}).mask("99:99");
Campos obligatorios al vuelo
$("input[name=bandAprobacionProductivo]").change(function(){ //alert($(this).val()); var f = new Date(); document.getElementById("fechaAprobacionProductivo").value = f.getFullYear() + "-" + ("0" + (f.getMonth()+1)).slice(-2) + "-" + ("0" + f.getDate()).slice(-2); document.getElementById("horaAprobacionProductivo").value = f.getHours() + ":" + ("0" + f.getMinutes()).slice(-2); $( "#idUsuariosApruebaProductivo" ).focus(); document.getElementById('idUsuariosApruebaProductivo').title = 'Usuario que aprueba productivo*'; document.getElementById('fechaAprobacionProductivo').title = 'Fecha aprobación productivo*'; document.getElementById('horaAprobacionProductivo').title = 'Hora aprobación productivo*'; $(".obligUAProd").text('*'); });
Cargar combo cuando se da click en un radio
$("select[name=idSites]").change(function(){
document.getElementById("elementos").disabled=true;
id = $('select[name=idSites]').val();
$("#elementos").load('utils/genera-selectElementos.php?id='+id);
document.getElementById("elementos").disabled=false;
});
--------------------------------------------------------------------------------------------------------
require_once('../conexion/conexion.php');
session_start();
global $dbu;
if (isset($_GET['id'])) {
$query = "SELECT * FROM cat_equipos WHERE bandActivo = '1' AND idSites = '".$_GET['id']."' ORDER BY nombre";
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
echo '<optgroup label="Equipo">';
while ( !$rs->EOF ) {
echo '<option value="2-'.$rs->fields['idEquipos'].'">'.$rs->fields['nombre'].'</option>';
$rs->movenext();
}
}
$query = "SELECT * FROM cat_servidores WHERE bandActivo = '1' AND idSites = '".$_GET['id']."' ORDER BY nombre";
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
echo '<optgroup label="Servidores">';
while ( !$rs->EOF ) {
echo '<option value="3-'.$rs->fields['idServidores'].'">'.$rs->fields['descripcion'].'</option>';
$rs->movenext();
}
}
$query = "SELECT * FROM cat_aplicaciones WHERE bandActivo = '1' AND idServidores IN (SELECT idServidores FROM cat_servidores WHERE idSites = '".$_GET['id']."') ORDER BY nombre";
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
echo '<optgroup label="Aplicaciones">';
while ( !$rs->EOF ) {
echo '<option value="4-'.$rs->fields['idAplicaciones'].'">'.$rs->fields['nombre'].'</option>';
$rs->movenext();
}
}
}
document.getElementById("elementos").disabled=true;
id = $('select[name=idSites]').val();
$("#elementos").load('utils/genera-selectElementos.php?id='+id);
document.getElementById("elementos").disabled=false;
});
--------------------------------------------------------------------------------------------------------
require_once('../conexion/conexion.php');
session_start();
global $dbu;
if (isset($_GET['id'])) {
$query = "SELECT * FROM cat_equipos WHERE bandActivo = '1' AND idSites = '".$_GET['id']."' ORDER BY nombre";
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
echo '<optgroup label="Equipo">';
while ( !$rs->EOF ) {
echo '<option value="2-'.$rs->fields['idEquipos'].'">'.$rs->fields['nombre'].'</option>';
$rs->movenext();
}
}
$query = "SELECT * FROM cat_servidores WHERE bandActivo = '1' AND idSites = '".$_GET['id']."' ORDER BY nombre";
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
echo '<optgroup label="Servidores">';
while ( !$rs->EOF ) {
echo '<option value="3-'.$rs->fields['idServidores'].'">'.$rs->fields['descripcion'].'</option>';
$rs->movenext();
}
}
$query = "SELECT * FROM cat_aplicaciones WHERE bandActivo = '1' AND idServidores IN (SELECT idServidores FROM cat_servidores WHERE idSites = '".$_GET['id']."') ORDER BY nombre";
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
echo '<optgroup label="Aplicaciones">';
while ( !$rs->EOF ) {
echo '<option value="4-'.$rs->fields['idAplicaciones'].'">'.$rs->fields['nombre'].'</option>';
$rs->movenext();
}
}
}
Arreglo variable smarty
$query = "SELECT * FROM usuarios WHERE bandActivo = '1' ORDER BY usuario";
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
while ( !$rs->EOF ) {
$opciones[] = array($rs->fields['idUsuarios'],$rs->fields['usuario']);
$rs->movenext();
}
}
$smarty->assign( "usuarios2", $opciones );
unset($opciones);
unset($opciones_ids);
-----------------------------------------------------------------------------
< select multiple="multiple" name="usuarios[]" id="usuarios" style="height:400px;">
{foreach from=$usuarios2 item=usuario}
< option value="{$usuario[0]}">{$usuario[1]}
{/foreach}
< /select>
$rs = $dbu->FetchOne($query,"obj");
if ( $rs ) {
while ( !$rs->EOF ) {
$opciones[] = array($rs->fields['idUsuarios'],$rs->fields['usuario']);
$rs->movenext();
}
}
$smarty->assign( "usuarios2", $opciones );
unset($opciones);
unset($opciones_ids);
-----------------------------------------------------------------------------
< select multiple="multiple" name="usuarios[]" id="usuarios" style="height:400px;">
{foreach from=$usuarios2 item=usuario}
< option value="{$usuario[0]}">{$usuario[1]}
{/foreach}
< /select>
Responsive
.izq {
width:47%;
float:left;
/*border-style:solid;*/
}
.der {
width:47%;
float:right;
/*border-style:solid;*/
}
.divstd {
float:none;
clear:both;
}
@media (max-width: 800px) {
.izq {
width:94%;
float:none;
}
.der {
width:94%;
float:none;
}
fieldset {
border-color:transparent;
}
}
Suscribirse a:
Entradas (Atom)