Files
delphistudio-website/public/cs/erp2_area_control_de_gestion.html
Alessio Molinaro a6f764245d First Commit
Setup repo and website
2024-11-21 09:29:25 +01:00

522 lines
33 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área CONTROL de GESTIÓN
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area CONTROL de GESTION" class="img-responsive" src="img/08-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Actualmente cada empresa tiene que enfrentarse a mercados y escenarios económicos que cambian rápidamente; para poder elegir la dirección adecuada en ambientes cada vez más dinámicos es necesario, por lo tanto, hacerse con una base de mando en la que estén presentes instrumentos de control avanzados: no sólo una contabilidad analítica preparada para elaborar en tiempo real los márgenes y la rentabilidad por producto, pedido, divisiones, etc., sino también Business Intelligence, Estadísticas Avanzadas y Data Mining para que todos los cuadros directivos puedan tomar las mejores decisiones operativas y estratégicas.</p>
<br>
<h4>BUDGET y ANÁLISIS de BALANCE</h4>
<hr />
<p>Comparación de los datos de <strong>balance pronosticados</strong> (budget) y los datos <strong>reales </strong>de <strong>contabilidad general</strong>, con elaboración de <strong>nuevas clasificaciones</strong> en cascada, gestión <strong>budget </strong>para <strong>pedidos</strong>, <strong>centros de coste</strong>, o <strong>áreas de busine</strong>ss, para una comparación posterior con los datos reales de ganancias según los balances analíticos.</p>
<br>
<h4>CONTABILIDAD ANALÍTICA y INDUSTRIAL</h4>
<hr />
<p>Distribución de costes y ganancias de manera detallada y por destinación, con 2 objetivos principales: <strong>contabilidad por pedidos</strong> (que produce <strong>balances analíticos</strong> por <strong>zonas, agentes, artículos</strong>, etc., calculando los <strong>márgenes de rentabilidad</strong>) y<strong> contabilidad por centros </strong>de coste, que recoge los costes realizados por cada departamento y permite calcular los <strong>costes de unidad de obra </strong>(coste horario bruto del personal y de las instalaciones); la contabilidad por <strong>áreas de business</strong> (o <strong>divisiones)</strong> permite además obtener <strong>balances por sectores</strong> para las filiales, líneas de producción, divisiones empresariales, etc., mientras el análisis de los costes a “<strong>full-cost</strong>” se obtiene de manera automática con distribución de costes directos e indirectos a través de “drivers analíticos” personalizables.</p>
<br>
<h4>CÁLCULO MÁRGENES de BENEFICIO y rentabilidad (pedidos y órdenes)</h4>
<hr />
<p>Funciones de semplificación e inmediatas con las que es posible analizar la rentabilidad específica por separado de cada pedido, factura o cliente.</p>
<br>
<h4>
Contabilidad Multi-DIVISIÓN</h4>
<hr />
<p>Distribución automática de costes y ganancias de los diferentes <strong>repartos </strong>o “<strong>líneas de business</strong>”; a cada una de ellas (definida también como “centro de balances”) pueden estar asociados además uno o más “<strong>centro de coste</strong>” en uno o más <strong>“centros de ganancias</strong>”: <strong>filiales, líneas de producto, zonas</strong> del mercado<strong>, áreas geográficas</strong>, etc.; utilizando los filtros adecuados en todas las funciones de “interrogación” es posible extraer o trabajar sólo sobre elementos de un reparto específico: facturas, fichas contables, gestión efectos, gestión ingresos, saldo-cuenta, balances de verificación, ecc; los mismos agregados vienen mantenidos por la elaboración de los balances analíticos y por las funciones de contabilidad industrial.</p>
<br>
<h4>Business Intelligence y Estadísticas Avanzadas</h4>
<hr />
<p>Extracción automática de las <strong>informaciones </strong>de <strong>síntesis </strong>necesarias para supervisar y guiar a toda la empresa, con generación inmediata de <strong>break-even-point, diagramas y gráficos</strong> para facilitar el análisis e interpretación, los resultados de estos procesos son elementos indispensables con el fin de que la dirección empresarial pueda poder tomar las mejores decisiones operativas y estratégicas en las diferentes áreas.</p>
<br>
<h4>DATA MINING</h4>
<hr />
<p>Permite utilizar la tecnología de Analysis Services SQL2008 para obtener “medidas” y “dimensiones” directamente sobre cubos OLAP (on-line analytical processing), garantizando óptimas presentaciones en el análisis de grandes cantidades de datos. El Ambiente de análisis de objetos con funcionalidades avanzadas e interactivas permite además la “planificación” y el envío automático de los análisis estadísticos tanto a los operadores internos de la empresa como a los operadores externos (agentes, técnicos, filiales).</p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/08-area-b.png" alt="ERP area CONTROL de GESTION" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área CONTROL de GESTIÓN</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area CONTROL de GESTION" class="img-responsive" src="img/08-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Actualmente cada empresa tiene que enfrentarse a mercados y escenarios económicos que cambian rápidamente; para poder elegir la dirección adecuada en ambientes cada vez más dinámicos es necesario, por lo tanto, hacerse con una base de mando en la que estén presentes instrumentos de control avanzados: no sólo una contabilidad analítica preparada para elaborar en tiempo real los márgenes y la rentabilidad por producto, pedido, divisiones, etc., sino también Business Intelligence, Estadísticas Avanzadas y Data Mining para que todos los cuadros directivos puedan tomar las mejores decisiones operativas y estratégicas.</p>
<br>
<h4>BUDGET y ANÁLISIS de BALANCE</h4>
<hr />
<p>Comparación de los datos de <strong>balance pronosticados</strong> (budget) y los datos <strong>reales </strong>de <strong>contabilidad general</strong>, con elaboración de <strong>nuevas clasificaciones</strong> en cascada, gestión <strong>budget </strong>para <strong>pedidos</strong>, <strong>centros de coste</strong>, o <strong>áreas de busine</strong>ss, para una comparación posterior con los datos reales de ganancias según los balances analíticos.</p>
<br>
<h4>CONTABILIDAD ANALÍTICA y INDUSTRIAL</h4>
<hr />
<p>Distribución de costes y ganancias de manera detallada y por destinación, con 2 objetivos principales: <strong>contabilidad por pedidos</strong> (que produce <strong>balances analíticos</strong> por <strong>zonas, agentes, artículos</strong>, etc., calculando los <strong>márgenes de rentabilidad</strong>) y<strong> contabilidad por centros </strong>de coste, que recoge los costes realizados por cada departamento y permite calcular los <strong>costes de unidad de obra </strong>(coste horario bruto del personal y de las instalaciones); la contabilidad por <strong>áreas de business</strong> (o <strong>divisiones)</strong> permite además obtener <strong>balances por sectores</strong> para las filiales, líneas de producción, divisiones empresariales, etc., mientras el análisis de los costes a “<strong>full-cost</strong>” se obtiene de manera automática con distribución de costes directos e indirectos a través de “drivers analíticos” personalizables.</p>
<br>
<h4>CÁLCULO MÁRGENES de BENEFICIO y rentabilidad (pedidos y órdenes)</h4>
<hr />
<p>Funciones de semplificación e inmediatas con las que es posible analizar la rentabilidad específica por separado de cada pedido, factura o cliente.</p>
<br>
<h4>
Contabilidad Multi-DIVISIÓN</h4>
<hr />
<p>Distribución automática de costes y ganancias de los diferentes <strong>repartos </strong>o “<strong>líneas de business</strong>”; a cada una de ellas (definida también como “centro de balances”) pueden estar asociados además uno o más “<strong>centro de coste</strong>” en uno o más <strong>“centros de ganancias</strong>”: <strong>filiales, líneas de producto, zonas</strong> del mercado<strong>, áreas geográficas</strong>, etc.; utilizando los filtros adecuados en todas las funciones de “interrogación” es posible extraer o trabajar sólo sobre elementos de un reparto específico: facturas, fichas contables, gestión efectos, gestión ingresos, saldo-cuenta, balances de verificación, ecc; los mismos agregados vienen mantenidos por la elaboración de los balances analíticos y por las funciones de contabilidad industrial.</p>
<br>
<h4>Business Intelligence y Estadísticas Avanzadas</h4>
<hr />
<p>Extracción automática de las <strong>informaciones </strong>de <strong>síntesis </strong>necesarias para supervisar y guiar a toda la empresa, con generación inmediata de <strong>break-even-point, diagramas y gráficos</strong> para facilitar el análisis e interpretación, los resultados de estos procesos son elementos indispensables con el fin de que la dirección empresarial pueda poder tomar las mejores decisiones operativas y estratégicas en las diferentes áreas.</p>
<br>
<h4>DATA MINING</h4>
<hr />
<p>Permite utilizar la tecnología de Analysis Services SQL2008 para obtener “medidas” y “dimensiones” directamente sobre cubos OLAP (on-line analytical processing), garantizando óptimas presentaciones en el análisis de grandes cantidades de datos. El Ambiente de análisis de objetos con funcionalidades avanzadas e interactivas permite además la “planificación” y el envío automático de los análisis estadísticos tanto a los operadores internos de la empresa como a los operadores externos (agentes, técnicos, filiales).</p>
<p>
<p><img alt="ERP area CONTROL de GESTION" class="img-responsive" src="img/08-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>