{"id":4890,"date":"2025-10-10T10:39:35","date_gmt":"2025-10-10T08:39:35","guid":{"rendered":"https:\/\/nmf.no\/?page_id=4890"},"modified":"2026-01-20T14:28:10","modified_gmt":"2026-01-20T13:28:10","slug":"tips-oss","status":"publish","type":"page","link":"https:\/\/www.nmf.no\/en\/tips-oss\/","title":{"rendered":"Tips oss"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1760086916584 vc_row-has-fill vc_row-no-padding\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"spacer\" style=\"--space-sm: 80px;--space-md: 80px;--space-lg: 80px;--space-xl: 100px;\"><\/div>\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Tips oss om milj\u00f8saker -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n\n<!-- Uploadcare Widget -->\n<script src=\"https:\/\/ucarecdn.com\/libs\/widget\/3.x\/uploadcare.full.min.js\" charset=\"utf-8\"><\/script>\n\n<style>\n  \/* ====== General form styling ====== *\/\n  #miljotipsForm {\n    max-width: 680px;\n    margin: 40px auto;\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 30px 24px;\n    box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n    font-family: system-ui, sans-serif;\n    line-height: 1.5;\n  }\n\n  #miljotipsForm h2 { font-size: 28px; font-weight: 700; color: #1a3a2b; text-align: center; margin-bottom: 12px; line-height: 1.2; }\n  #miljotipsForm p { font-size: 16px; color: #333; text-align: center; margin-bottom: 25px; line-height: 1.6; padding: 0 8px; }\n  #miljotipsForm label { display: block; font-weight: 600; color: #1a3a2b; margin-bottom: 6px; margin-top: 14px; }\n\n  #miljotipsForm input[type=\"text\"],\n  #miljotipsForm input[type=\"email\"],\n  #miljotipsForm input[type=\"tel\"],\n  #miljotipsForm textarea {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    font-size: 15px;\n    transition: border-color 0.2s, box-shadow 0.2s;\n    box-sizing: border-box;\n  }\n\n  #miljotipsForm input:focus,\n  #miljotipsForm textarea:focus { border-color: #1a3a2b; box-shadow: 0 0 0 2px rgba(26,58,43,0.15); outline: none; }\n\n  #map { width: 100%; height: 300px; border: 2px solid #ccc; border-radius: 12px; margin: 12px 0; }\n  #coords { background: #f6f6f6; }\n\n  #miljotipsForm button {\n    background: #1a3a2b; color: #fff; border: none; padding: 12px 20px; border-radius: 8px;\n    font-size: 16px; font-weight: 600; margin-top: 20px; cursor: pointer; width: 100%;\n    transition: background 0.2s, transform 0.1s;\n  }\n\n  #miljotipsForm button:hover { background: #215d41; }\n  #miljotipsForm button:active { transform: scale(0.98); }\n\n  @media (max-width: 600px) {\n    #miljotipsForm { padding: 20px; margin: 20px 12px; }\n    #miljotipsForm h2 { font-size: 42px; margin-bottom: 8px; }\n    #miljotipsForm p { font-size: 15px; margin-bottom: 20px; line-height: 1.5; }\n    #map { height: 250px; }\n    #miljotipsForm input[type=\"text\"], #miljotipsForm input[type=\"email\"], #miljotipsForm input[type=\"tel\"], #miljotipsForm textarea { font-size: 14px; padding: 10px; }\n    #miljotipsForm button { font-size: 15px; padding: 10px; }\n  }\n<\/style>\n\n<form id=\"miljotipsForm\" action=\"https:\/\/submit-form.com\/8DxKiIg15\" method=\"POST\">\n\n  <h2>Tips oss om milj\u00f8saker<\/h2>\n  <p>Har du oppdaget noe som ikke er bra for naturen og milj\u00f8et? Dette skjemaet lar deg rapportere milj\u00f8saker direkte til oss. Vi tar alle tips p\u00e5 alvor, og tipser forblir anonym n\u00e5r vi behandler saken.<\/p>\n\n  <label>Navn:<\/label>\n  <input type=\"text\" name=\"navn\">\n\n  <label>E-post:<\/label>\n  <input type=\"email\" name=\"epost\">\n\n  <label>Telefonnummer:<\/label>\n  <input type=\"tel\" name=\"telefon\">\n\n  <!-- NYTT: Postnummer + sted + fylke -->\n  <label>Postnummer (Til problemstilling):<\/label>\n  <input type=\"text\" id=\"postnummer\" placeholder=\"Postnummer vil automatisk fyllt inn sted\/fylke\" inputmode=\"numeric\">\n\n  <label>Sted:<\/label>\n  <input type=\"text\" id=\"sted\" name=\"sted\" readonly>\n\n  <label>Fylke:<\/label>\n  <input type=\"text\" id=\"fylke\" name=\"fylke\" readonly>\n\n  <label>Beskrivelse av saken:<\/label>\n  <textarea name=\"beskrivelse\" rows=\"5\" placeholder=\"Forklar hva du har sett, hvor og n\u00e5r ...\" required><\/textarea>\n\n  <label>Last opp bevis - bilde\/video:<\/label>\n  <input type=\"hidden\" role=\"uploadcare-uploader\" name=\"image\" data-public-key=\"837ff3d1acc414e4bee1\" data-images-only=\"true\" data-preview-step=\"true\" data-multiple=\"true\"\/>\n\n  <h3 style=\"margin-top:25px;font-size:18px;font-weight:600;color:#1a3a2b;\">Velg lokasjon p\u00e5 kartet<\/h3>\n  <div id=\"map\"><\/div>\n\n  <label>Koordinater:<\/label>\n  <input type=\"text\" id=\"coords\" name=\"koordinater\" readonly required>\n\n  <button type=\"submit\">Send inn tips<\/button>\n\n  <!-- Hidden fields for Formspark -->\n  <input type=\"hidden\" name=\"_subject\" value=\"Nytt milj\u00f8tips fra nettsiden\">\n  <input type=\"hidden\" name=\"_redirect\" value=\"https:\/\/nmf.no\/takk-for-tipset\/\">\n<\/form>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n  \/\/ Initialize map\n  const map = L.map('map').setView([59.91, 10.75], 10);\n  L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n    attribution: '&copy; OpenStreetMap contributors'\n  }).addTo(map);\n\n  let marker = null;\n  const coordsInput = document.getElementById('coords');\n  const postnummerInput = document.getElementById('postnummer');\n  const stedInput = document.getElementById('sted');\n  const fylkeInput = document.getElementById('fylke');\n\n  \/\/ Click on map to add\/move marker\n  map.on('click', e => {\n    const { lat, lng } = e.latlng;\n    if (marker) marker.setLatLng([lat, lng]);\n    else marker = L.marker([lat, lng]).addTo(map);\n    coordsInput.value = `${lat.toFixed(6)},${lng.toFixed(6)}`;\n  });\n\n  \/\/ Lookup Norwegian postal code\n  async function lookupPostnummer(postnummer) {\n    postnummer = postnummer.trim();\n    if (!\/^\\d{4}$\/.test(postnummer)) { alert(\"Skriv inn et gyldig 4-sifret postnummer.\"); return; }\n\n    const url = `https:\/\/nominatim.openstreetmap.org\/search?postalcode=${postnummer}&country=Norway&format=json&addressdetails=1`;\n\n    try {\n      const response = await fetch(url);\n      const data = await response.json();\n      if (!data || data.length === 0) { alert(\"Fant ikke dette postnummeret. Pr\u00f8v igjen.\"); return; }\n\n      const result = data[0];\n      const lat = parseFloat(result.lat);\n      const lng = parseFloat(result.lon);\n\n      map.setView([lat, lng], 14);\n      if (marker) marker.setLatLng([lat, lng]);\n      else marker = L.marker([lat, lng]).addTo(map);\n      coordsInput.value = `${lat.toFixed(6)},${lng.toFixed(6)}`;\n\n      const addr = result.address || {};\n      \/\/ Use multiple fallbacks for Norwegian locations\n      const sted = addr.post_town || addr.town || addr.village || addr.city || addr.municipality || \"\";\n      const fylke = addr.county || \"\";\n      stedInput.value = sted;\n      fylkeInput.value = fylke;\n\n    } catch (err) {\n      console.error(err);\n      alert(\"Feil ved oppslag av postnummer.\");\n    }\n  }\n\n  postnummerInput.addEventListener(\"change\", () => {\n    lookupPostnummer(postnummerInput.value);\n  });\n\n  \/\/ Prevent empty coordinate submission\n  document.getElementById('miljotipsForm').addEventListener('submit', e => {\n    if (!coordsInput.value) {\n      e.preventDefault();\n      alert('Klikk p\u00e5 kartet for \u00e5 velge en lokasjon f\u00f8r du sender inn.');\n    }\n  });\n\n  \/\/ Initialize Uploadcare widget only once\n  if (window.uploadcare) {\n    uploadcare.Widget('[role=uploadcare-uploader]');\n  }\n\n});\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"spacer\" style=\"--space-sm: 80px;--space-md: 80px;--space-lg: 80px;--space-xl: 100px;\"><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary vidiflex-read-more-link\" href=\"https:\/\/www.nmf.no\/en\/tips-oss\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4890","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/pages\/4890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/comments?post=4890"}],"version-history":[{"count":26,"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/pages\/4890\/revisions"}],"predecessor-version":[{"id":6620,"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/pages\/4890\/revisions\/6620"}],"wp:attachment":[{"href":"https:\/\/www.nmf.no\/en\/wp-json\/wp\/v2\/media?parent=4890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}