Restyling total for the site of the City of Chieri
You can follow online the meetings of the council, the Council Commissions, City Council
Restyling for the site of the City of Chieri who becomes King as” responsive “, the new web design technique that enables a website to display properly on all technological devices. Whether you use a PC, a tablet or a smartphone, the site will automatically adapt to different resolutions and different screens, ensuring a fast navigation, smooth and with high levels of accessibility. The restyling has also made possible the realization of the new section Chieri Open where, in short, will be hosted political appointments: it will directly follow the meetings of the Board, the Board’s committees, the City Council. From January 1 to date the website of the City of Chieri recorded 465,564 page views. With the restyling was re-launched the Newsletter of the City of Chieri to the more than 1,000 existing members and growing. Signing up is easy, simply fill out the application form dedicated, accessible via the logo “subscribe newsletter” on the homepage. To those who choose to hear the news, plans for the city just leave your email address.
ANSA
07/27/2015
lapresse
07/24/2015
“);} // ——————— —————————– // // Move column 2 related articles // // —— ——————————————– if (device.mobile ( )) {var ArtCorr j = $ (“# col1ContainerArtCorr”). detach (); j $ (“# ed_Related_Box”). before (ArtCorr); var cont = ArtCorr.find (“. ls-box-related items. ls-boxcontent-body .ls-boxcontent-body-view “); ArtCorr.find (“. ls-boxcontent #scrollArrows “). css (” display “,” none “); if (cont.find (“. ls -boxUltimoArticolo “). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo “). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ArtCorr.show (); var base = ArtCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent- body “), content: base.find (“. ls-boxcontent-body-view “)}); ExpertCorr} var j = $ (“# col1ContainerExpertCorr”). Detach (); J $ (“# ed_Related_Box”). Before (ExpertCorr); var cont = ExpertCorr.find (“. ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”); ExpertCorr.find (“. Ls-boxcontent #scrollArrows”). Css (“display”, “none”); if (cont.find (“. ls-boxUltimoArticolo”). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo”). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ExpertCorr.show (); var base = ExpertCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent-body”), content: base.find (“. ls-boxcontent-body-view”)}); }} Else {// var bt = j $ (“# ad_bottom2″). Detach (); // If (btm2 == “yes”) {// var bta = $ j (”); // Bta.append (bt); //} If ($ j (“# col1ContainerArtCorr”). Length & gt; 0) {// if (btm2 == “yes”) {// if ($ j (“# col1ContainerArtCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo “). length & gt; 2) {// bta.insertAfter (j $ (” # col1ContainerArtCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo: eq (1) “)); } Else {// // // j $ (“# col1ContainerArtCorr .ls-boxcontent-body-view”). Append (bta); } // // J} $ (“# frame1PlaceHolder”). After (“
” + j $ (“# col1ContainerArtCorr”). Html () + “
“); } Else if ($ j (“# col1ContainerExpertCorr”). Length & gt; 0) {// if (btm2 == “yes”) {// if ($ j (“# col1ContainerExpertCorr .ls-boxcontent-body-view. ls-boxUltimoArticolo “). length & gt; 2) {// bta.insertAfter (j $ (” # col1ContainerExpertCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo: eq (1) “)); } Else {// // // j $ (“# col1ContainerExpertCorr .ls-boxcontent-body-view”). Append (bta); } // // J} $ (“# frame1PlaceHolder”). After (“
” + j $ (“# col1ContainerExpertCorr”). Html () + “
“); }} // ———————————————- —- // // Hide the box if there are no related articles and multimedia // // ————————— ———————– if (j $ (“# containerMMCorr .ls-boxUltimoArticolo”). size () == 0) {$ j (” #containerMMCorr “). css (” display “,” none “); } If ($ j (“# containerArtCorr .ls-boxUltimoArticolo”). Size () == 0) {$ j (“# containerArtCorr”). Css (“display”, “none”); } If ($ j (“# containerExpertCorr .ls-boxUltimoArticolo”). Size () == 0) {$ j (“# containerExpertCorr”). Css (“display”, “none”); } // ———————————————– — // // Management box recent articles in opening // // ——————————– —————— $ j (“. ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). height (60); boxManual = true; boxOpened = false; var topBannerHeight; var topUltimiArticoliHeight; var topTotalTopHeight; // // ———————————————- —- // // // // Display Expert System ———————————- —————- if ($ j (“. ls-articoloTesto”). height () & gt; 550) j {$ (“. ls-articoloImmagini-Spacer”). css (“height”, $ j (“. ls-image-article”). height () + 120); $ J (“. Ls-image-article”). Css (“display”, “inline”); } If ($ j (‘. Ls-articoloES-Links’). Height () == 0) {$ j (‘. Ls-articoloES-Links’). Css (‘display’, ‘none’); } // ———————————————– — // // // // Initialization loading page ———————————— ————– $ j (document) .ready (function () {// Adaptation of video for mobile if (device.mobile ()) {$ j (‘. ls- articoloScript iframe ‘). width (j $ (window) .width ()); $ j (‘. ls-articoloScript iframe ‘). height (j $ (window) .width () * 9/16);} // // Initialization of removing 4px top padding-top box to align the thread blue top topbannerSectionHeight // var j = $ (‘. ls-topBannerSection’). outerHeight (true) – 4; // // Initialization of the arrows Last Articles // j $ (‘. arrow_up_big’). css (“display”, “none”); $ j (‘. arrow_down_big’). css (“display”, “block”); // // Initialization edges Last Articles rightBoxUltimiArticoli // var j = $ (‘# containerLista #boxUltimoArticolo’). last (); rightBoxUltimiArticoli.addClass (‘BorderRight’); // // // Initialization related articles maxAltezzaBox var = 730; hContainerArt var j = $ (“# containerArtCorr .ls-boxcontent-body-view”). height (); hViewArt var j = $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body”) .height (); var height = Math.max (hContainerArt, hViewArt); height = Math.min (height, maxAltezzaBox); J $ (‘# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body’). Height (height); J $ (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ common / img / arrow_up_disabled.png’); J $ (“# containerArtCorr #articoliCorrScrollUp”). RemoveClass (‘. Active’); // // I hide the arrows to scroll if there are less than 3 articles // if ($ j (“# containerArtCorr .ls-boxUltimoArticolo”). Size () 60) {$ j (node) .text (titolo.substring (0, 60) + ‘…’); }}); // // Add the div for the management of the scroll // j $ (‘. Ls-topBannerSection’). After (”); J $ (‘# afterTopBanner’). Height (topBannerHeight); J $ (‘# getFixed’). After (”); J $ (‘# afterUltimiArticoli’). Height (topTotalTopHeight); afterUltimiArticoliTop var j = $ (‘# afterUltimiArticoli’). position (). top; // // Management box in column 2 // var height = (j $ (‘. Ls-articoloTesto’). Height () + j $ (‘. Ls-articoloTesto’). Position (). Top) – $ j (‘# containerMMCorr’). height () – j $ (‘# containerArtCorr’). height () – $ j (‘. ls-column2′). offset (). top; J $ (‘# containerMMCorr’). After (”);
//
J $ (window) .scroll (function (event) {
var y = j $ (this) .scrollTop ();
if (($ j (window) .scrollTop () & gt; $ j (‘. ls-articoloTesto’). height ()) & amp; & amp; ($ j (window) .scrollTop () & gt; 800)) {
if ($ j (“# sh_socialized_bottom”). css (‘display’) == ‘none’) {
J $ (“# sh_socialized_bottom”). Css (‘display’, ‘block’);
$ J (“# sh_socialized_bottom”). Html ($ j (“# sh_socialized”). Html ());
}
} Else {
J $ (“# sh_socialized_bottom”). Css (‘display’, ‘none’);
$ J (“# sh_socialized_bottom”). Html (”);
}
if (device.tablet () || device.mobile ()) {
return;
}
//
// Management of the top header
//
if (y & gt; 0) {
if (j $ (window) .scrollTop () & gt; j = $ (‘# page_header’). offset (). top) {
//
// Top header fixed
//
if (if! = 1) {
case = 1;
$ J (‘. Ls-topBannerSection’). AddClass (‘fixed’);
$ J (‘. Ls-topBannerSection’). AddClass (‘fixedTopHeader’);
J $ (‘# afterTopBanner’). Css (‘display’, ‘block’);
topBannerHeight j = $ (‘. ls-topBannerSection’). height () + j $ (‘. ls-boxUltimiArticoliLista’). height ();
// Console.log (‘Case:’ + event);
}
if (j $ (window) .scrollTop () (j $ (‘# getFixed’). offset (). top – $ j (‘. ls-topBannerSection’). height ())) {
//
// Management box recent articles
//
if (if! = 3) {
case = 3;
J $ (‘# afterUltimiArticoli’). Css (‘display’, ‘block’);
J $ (‘# getFixed’). AddClass (‘fixed’);
J $ (‘# getFixed’). AddClass (‘fixedTopArticoli’);
// J $ (‘. FixedTopArticoli’). Css (‘top’, topbannerSectionHeight + ‘px’);
// AfterUltimiArticoliTop j = $ (‘# getFixed’). Offset (). Top + j $ (‘# getFixed’). Height () – $ j (‘. Ls-topBannerSection’). Height ();
// Console.log (‘Case:’ + event);
}
} Else {
}
//
// Management of related articles in column 2
//
if (j $ (window) .scrollTop () & gt; j $ (‘. ls-articoloTesto’). height ()) {
if ($ j (“# containerArtCorr”). css (‘top’) == ’0px’) {
if ($ j (“# containerArtCorr”). css (‘display’) == ‘block’) {
postop var j = $ (‘# ad_frame2′). offset (). top – $ j (‘. ls-column2′). offset (). top + 250;
var posBottom postop = + j $ (“# containerArtCorr”). height ();
if ($ j (‘# ed_Related_Box’). offset (). top & gt; posBottom) {
J $ (“# containerArtCorr”). Css (‘display’, ‘none’);
J $ (“# containerArtCorr”). Css (‘position’, ‘relative’);
J $ (“# containerArtCorr”). Css (‘top’, postop + ‘px’);
$ J (“. Ls-column2″). Height ($ j (‘. Ls-column1′). Height ());
$ J (“# containerArtCorr”). FadeIn (600);
}
}
}
} Else {
J $ (“# containerArtCorr”). Css (‘top’, ’0px’);
}
} Else {
if (if! = 4) {
case = 4;
J $ (‘# afterTopBanner’). Css (‘display’, ‘none’);
J $ (‘# afterUltimiArticoli’). Css (‘display’, ‘none’);
$ J (‘. Ls-colonneArticolo’). Css (‘position’, ‘static’);
$ J (‘. Ls-colonneArticolo’). Css (‘top’, ’0px’);
$ J (‘. Ls-topBannerSection’). RemoveClass (‘fixed’);
$ J (‘. Ls-topBannerSection’). RemoveClass (‘fixedTopHeader’);
$ J (‘. Ls-spinster’). Css (‘position’, ‘static’);
$ J (‘. Ls-spinster’). Css (‘top’, ’0px’);
J $ (‘# getFixed’). RemoveClass (‘fixed’);
J $ (‘# getFixed’). RemoveClass (‘fixedTopArticoli’);
// Console.log (‘Case:’ + event);
}
}
});
});
// ———————————————— -
//
// Our recent articles in the box opening
//
// ———————————————— -
// Store the open / close status of the box to avoid
// Handle the same event in the scroll
boxOpened var = false;
// Store if the box was New hotel opened or closed
// Manually to not change the state
// Automatically during the scroll
boxManual var = false;
$ J (‘. Arrow_down_big’). Click (function () {
// I open the box
boxManual = true;
ultimiArticoliBox (‘open’);
});
$ J (‘. Arrow_up_big’). Click (function () {
// I close the box
boxManual = true;
ultimiArticoliBox (‘close’);
});
ultimiArticoliBox function (action) {
var speed1 = 300;
var speed2 = 500;
if ((action == ‘open’) & amp; & amp; (boxOpened == false)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “block”);
$ J (‘. Arrow_down_big’). Css (“display”, “none”);
cssProp = {height: ’180px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). Animate (cssProp, speed2);
cssProp = {top: ’20px’};
// J $ (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-text’). Animate (cssProp, speed2);
cssProp = {top: ’0px’};
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-image’). Animate (cssProp, speed2);
cssProp = {height: ’179px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2,
function ()
{
var height = j $ (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
J $ (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
boxOpened = true;
}
if ((action == ‘close’) & amp; & amp; (boxOpened == true)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “none”);
$ J (‘. Arrow_down_big’). Css (“display”, “block”);
cssProp = {top: ‘-130px’};
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Css (‘position’, ‘relative’);
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-image’). Css (‘position’, ‘relative’);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-image’). Animate (cssProp, speed2);
cssProp = {top: ‘-100px’};
// J $ (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Css (‘position’, ‘relative’);
// J $ (‘# getFixed #boxUltimoArticolo .ls-boxUltimoArticolo-info’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-text’). Css (‘position’, ‘relative’);
J $ (‘# getFixed #boxUltimoArticolo .ls-box-text’). Animate (cssProp, speed2);
cssProp = {height: ’59px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxUltimiArticoliLista”). Animate (cssProp, speed2);
cssProp = {height: ’60px’};
$ J (“. Ls-new-leaf-.ls boxUltimiArticoli-top-.ls boxcontent-body”). Animate (cssProp, speed2,
function ()
{
var height = j $ (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
J $ (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
J $ (‘# afterUltimiArticoli’). Height (j $ (‘# getFixed’). Height ());
boxOpened = false;
}
}
// ———————————————— -
//
// Management related articles
//
// ———————————————— -
var speed = 300;
var valueArt = 0;
var topValueArt = 0;
var minValueArt = 0;
numArticoli var j = $ (“# containerArtCorr .ls-boxcontent-body-view .ls-boxUltimoArticolo”). length;
currArticolo var = 1;
// ———————————————— -
// Click Arrow pointing down
//
// ———————————————— -
J $ (“# containerArtCorr #articoliCorrScrollDown”). Click (function () {
valueArt = valueArt – $ j (j $ (“# containerArtCorr .ls-boxUltimoArticolo”). get (currArticolo – 1)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j (“# containerArtCorr #articoliCorrScrollDown”). hasClass (‘. active’) == false)
return;
currArticolo ++;
J $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”). Animate (cssProp, speed,
function () {
J $ (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ form / new-leaf / img / arrow_up.png’);
J $ (“# containerArtCorr #articoliCorrScrollUp”). AddClass (‘. Active’);
heightContainer var j = $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”). height ();
if (currArticolo & gt; (numArticoli – 1)) {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down_disabled.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). RemoveClass (‘. Active’);
} Else {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). AddClass (‘. Active’);
}
}
);
});
// ———————————————— -
// Arrow upwards Click
//
// ———————————————— -
J $ (“# containerArtCorr #articoliCorrScrollUp”). Click (function () {
valueArt = valueArt + $ j (j $ (“# containerArtCorr .ls-boxUltimoArticolo”). get (currArticolo – 2)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j (“# containerArtCorr #articoliCorrScrollUp”). hasClass (‘. active’) == false)
return;
currArticolo–;
J $ (“# containerArtCorr .ls-boxcontent .ls-box-items-related .ls-boxcontent-body .ls-boxcontent-body-view”). Animate (cssProp, speed,
function () {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ form / new-leaf / img / arrow_down.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). AddClass (‘. Active’);
if (numArticoli
No comments:
Post a Comment