testsri4ihft.seeonsea.com
Open in
urlscan Pro
141.95.109.95
Public Scan
URL:
https://testsri4ihft.seeonsea.com/
Submission: On April 02 via api from US — Scanned from US
Submission: On April 02 via api from US — Scanned from US
Form analysis 13 forms found in the DOM
<form class="">
<div class="menu-map-base">
<div id="leaflet-control-accordion-layers-0"><input id="ac0" name="accordion-1" class="menu" checked="true" type="radio">
<div class="tooltipIcon">
<p class="tooltiptext">Main</p><span class="slide"><label for="ac0">Main</label></span>
</div>
<article class="ac-large">
<div class="menu-item-radio">
<div class="tooltipIcon">
<p class="tooltiptext">Road Map</p><input type="radio" class="leaflet-control-layers-selector" name="leaflet-base-layers" checked="checked"><span> Road Map</span>
</div>
</div>
<div class="menu-item-radio">
<div class="tooltipIcon">
<p class="tooltiptext">Satellite</p><input type="radio" class="leaflet-control-layers-selector" name="leaflet-base-layers"><span> Satellite</span>
</div>
</div>
</article>
</div>
</div>
<div class="menu-map-overlays">
<div id="leaflet-control-accordion-layers-1"><input id="ac1" name="accordion-1" class="menu" type="radio">
<div class="tooltipIcon">
<p class="tooltiptext">Maritime</p><span class="slide"><label for="ac1">Maritime</label></span>
</div>
<article class="ac-large">
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Traffic</p><input type="checkbox" class="leaflet-control-layers-selector" name="Traffic"><span> Traffic</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Headlight</p><input type="checkbox" class="leaflet-control-layers-selector" name="Headlight"><span> Headlight</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Protected areas</p><input type="checkbox" class="leaflet-control-layers-selector" name="Protected areas"><span> Protected areas</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Wrecks</p><input type="checkbox" class="leaflet-control-layers-selector" name="Wrecks"><span> Wrecks</span>
</div>
</div>
</article>
</div>
<div id="leaflet-control-accordion-layers-2"><input id="ac2" name="accordion-1" class="menu" type="radio">
<div class="tooltipIcon">
<p class="tooltiptext">Professional</p><span class="slide"><label for="ac2">Professional</label></span>
</div>
<article class="ac-large">
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Category</p><input type="checkbox" class="leaflet-control-layers-selector" name="Category"><span> Category</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Fishing limits</p><input type="checkbox" class="leaflet-control-layers-selector" name="Fishing limits"><span> Fishing limits</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Border</p><input type="checkbox" class="leaflet-control-layers-selector" name="Border"><span> Border</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Markup</p><input type="checkbox" class="leaflet-control-layers-selector" name="Markup"><span> Markup</span>
</div>
</div>
</article>
</div>
<div id="leaflet-control-accordion-layers-3"><input id="ac3" name="accordion-1" class="menu" type="radio">
<div class="tooltipIcon">
<p class="tooltiptext">Oceanographic</p><span class="slide"><label for="ac3">Oceanographic</label></span>
</div>
<article class="ac-large">
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Relief</p><input type="checkbox" class="leaflet-control-layers-selector" name="Relief"><span> Relief</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Bathymetric</p><input type="checkbox" class="leaflet-control-layers-selector" name="Bathymetric"><span> Bathymetric</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Sedimentary</p><input type="checkbox" class="leaflet-control-layers-selector" name="Sedimentary"><span> Sedimentary</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Type of tide</p><input type="checkbox" class="leaflet-control-layers-selector" name="Type of tide"><span> Type of tide</span>
</div>
</div>
</article>
</div>
<div id="leaflet-control-accordion-layers-4"><input id="ac4" name="accordion-1" class="menu" type="radio">
<div class="tooltipIcon">
<p class="tooltiptext">Weather</p><span class="slide"><label for="ac4">Weather</label></span>
</div>
<article class="ac-large">
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Temperature</p><input type="checkbox" class="leaflet-control-layers-selector" name="Temperature"><span> Temperature</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Pressure</p><input type="checkbox" class="leaflet-control-layers-selector" name="Pressure"><span> Pressure</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Wind</p><input type="checkbox" class="leaflet-control-layers-selector" name="Wind"><span> Wind</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Humidity</p><input type="checkbox" class="leaflet-control-layers-selector" name="Humidity"><span> Humidity</span>
</div>
</div>
</article>
</div>
<div id="leaflet-control-accordion-layers-5"><input id="ac5" name="accordion-1" class="menu" type="radio">
<div class="tooltipIcon">
<p class="tooltiptext">Climate</p><span class="slide"><label for="ac5">Climate</label></span>
</div>
<article class="ac-large">
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Anticyclone</p><input type="checkbox" class="leaflet-control-layers-selector" name="Anticyclone"><span> Anticyclone</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Geopotential</p><input type="checkbox" class="leaflet-control-layers-selector" name="Geopotential"><span> Geopotential</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Precipitation</p><input type="checkbox" class="leaflet-control-layers-selector" name="Precipitation"><span> Precipitation</span>
</div>
</div>
<div class="menu-item-checkbox">
<div class="tooltipIcon">
<p class="tooltiptext">Snow</p><input type="checkbox" class="leaflet-control-layers-selector" name="Snow"><span> Snow</span>
</div>
</div>
</article>
</div>
</div>
<li class="border-top">
<div class="optionsObs1">
<div class="mini-opt"><a><div class="tooltipIcon"><p class="tooltiptext">Mini Map</p><span onclick="showMini();"><input type="checkbox" id="ckMini" class="leaflet-control-layers-selector"> <em>Mini Map</em><br></span></div></a></div>
</div>
</li>
<li class="border-top">
<div class="optionsObs2">
<div class="mini-opt"><a><div class="tooltipIcon"><p class="tooltiptext">Mini Traffic</p><span onclick="enableFour();"><input type="checkbox" id="ckFour" class="leaflet-control-layers-selector"> <em>Mini Traffic</em><br></span></div></a>
</div>
</div>
</li>
</form>Name: form — POST
<form id="formSearch" method="post" onsubmit="return false;" name="form" class="formSearchDiv">
<div>
<h2 id="txtSearchObsBT">Search</h2>
</div>
<div class="flex-col">
<div class="flex-row flex-start search-group">
<label for="saisonCheck" id="txt_saison">Seasonality :</label>
<input type="checkbox" class="ck" id="saisonCheck" onchange="changeSaison();">
<label for="saisonCheck" class="checkbox">
<div class="checkbox__inner">
<div class="green__ball"></div>
</div>
</label>
</div>
<div class="flex-row flex-start search-group">
<label for="date1" id="txt_begin">Begin date :</label>
<div class="flex">
<input id="date1" name="date1" type="text" class="dateSearch2 datepicker-input" readonly="true">
<div id="corb1">
<img src="images/corbeille.svg" class="trash-delete" onclick="eraseDate1();">
</div>
</div>
<div class="flex">
<select id="date11" name="date11" onchange="changeMonth();" placeholder="Mois debut" class="select-large2 input100 hide-date" style="display: none;">
<option></option>
<option id="txt_janvier1">January</option>
<option id="txt_fevrier1">February</option>
<option id="txt_mars1">March</option>
<option id="txt_avril1">April</option>
<option id="txt_mai1">May</option>
<option id="txt_juin1">June</option>
<option id="txt_juillet1">July</option>
<option id="txt_aout1">August</option>
<option id="txt_septembre1">September</option>
<option id="txt_octobre1">October</option>
<option id="txt_novembre1">November</option>
<option id="txt_decembre1">December</option>
</select>
<div id="corb3" style="display: none;">
<img src="images/corbeille.svg" class="trash-delete" onclick="eraseMois1();">
</div>
</div>
</div>
<div class="flex-row flex-start search-group">
<label for="date2" id="txt_end">End date :</label>
<div class="flex">
<input id="date2" name="date2" type="text" class="dateSearch2 datepicker-input" readonly="true">
<div id="corb2">
<img src="images/corbeille.svg" class="trash-delete" onclick="eraseDate2();">
</div>
</div>
<div class="flex">
<select id="date12" name="date12" onchange="changeMonth();" placeholder="Mois fin" class="select-large2 input100 hide-date" style="display: none;">
<option></option>
<option id="txt_janvier2">January</option>
<option id="txt_fevrier2">February</option>
<option id="txt_mars2">March</option>
<option id="txt_avril2">April</option>
<option id="txt_mai2">May</option>
<option id="txt_juin2">June</option>
<option id="txt_juillet2">July</option>
<option id="txt_aout2">August</option>
<option id="txt_septembre2">September</option>
<option id="txt_octobre2">October</option>
<option id="txt_novembre2">November</option>
<option id="txt_decembre2">December</option>
</select>
<div id="corb4" style="display: none;">
<img src="images/corbeille.svg" class="trash-delete" onclick="eraseMois2();">
</div>
</div>
</div>
<div class="flex-row flex-start myObs">
<label for="myObsCheck" id="txt_onlyobs">My observations only :</label>
<input type="checkbox" class="ck" id="myObsCheck" disabled="disabled">
<label for="myObsCheck" class="checkbox disableFeatureMyObsOnly disableFeature" id="myObsOnly">
<div class="checkbox__inner">
<div class="green__ball"></div>
</div>
</label>
</div>
<div class="flex-row typeObs-row">
<label for="my-icon-select2" id="txt_typeobs">Observation Type :</label>
<div id="my-icon-select2" class="icon-select2">
<div class="wrap-input100 validate-input-left typeobs-search">
<div class="selected-icon typeobs-search"><span width="312.5" height="40"></span></div>
<div class="component-icon"></div>
</div><img class="trash-delete" src="images/corbeille.svg">
</div>
<img id="bAddTypeObs" class="searchCss" onclick="addTypeObs(); return false;" src="./images/add.png">
</div>
<div class="flex-row-btn-search">
<div class="multi-button2">
<button onclick="searchObs();" id="submitSearch" value="Send">Search</button>
<button id="text_canc3">Cancel</button>
</div>
</div>
</div>
</form>Name: formOffline — POST
<form id="formOffline" method="post" onsubmit="return false;" name="formOffline" style="border: 15px solid transparent;border-radius: 50px; margin:25px;background-color: transparent;">
<img id="closeOffline" src="images/close.png" onclick="disconnected_hide()" style="height:85px;width:85px;margin:15px;display: none;">
<table style="align-content:center;width:1200px;height: 400px;visibility: visible;background-color: transparent;" id="tabOffline">
<tbody>
<tr>
<td style="vertical-align: middle;background-color: transparent;" id="tabOfflineTd">
<div class="multi-button-disco" style="margin-left: 9%;">
<button id="txt_valOffline" onclick="validateSynchroOnly();">Synchronize</button>
<button id="txt_cancOffline" onclick="cancelOfflineConfirm();">Exit disconnect mode</button>
</div>
</td>
</tr>
</tbody>
</table>
</form>Name: formOffline2 — POST
<form id="formOffline2" method="post" onsubmit="return false;" name="formOffline2"
style="border: 15px solid transparent;border-radius: 50px; margin:25px;background-color:var(--FormCouleurFond);box-shadow: 0px 10px 12px rgb(0 0 0 / 40%);visibility: collapse;">
<table style="align-content:center;width:1200px;height: 400px;visibility: collapse;background-color:var(--FormCouleurFond);" id="tabOfflineConfirm">
<tbody>
<tr>
<td style="height: 50px;text-align: center;">
<label id="txt_cancOffline_confirm" style="font-size: 45px; font-weight: bold;margin-top: 6%;">Confirm disconnect mode exit</label>
</td>
</tr>
<tr>
<td style="vertical-align: middle;background-color:var(--FormCouleurFond);">
<div class="multi-button zoomButton" style="position: absolute;transform: translate(33%, -50%);">
<button id="txt_val2" onclick="validateSynchro();">Validate</button>
<button id="txt_canc2" onclick="disconnected_hide();">Cancel</button>
</div>
</td>
</tr>
</tbody>
</table>
</form>Name: form — POST
<form id="formModification" method="post" onsubmit="return false;" name="form" class="formMap login100-form validate-form" style="font-size: var(--FormFontSizeCarac);border-radius: var(--BorderRaduisMap);padding: 0px;">
<div class="container">
<div class="flex-col">
<div class="flex-row flex-center">
<h2 id="txtModifObs">Observation modification</h2>
</div>
<div class="flex-row">
<div class="container img-container">
<img id="imgObs1" width="500" alt="">
</div>
</div>
<div class="flex-row flex-start">
<span id="txtDescription2">Description :</span>
<input id="description" name="description" type="text" maxlength="15">
</div>
<div class="flex-row flex-start">
<span id="txtUsername">Username :</span>
<input id="username" name="username" type="text" disabled="disabled">
</div>
<div class="flex-row flex-start">
<span id="txtLatitude2">Latitude :</span>
<input type="text" name="lati" id="lati" pattern="^[+-]?\d*(\.\d{0,5})?$">
<input type="hidden" id="latiVal">
</div>
<div class="flex-row flex-start">
<span id="txtLongitude2">Longitude :</span>
<input type="text" name="longi" id="longi" pattern="^[+-]?\d*(\.\d{0,5})?$">
<input type="hidden" id="longiVal">
<input type="hidden" id="positionIntVal">
<input type="hidden" id="idVal">
<input type="hidden" id="typeObsValue">
</div>
<div class="flex-row flex-start" id="precisionRow">
<span id="precisiontxt">Geo accuracy (meter) :</span>
<input id="precisionObs" class="no-access" name="precision" type="text" readonly="">
</div>
<div class="flex-row flex-start">
<span id="txtDate2">Date :</span>
<input id="date" name="date" type="text" class="datepicker-input" readonly="" disabled="">
</div>
<div class="flex-row flex-start">
<span id="txtHour2">Hour :</span>
<input id="hour" name="hour" type="datetime">
</div>
<div class="flex-row flex-start">
<span id="txtDelete2">Delete :</span>
<input type="checkbox" class="ck2" id="removeObs" name="removeObs">
<label for="removeObs" class="checkbox">
<div class="checkbox__inner">
<div class="red__ball"></div>
</div>
</label>
</div>
<div class="flex-row flex-start" id="vernaculaireNameModifRow">
<span id="txtVernacularModif">Vernacular name :</span>
<textarea id="vernacularModif" class="no-access" name="vernaculaireName" type="text" readonly=""></textarea>
</div>
<div class="flex-row flex-start" id="scientifiqueNameModifRow">
<span id="txtScientifiqueNameModif">Scientific name :</span>
<input id="scientifiqueNameModif" class="no-access" name="scientifiqueName" type="text" readonly="">
</div>
<div class="flex-row flex-start">
<span id="txtComment2">Comment :</span>
<textarea id="msg" name="message" placeholder="Comment :"></textarea>
</div>
<div class="flex-row flex-start photo-row-isPicture">
<span id="txtPhoto2">Photo : </span>
<input id="fileContent2" type="file" name="fileContent2" onchange="onFileSelectedUpd(event)" accept=".jpg, .png, .jpeg">
</div>
<div class="flex-row flex-start">
<span id="txtPrivate">Private :</span>
<input type="checkbox" class="ck" id="privateObs" onclick="privateObsEvent(this);" name="privateObs">
<label for="privateObs" class="checkbox">
<div class="checkbox__inner">
<div class="green__ball"></div>
</div>
</label>
</div>
<div class="flex-row flex-start">
<span id="txtGroup">Group :</span>
<select id="groupeselect" onchange="changeGroupe(this);"></select>
</div>
<div class="flex-row flex-start" id="isInvisibleModifRow">
<span id="txtisInvisiblelabelModif">isInvisible :</span>
<input type="checkbox" class="ck2" id="isInvisibleModif" name="isInvisible">
<label for="isInvisibleModif" class="checkbox">
<div class="checkbox__inner">
<div class="red__ball"></div>
</div>
</label>
</div>
<div class="flex-row flex-start" id="isVerifiedModifRow">
<span id="txtisVerifiedlabelModif">isVerified :</span>
<input type="checkbox" name="isVerified" id="isVerifiedModif">
</div>
<div class="flex-row-btn">
<div class="multi-button">
<button onclick="confirmObs();" id="submit2" value="Send">Send</button>
<button onclick="div_hide();" id="text_canc2">Cancel</button>
</div>
<input type="button" id="submit0" onclick="confirmObs()" value="Send" style="height:50px;width:100%;visibility:collapse;">
</div>
</div>
</div>
</form>Name: form — POST
<form id="formCreationObs" method="post" onsubmit="return false;" name="form" class="formMap login100-form validate-form">
<div class="container">
<div>
<h2 id="txtCreateObsSOS">Observation creation</h2>
</div>
<div>
<div class="container img-container">
<div id="my-icon-select" class="icon-select">
<div class="selected-box">
<div class="selected-icon"><img src="images/intero.png" width="380" height="380"></div>
<div class="component-icon"></div>
</div>
</div>
<input id="imgObs1A" type="image" src="images/intero.png">
<div id="commentObsA" class="centered"></div>
</div>
</div>
<div class="flex-col">
<div class="flex-row">
<label for="descriptionA" id="txtDescription">Description :</label>
<input id="descriptionA" name="descriptionA" type="text" maxlength="15" disabled="" style="border-color: transparent;">
</div>
<div class="flex-row">
<label for="msgA" id="txtComment">Comment :</label>
<textarea id="msgA" name="msgA" maxlength="200" placeholder="Comment : (max 200 characters)"></textarea>
</div>
<div class="flex-row">
<label for="dateD" id="txtDate">Date :</label>
<!-- <input id="dateD" name="dateD" placeholder="Date" type="date" placeholder="dd-mm-yyyy" min="2000-01-01" max="2100-12-31" class="w90 dateSearch2 datepicker-input"> -->
<!-- <input id="dateD" name="dateD" type="text" class="datepicker-input"> -->
<input id="dateD" name="dateD" type="text" class="dateSearch2 datepicker-input" readonly="true" placeholder="">
</div>
<div class="flex-row">
<label for="hourD" id="txtHourCreate">Hour :</label>
<input id="hourD" name="hourD" placeholder="Hour" type="datetime">
</div>
<div class="flex-row">
<label for="latiObs" id="txtLatitude">Latitude :</label>
<input type="text" name="latiObs" id="latiObs" pattern="^[+-]?\d*(\.\d{0,5})?$">
</div>
<div class="flex-row">
<label for="longiObs" id="txtLongitude">Longitude :</label>
<input type="text" name="longiObs" id="longiObs" pattern="^[+-]?\d*(\.\d{0,5})?$">
<input type="hidden" id="longiValObs">
<input type="hidden" id="positionIntValObs">
<input type="hidden" id="idValCreate">
<input type="hidden" id="typeObsValueObs">
</div>
<div class="flex-row" style="display:none;" id="flexPhotoAdmin">
<label for="fileContent" id="txtPhoto">Photo : </label>
<input id="fileContent" type="file" name="fileContent" onchange="onFileSelected(event)" accept=".jpg, .png, .jpeg">
</div>
<div class="flex-row private-row">
<label for="privateObs2" id="txtPrivate2">Private :</label>
<input type="checkbox" class="ck" id="privateObs2" name="Private" onchange="privateObsEvent2(this);" disabled="">
<label for="privateObs2" class="checkbox">
<div class="checkbox__inner">
<div class="green__ball"></div>
</div>
</label>
</div>
<div class="flex-row">
<label for="groupeselectA" id="txtGroup2">Group :</label>
<div class="wrap-input100">
<select id="groupeselectA" onchange="changeGroupe2(this);" disabled="">
<option value="-1"> --------</option>
</select>
</div>
</div>
<div class="flex-row-btn">
<div class="multi-button2">
<button id="submitObs2" onclick="successObs();" value="Send">Send</button>
<button id="txt_cancelObsCreate">Cancel</button>
</div>
</div>
</div>
</div>
</form>#
<form id="Settings" action="#" class="formStyle login100-form validate-form">
<div class="flex-container-settings">
<div class="flex-row center-row">
<h1><b id="txtSettings1">Settings</b></h1>
</div>
<div class="flex-row">
<label for="limitObs">
<b id="txtNumberDisplay1">Number of days of Observations display</b>
</label>
<input type="number" name="limitObs" id="limitObs" readonly="readonly" class="disableFeature" placeholder="Enter limit">
</div>
<div class="flex-row space-row lang-row">
<span id="txtlanguage">Language</span>
<!-- <img src="imgs/eng.png" id="english" />
<img src="imgs/fr.png" id="french" />
<img src="imgs/it.png" id="italian" /> -->
<div class="container-langApp">
<button id="btnLanguageApp"></button>
<div id="languageApp"><button type="button" value="en-US" class="dropdown-item-lang"><img src="https://testsri4ihft.seeonsea.com/imgs/en-US.svg" alt="English"> <span>English</span></button><button type="button" value="fr-FR"
class="dropdown-item-lang"><img src="https://testsri4ihft.seeonsea.com/imgs/fr-FR.svg" alt="French"> <span>French</span></button><button type="button" value="It-IT" class="dropdown-item-lang"><img
src="https://testsri4ihft.seeonsea.com/imgs/It-IT.svg" alt="Italian"> <span>Italian</span></button><button type="button" value="es-ES" class="dropdown-item-lang"><img src="https://testsri4ihft.seeonsea.com/imgs/es-ES.svg" alt="Spanish">
<span>Spanish</span></button></div>
</div>
</div>
<div class="flex-row space-row">
<label for="language"><b id="txt_culture1">Map language</b></label>
<select id="language" name="language">
<option value="-1">--------</option>
<option value="af">Afrikaans</option>
<option value="am">Amharic</option>
<option value="ar-sa">Arabic (Saudi Arabia)</option>
<option value="as">Assamese</option>
<option value="az-Latn">Azerbaijani</option>
<option value="be">Belarusian</option>
<option value="bg">Bulgarian</option>
<option value="bn-BD">Bangla (Bangladesh)</option>
<option value="zh-Hans">Chinese (Simplified)</option>
<option value="zh-Hant">Chinese (Traditional)</option>
<option value="de-de">Deutch</option>
<option value="en-US">English</option>
<option value="fr">French</option>
<option value="el">Greek</option>
<option value="he">Hebrew</option>
<option value="it">Italian</option>
<option value="ja">Japanese</option>
<option value="mn-Cyrl">Mongolian (Cyrillic)</option>
<option value="ru">Russian</option>
<option value="gd-Latn">Scottish Gaelic</option>
<option value="es">Spanish</option>
<option value="tt-Cyrl">Tatar (Cyrillic)</option>
<option value="ti">Tigrinya</option>
<option value="th">Thai</option>
<option value="ta">Tamil</option>
<option value="tr">Turkish</option>
<option value="zu">isiZulu</option>
</select>
</div>
<hr>
<div class="flex-row space-row">
<label id="txt_conn">Connected</label>
<label class="switch" style="pointer-events: none;"><!-- disable offline -->
<input type="checkbox" id="rconnected" checked="true" onchange="saveOffline1();">
<div class="slider round">
<span class="on"></span>
<span class="off"></span>
</div>
</label>
</div>
<div class="flex-row" style="display: none;">
<b id="txt_area" style="visibility: collapse;">Area</b>
<span id="txt_total" style="margin-left:100px;color:white;font-size:25px;text-align:left;">Total</span>
<span style="visibility:hidden;margin-left:100px;color:white;font-size:25px;text-align:left;" id="txt_partial">Partial</span>
<label class="switch" disabled="true" style="text-align:left;visibility: collapse;">
<input type="checkbox" id="rpartial" checked="false" onchange="savePartial1();" disabled="true">
<div class="slider round">
<span class="on"> </span>
<span class="off"> </span>
</div>
</label>
</div>
<hr>
<div class="flex-row center-row">
<div class="multi-button">
<button type="button" id="btnSave" onclick="updateSettings();">Save</button>
<button type="reset" id="btnCancel" onclick="openAnnexPageSettings();">Cancel</button>
</div>
</div>
</div>
</form><form id="CreateAccountForm" class="formStyleRegister login100-form validate-form groupe-container" autocomplete="off">
<div class="container">
<h1 id="txtCreatefreeCreateAccount">Create a Free account</h1>
<b style="color:var(--FormCouleurCarac);font-size:var(--FormTailleSousTitre);" id="textInstruCreateAccount">Please fill in this form</b>
<br>
<hr>
<div class="wrap-input100 validate-input m-b-20" data-validate="Enter Username" id="usernamev">
<input class="input100" type="text" id="usernameCreateAccount" name="username" value="" required="required" aria-hidden="true" autofocus="" placeholder="Enter login">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input m-b-20" data-validate="Enter Email" id="emailregv">
<input class="input100" type="text" id="emailCreateAccount" name="email" required="required" autocomplete="email" placeholder="E-mail">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input m-b-20" data-validate="Enter Password" id="pswv">
<input class="input100" type="password" id="pswCreateAccount" name="psw" required="required" autocomplete="nope" placeholder="Password">
<img class="eye" src="./imgs/eye.png" onclick="clickEye($(this));">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 validate-input m-b-20" data-validate="Enter Password" id="psw-repeatv">
<input class="input100" type="password" id="psw-repeatCreateAccount" name="psw-repeat" required="required" autocomplete="nope" placeholder="Repeat password">
<img class="eye" src="./imgs/eye.png" onclick="clickEye($(this));">
<span class="focus-input100"></span>
</div>
<span id="txt_passwordInfosCreateAccount">Your password must respect the following conditions: a capital letter, a special character, and a number.</span>
<hr>
<div class="conditions-container">
<input type="checkbox" class="ck" id="ckagree" name="ckagree">
<label for="ckagree" class="checkbox">
<div class="checkbox__inner">
<div class="green__ball"></div>
</div>
</label>
<div>
<span id="txtCreatefree2CreateAccount">Creating an account means you agree to our </span>
<a id="locationPrivacy" onclick="closeAnnexPage();openAnnexPagePrivacy();"><span id="txtPrivacyCreateAccount" style="color:blue;">Terms and Privacy</span></a>
</div>
</div>
<br><br>
<div class="multi-button">
<button type="button" id="btnSubmitCreateAccount" onclick="registerSeeonsea();">Validate</button>
<button type="reset" id="btnCancelCreateAccount" onclick="closeAnnexPage();">Cancel</button>
</div>
<br>
</div>
<div class="popup" id="confirmCreateAccount" style="align:middle;background-color:green;">
<div class="message"></div>
</div>
</form><form id="AddGroupPopupForm" class="formStyle login100-form validate-form">
<div class="container">
<h1 id="txtGroup1">Create a group</h1>
<label for="username" style="color:var(--FormCouleurCarac);font-size:var(--FormTailleSousTitre);"><b id="txtUsername1">Login</b></label><br>
<div class="wrap-input100 m-b-20" id="namev" data-validate="Enter group name">
<input class="input100" type="text" id="nameAddGroup" name="name" style="width:300px;font-size:var(--FormFontSizeCarac);" placeholder="Enter group name">
<span class="focus-input100"></span>
</div>
<label for="descriptionAddGroup" style="color:var(--FormCouleurCarac);font-size:var(--FormTailleSousTitre);" class="m-b-20"><b id="txtDesc1">Description :</b></label>
<div class="wrap-input100 m-b-20" id="descriptionv" data-validate="Description :">
<input class="input100" type="text" id="descriptionAddGroup" name="description" style="width:300px;font-size:var(--FormFontSizeCarac);" placeholder="Enter description">
<span class="focus-input100"></span>
</div>
<hr>
<p style="color:white;"></p>
<br>
<div class="multi-button">
<button id="btnSaveAddGroup" type="button" onclick="registerGroupAdd();">Save</button>
<button id="btnCancelAddGroup" type="reset" onclick="closeAnnexPage();">Cancel</button>
</div>
<br>
<div class="popup" id="confirmAddGroup" style="top:100%;left:7%;width:100%;height:auto;align:middle;background-color:green;">
<div class="message" style="text-align:center;width:auto;font-weight:bolder;color:white;background-color:transparent;font-size:24px;">This is a warning message.</div>
</div>
</div>
</form><form id="DeleteUserGroupForm" class="formStyle login100-form validate-form">
<div class="container">
<h1 id="txtRemoveuser1DeleteUserGroup">Remove user</h1>
<label for="nameGroupeRemove" id="txtGroup1DeleteUserGroup">Group :</label>
<br>
<div class="wrap-input100 validate-input m-b-20" data-validate="Enter Group name" id="nameGroupeRemovev">
<select id="nameGroupeRemove" name="nameGroupeRemove" class="input100" onchange="initUsersToGroupe();"></select>
<span class="focus-input100"></span>
</div>
<label for="username1" id="txtUser1DeleteUserGroup">User</label>
<br>
<div class="wrap-input100 validate-input m-b-20" data-validate="Enter Group name">
<select id="username1" name="username1" class="input100">
<option value="-1">----</option>
</select>
<span class="focus-input100"></span>
</div>
<hr>
<p style="color:white;"></p>
<br>
<div class="multi-button">
<button type="button" id="btnRemoveDeleteUserGroup" onclick="removeGroup();">Remove</button>
<button type="reset" id="btnCancelDeleteUserGroup" onclick="closeAnnexPage();">Cancel</button>
</div>
<br>
<div class="popup" id="confirmDeleteGroup" style="top:100%;left:7%;width:100%;height:auto;align:middle;background-color:green;display:none;">
<div class="message" style="text-align:center;width:auto;font-weight:bolder;color:white;background-color:transparent;font-size:24px;">This is a warning message.</div>
</div>
</div>
</form><form id="AskInvitGroupForm" class="formStyle login100-form validate-form">
<div class="container">
<h1 id="txtAsk1AskInvitGroup">Ask for group invitation</h1>
<label for="Group name" id="txtGroup1AskInvitGroup">Group :</label>
<br>
<div class="wrap-input100 validate-input m-b-20" data-validate="Enter group name" id="askv">
<input class="input100" type="text" id="askAskInvitGroup" name="ask" placeholder="Enter group name" required="required" style="font-size:var(--FormFontSizeCarac);">
<span class="focus-input100"></span>
</div>
<hr>
<p style="color:white;"></p>
<br>
<div class="multi-button">
<button id="btnSaveAskInvitGroup" type="button" onclick="registerGroup();">Send</button>
<button id="btnCancelAskInvitGroup" type="reset" onclick="closeAnnexPage();">Cancel</button>
</div>
<br>
<div class="popup" id="confirmAskGroup" style="top:100%;left:7%;width:100%;height:auto;align:middle;background-color:green;display:none;">
<div class="message" style="text-align:center;width:auto;font-weight:bolder;color:white;background-color:transparent;font-size:24px;">This is a warning message.</div>
</div>
</div>
</form>#
<form id="ContactPopupForm" action="#" class="formStyleContact login100-form validate-form">
<div class="container">
<h1 id="contactTitle"></h1>
<div class="wrap-input100 validate-input m-b-20" data-validate="Write something.." id="subjectv">
<textarea id="subjectContact" name="subject" placeholder="Write something.." class="input100 txtarea100"></textarea>
<span class="focus-input100"></span>
</div>
<br>
<div class="multi-button">
<button type="button" id="btnSaveContact" onclick="submitContact();"></button>
<button type="reset" id="btnCancelContact" onclick="closeAnnexPage();"></button>
</div>
<br>
<div class="popup" id="confirmContact">
<div class="message content"></div>
</div>
</div>
</form>#
<form id="IdeaPopupForm" action="#" class="formStyleContact login100-form validate-form">
<div class="container">
<h1 id="txt_feed">Suggestion Box</h1>
<div class="wrap-input100 validate-input m-b-20" data-validate="Write something.." id="subjectv">
<textarea id="subjectIdea" name="subject" placeholder="Write something.." class="input100 txtarea100"></textarea>
<span class="focus-input100"></span>
</div>
<br>
<div class="multi-button">
<button type="button" id="btnSaveIdea" onclick="submitIdea();"></button>
<button type="reset" id="btnCancelIdea" onclick="closeAnnexPage();"></button>
</div>
<br>
<div class="popup" id="confirmIdea">
<div class="message" style="text-align:center;width:auto;font-weight:bolder;color:white;background-color:transparent;font-size:24px;">This is a warning message.</div>
</div>
</div>
</form>Text Content
2
2
25
207
2
2
2
2
2
3
9
3
4
4
3
3
8
7
21
4
3
2
2
2
4
8
4
2
5
2
11
11
2
519
6
11
6
2
4
3
5
7
4
6
5
7
13
12
8
33
3
12
7
2
7
52
25
13
7
7
3
4
10
10
24
28
55
52
32
10
13
4
30
60
8
20
3
4
11
19
3
12
18
394
12
11
32
13
23
71
130
7
5
7
10
13
31
29
24
47
55
81
1295
120
59
758
12965
Map
Main
Main
Road Map
Road Map
Satellite
Satellite
Maritime
Maritime
Traffic
Traffic
Headlight
Headlight
Protected areas
Protected areas
Wrecks
Wrecks
Professional
Professional
Category
Category
Fishing limits
Fishing limits
Border
Border
Markup
Markup
Oceanographic
Oceanographic
Relief
Relief
Bathymetric
Bathymetric
Sedimentary
Sedimentary
Type of tide
Type of tide
Weather
Weather
Temperature
Temperature
Pressure
Pressure
Wind
Wind
Humidity
Humidity
Climate
Climate
Anticyclone
Anticyclone
Geopotential
Geopotential
Precipitation
Precipitation
Snow
Snow
Mini Map
Mini Map
Mini Traffic
Mini Traffic
1000 km
This is a warning message.
Welcome to SeeOnSea, the global network for sharing observations at sea and on
land. The use of this network is free, it allows access to a set of maps on
which are noted the observations shared by users around the world.
Click on an observation to view it. You can then confirm it . You can also click
on the word "wiki" or the image of the observation to access information and
photos from Wikipedia.
Once on the map you can place an observation by clicking directly on the
location where you want to save it. Upon validation, your observation will be
shared with all users.
The menu at the bottom right of the map concentrates all the possibilities:
to access overlay layers to the map (weather, climate, oceanographic, ...). to
filter the visible observations on the map. to access the various options and
settings. to refresh the observations on the map. In addition, if the
“geolocation” setting of the application is enabled, this button will re-center
the screen to your GPS position.
You have the possibility to test or even use SeeOnSea in guest mode (account
unknown), for this you just have to do
OK
.
However, we advise you to create your free account in order to unlock some
features such as the ability to move and modify your observations up to 24 hours
after recording. will then allow you to record your observations directly on
your GPS coordinates. You can also create a group or community, accept who you
want, and share some observations with each other. You will even have internal
messaging, and other functions.
The precision of the geolocation is a choice made by the producer of the data,
who may wish to inform us that he does not know it precisely, or that he
considers its distribution sensitive (confidentiality, protection of fragile
species, etc.). The level of geolocation precision (called "blurring") is
symbolized by the following dots:
=> Observation verified!
=> Observation not verified!
The mini wiki appears after clicking on the image and becomes transparent if you
click again on the obs file. It is possible to alternate the display between the
observation sheet and the wiki by simply clicking on it.
For more information, read our user guide.
Have a nice walk through our world, and thanks for sharing on SeeOnSea !
OK
OK
*
* Menu
* Filters
Filters
Public Obs
Public Obs
Private Obs
Private Obs
* Options
Options
* Settings
Settings
Geolocation
Geolocation
Other users
Other users
GPS Target
GPS Target
* Group
Group
* Creating a Group
* Group Administration
* Become a member of a Group
* Help
Help
* User Guide
User Guide
* Glossary
Glossary
* About
About
* Privacy policy
Privacy policy
* Contact
Contact
* Contact
Contact
* Idea box / Support
Idea box / Support
* Logout
Logout
You are either using a browser that does not support JavaScript, or you have
disabled JavaScript. SeeOnSea uses JavaScript for its maps.
E S W
For best results calibrate the accelerometer in your device by tracing out a
figure of 8 in the air several times vertically and horizontally. The heading
can also be affected by nearby magnetic fields.
For more information, bugs or comments please visit the repo on github.
Unfortunately this browser doesn't support orientation so will not show your
correct heading.
close
0.0 : 0.0
not found
* * Account
* Login: unknown
* Create an account
* Change account
* Map
* Creation
* Research
Validate Cancel
* Menu
* Refresh
LIST OF {NOMBRE} SPECIES OBSERVED:
99%
17837 OBS.
VAR 3.5'E (2015)
ANNUAL DECREASE 8'
SEARCH
Seasonality :
Begin date :
January February March April May June July August September October November
December
End date :
January February March April May June July August September October November
December
My observations only :
Observation Type :
Search Cancel
Synchronize Exit disconnect mode
Confirm disconnect mode exit
Validate Cancel
OBSERVATION MODIFICATION
Description :
Username :
Latitude :
Longitude :
Geo accuracy (meter) :
Date :
Hour :
Delete :
Vernacular name :
Scientific name :
Comment :
Photo :
Private :
Group :
isInvisible :
isVerified :
Send Cancel
OBSERVATION CREATION
Description :
Comment :
Date :
Hour :
Latitude :
Longitude :
Photo :
Private :
Group :
--------
Send Cancel
OK
SETTINGS
Number of days of Observations display
Language
English French Italian Spanish
Map language --------AfrikaansAmharicArabic (Saudi
Arabia)AssameseAzerbaijaniBelarusianBulgarianBangla (Bangladesh)Chinese
(Simplified)Chinese
(Traditional)DeutchEnglishFrenchGreekHebrewItalianJapaneseMongolian
(Cyrillic)RussianScottish GaelicSpanishTatar
(Cyrillic)TigrinyaThaiTamilTurkishisiZulu
--------------------------------------------------------------------------------
Connected
Area Total Partial
--------------------------------------------------------------------------------
Save Cancel
CREATE A FREE ACCOUNT
Please fill in this form
--------------------------------------------------------------------------------
Your password must respect the following conditions: a capital letter, a special
character, and a number.
--------------------------------------------------------------------------------
Creating an account means you agree to our Terms and Privacy
Validate Cancel
CREATE A GROUP
Login
Description :
--------------------------------------------------------------------------------
Save Cancel
This is a warning message.
REMOVE USER
Group :
User
----
--------------------------------------------------------------------------------
Remove Cancel
This is a warning message.
ASK FOR GROUP INVITATION
Group :
--------------------------------------------------------------------------------
Send Cancel
This is a warning message.
OK
* *
*
*
*
0%
GLOSSARY - SEEONSEA
- Observation - anything you can see on water.
- Geolocation - shows your position on the the map.
- Compass - always points North even when Rotation is used or activated
- Target - provides the GPS position at the bottom the screen
- Group - only a private group of friends, colleagues, or customers can see the
observation
- Public - the observation can be seen by everyone
Boats colors
Tankers Cargo Vessels Passengers Vessels High Speed Crafts Tugs & Special Crafts
Fishing boats Pleasure Crafts Navigation Aids Unspecified Ships
Observation verified!
Observation not verified!
OK
ABOUT - SEEONSEA
SeeOnSea is a French company based in Nice and created in 2021.
SeeOnSea is a trademark.
Your version is 1.1.840 dated on 2023-11-23.
Last release :
Integration of observation certification functionality (verified observations).
Addition of vernacular names to increase taxonomic precision.
For their contributions, we thank:
The INPN (Open data)
OpenSeaMap & OpenStreetMap (Open source)
Bings Maps (key regenerated when launching the application)
MarineTraffic (webservice)
Shom (Web Map Service)
Gebco (Web Map Service)
Nasa (Web Map Service opendata)
GeoMet (Web Map Service)
Wikipedia (under CC BY-SA 3.0)
Leaflet (Library)
Terms of Service
OK
PRIVACY POLICY - SEEONSEA
No data is collected or shared.
Regarding to privacy policies, only your position and your Internet connection
are used to manage the application. Remove your account
OK
SUGGESTION BOX
This is a warning message.
<April 2024>
141516171819
SuMoTuWeThFrSa
311234567891011121314151617181920212223242526272829301234567891011
TodayClear
<April 2024>
141516171819
SuMoTuWeThFrSa
311234567891011121314151617181920212223242526272829301234567891011
TodayClear
<April 2024>
141516171819
SuMoTuWeThFrSa
311234567891011121314151617181920212223242526272829301234567891011
TodayClear
<April 2024>
141516171819
SuMoTuWeThFrSa
311234567891011121314151617181920212223242526272829301234567891011
TodayClear
Fauna
Flora and fungus
human footprints
Natural events
Remarkable sites
Fauna
Flora and fungus
human footprints
Natural events
Remarkable sites
Please Rotate Your Device