Event - Default & Barnvänligt (73:*, 247:248)

Statistical Code

/**************************************************************************
	/***                         SITEIMPROVE                                ***
	/*************************************************************************/
	
    (function () {
        var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true;
        sz.src = '//siteimproveanalytics.com/js/siteanalyze_8055.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s);
    })();
	
	
	
	/**************************************************************************
	/***                        VISITORS VOICE                              ***
	/*************************************************************************/
	
    var _paq = _paq || [];
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
	
    (function() {
        var u="//tracking.visitorsvoice.com/piwik/";
        _paq.push(['setTrackerUrl', u+'piwik.php']);
        _paq.push(['setSiteId', '39']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
    })();
	
	
	/**************************************************************************
	/***                        EVENT TRACKING                              ***
	/*************************************************************************/

// Lyssna is clicked
    $(".bapluslogo").click(function(e){

// Siteimprove event
	    var eventCategory = "Lyssna på sidan";
	    var eventLabel = $('body').css('position') == 'absolute' ? "Close" : "Open";
	    var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });

// Lättläst is clicked
    $("#showEasyread").click(function(e){

// Siteimprove event
	    var eventCategory = "Lättläst";
	    var eventLabel = $('#showEasyread').hasClass('active') ? "Close" : "Open";
	    var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });

// Hitta snabbt is clicked
    setTimeout(function() {$(".rek-link").click(function(e){

// Siteimprove event
	    var eventCategory = "Hitta snabbt";
	    var eventLabel = $(document).attr('title').replace(" - Trollhättans stad", "");
	    var eventAction = $(this).text();
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });
    }, 2000);
	
</script>

if ($("body").hasClass("StartPage")) {
	
	// Language links on startpage
	var languages_start = '<div style="float: right;position: relative;height: 2em;z-index: 1;background: #f0f0f0;padding: 0.5em;">';
	var img = '<i class="fa-solid fa-angle-right" style="margin-right:5px;"></i>';
	var eng = '<a style="margin:10px;" href="/en/homepage/">' + img + '<span class="show-for-sr">Show the article in  </span> English</a>';
	var fin = '<a style="margin:10px;" href="/fi/startsida/">' + img + '<span class="show-for-sr">Näytä artikkeli  </span> Suomi</a>';
	var swe = '<a style="margin:10px;" href="/startsida/">' + img + '<span class="show-for-sr">Visa artikeln på  </span> Svenska</a>';
	var languages_end = '</div>';
	var path = window.location.pathname;

switch (path) {
		case '/startsida/':
		case '/startsida':
			$('header').append(languages_start + eng + fin + languages_end);
			break;
		case '/fi/startsida/':
		case '/fi/startsida':
			$('header').append(languages_start + eng + swe + languages_end);
			break;
		case '/en/homepage/':
		case '/en/homepage':
			$('header').append(languages_start + swe + fin + languages_end);
			break;
		default:
			break;
	}
	
	/**************************************************************************
	/***                       CAMPAIGN COLORS                              ***
	/*************************************************************************/
		
	// Campaign: Red (den nya) startpage-panels when black
	//$('.startpage-panels .colorBlack').css({"background-color":"#C94846"});
	
	// Campaign: Orange startpage-panels when empty
	$('.startpage-panels .colorEmpty').css({"background-color":"#F8B068"});
}

</script>

/**************************************************************************
	/***                 Set Language Label in header                       ***
	/*************************************************************************/
	
	var userLanguage = navigator.language || navigator.userLanguage;
	var languageLabel;

switch (userLanguage) {
    	case 'sv' :
    	case 'sv-SE' :
	        languageLabel = "Språk";
        	break;
    	case 'en' :
    	case 'en-US' :
	        languageLabel = "Languages";
        	break;
    	case 'fi' :
	        languageLabel = "Kieli";
        	break;
    	default :
	        languageLabel = "Languages";
	}

$(".functionLinks ul li.colorLightYellow a strong").text($(".functionLinks ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
	$("#MobileMenu ul li.colorLightYellow a strong").text($("#MobileMenu ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
	
</script>

/**************************************************************************
	/***             Change background color to search tip                  ***
	/*************************************************************************/
	
	if ($("body").hasClass("SearchPage")) {
		var beforeTip = '</div></div></div><div class="row"><div class="block textblock full large-12 medium-12 small-12 columns"><div class="row colorLightYellow"><div class="medium-12 columns"><p>'
		var afterTip = '</p></div>'
		var oldtext = $('.searchNumberPresentation').html();
		var newtext = (oldtext.replace('<p>', beforeTip)).replace('</p>', afterTip);
		$('.searchNumberPresentation').html(newtext);
	}

</script>

__rekai.ready(function() {

var rekAutocomplete = rekai_autocomplete(
      '.searchKeywords',
      {
        // valfritt: debug: true
      },
      [
        {
          templates: {
            suggestion: function (suggestion) {
              var url = (suggestion && suggestion.url) ? String(suggestion.url) : "";
              var urlLower = url.toLowerCase();

var tagText = "Sida";
              var tagClass = "tag-page";

if (urlLower.indexOf("minasidor.trollhattan.se") > -1) {
                tagText = "E-tjänst";
                tagClass = "tag-eservice";
              } else if (urlLower.indexOf("/nyheter/") > -1) {
                tagText = "Nyhet";
                tagClass = "tag-news";
              }

// Rendera rad: titel + tag
              return (
                '<div class="rek-suggestion">' +
                  '<a class="rek-suggestion__link" href="' + escapeHTML(url) + '">' +
                    '<span class="rek-suggestion__title">' + escapeHTML(suggestion.title || "") + '</span>' +
                    '<span class="rek-suggestion__tag ' + tagClass + '">' + tagText + '</span>' +
                  '</a>' +
                '</div>'
              );
            }
          }
        }
      ]
    ).on('rekai_autocomplete:selected', function (event, suggestion, dataset) {
      window.location = suggestion.url;
    });

});
</script>

.SearchPage .rekai-autocomplete {
		width: 90%;
		float: left;
	}

.SearchPage  .contentarea { min-height: 40rem; }

.searcharea-quick .rekai-autocomplete {
		width: inherit;
		height: 100%;
		float: left;
		width: 16.875rem;
	}
	@media only screen and (max-width: 768px) {
		.SearchPage .rekai-autocomplete { width: 100%; }
	}
	@media only screen and (max-width: 984px) and (min-width: 768px) {
		.searcharea-quick .rekai-autocomplete { width: 10.625rem; }
	}

.rek-suggestion__link {
		display:flex;
		align-items:center;
		justify-content: flex-start;
		text-align: left;
		gap: .75rem;
		text-decoration:none;
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
	
	.rek-suggestion__title {
		text-align: left;
		flex: 1 1 auto;
		min-width: 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

/* Etiketter */
	.rek-suggestion__tag {
		display:inline-flex;
		align-items:center;
		padding: 0 .5rem;
		border-radius: 999px;
		font-size: 1rem;
		line-height: 1.4;
		white-space: nowrap;
		color:#292929;
		background:#eee;
		margin-left: auto;
		flex: 0 0 auto;
	}

/* Etiketter */
	.rek-suggestion__tag.tag-eservice{ background:#7b2d78; color:#ffffff; }
	.rek-suggestion__tag.tag-news{ background:#ffb4d2; color:#292929; }
	.rek-suggestion__tag.tag-page{ background:#7de1ff; color:#292929; }
</style>

Event - Default & Barnvänligt (73:*, 247:248)

Kontaktcenter - en väg in

Öppettider

Ring eller mejla oss

Besök oss

Evenemang i Trollhättan

Sagostund på fredagar Trollhättan

Äntligen sportlov på Innovatum Science Center Trollhättan

Bok-OS Trollhättan

Barnteater: Berättelsen om den mystiska skogen Trollhättan

Musiksaga - Ett litet bokäventyr Trollhättan

Spelkväll på bibblan Trollhättan

FIFA-turnering: deltävling! Trollhättan

Lovpyssel på bibblan Trollhättan

Sagostund på lördagar Trollhättan

Efter stormen - en musiksaga Trollhättan

Familjelördag: Bamse är världens snällaste björn! Trollhättan

Efter stormen Trollhättan

Aladdin the musical Trollhättan

TALANGSHOWEN med Alex Hermansson! Trollhättan

Fallens Dagar 2026 Trollhättan

Slussdagen 2026 Trollhättan

Cookies

Event - Default & Barnvänligt (73:*, 247:248)

Kontaktcenter - en väg in

Öppettider

Ring eller mejla oss

Besök oss

Evenemang i Trollhättan

Sagostund på fredagar Trollhättan

Äntligen sportlov på Innovatum Science Center Trollhättan

Bok-OS Trollhättan

Barnteater: Berättelsen om den mystiska skogen Trollhättan

Musiksaga - Ett litet bokäventyr Trollhättan

Spelkväll på bibblan Trollhättan

FIFA-turnering: deltävling! Trollhättan

Lovpyssel på bibblan Trollhättan

Sagostund på lördagar Trollhättan

Efter stormen - en musiksaga Trollhättan

Familjelördag: Bamse är världens snällaste björn! Trollhättan

Efter stormen Trollhättan

Aladdin the musical Trollhättan

TALANGSHOWEN med Alex Hermansson! Trollhättan

Fallens Dagar 2026 Trollhättan

Slussdagen 2026 Trollhättan