get.referrer | notes

https://gist.github.com/dtran320/1106059

function getReferrerDomain() {
    var url = document.createElement('a');
    url.href = document.referrer;
    return url.hostname;
}




$( document ).ready(
    function() {
var url = window.location.href;
var host = window.location.host;
if(url.indexOf('http://' + host + '/') != -1) {
    document.getElementById("home-item-menu").classList.add("active");
}
if (document.URL.indexOf("habitaciones") > -1)
{
    document.getElementById("habitaciones-item-menu").classList.add("active");

} else if (document.URL.indexOf("contacto") > -1) {
    document.getElementById("contacto-item-menu").classList.add("active");

} else if (document.URL.indexOf("rucab") > -1) {
    document.getElementById("rucab-item-menu").classList.add("active");

} else if (document.URL.indexOf("inscripciones") > -1) {
    document.getElementById("inscripciones-item-menu").classList.add("active");

} else if (document.URL.indexOf("staff") > -1) {
    document.getElementById("staff-item-menu").classList.add("active");

} else if (document.URL.indexOf("blog") > -1) {
    document.getElementById("blog-item-menu").classList.add("active");

}

</script>




        
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js"></script>
  
  <script type="text/javascript">
    emailjs.init('user_4WKy4DhqWuZgKOcO5K6a7')
  </script>

  <script type="text/javascript">
  const btn = document.getElementById('button');

  document.getElementById('form')
    .addEventListener('submit', function(event) {
      event.preventDefault();

      btn.value = 'Sending...';

      const serviceID = 'default_service';
      const templateID = 'template_complaintform';

      emailjs.sendForm(serviceID, templateID, this)
        .then(() => {
          btn.value = 'Send Email';
          alert('Sent!');
        }, (err) => {
          btn.value = 'Send Email';
          alert(JSON.stringify(err));
        });
    });

  </script>
  
  
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
https://dev.to/ebereplenty/contact-form-with-emailjs-react-581c

http://jsfiddle.net/hyjcD/ (everyones example)

http://www.liangshunet.com/en/202006/924790270.htm (good exampels)



https://gist.github.com/dtran320/1106059

function getReferrerDomain() {
    var url = document.createElement('a');
    url.href = document.referrer;
    return url.hostname;
}

https://developer.mozilla.org/en-US/docs/Web/API/Document/referrer
https://www.w3schools.com/jsref/prop_doc_referrer.asp



OK Articles:

https://zditect.com/blog/55366926.html

https://www.codeproject.com/Questions/5259118/How-to-get-the-URL-of-a-page-referrer-and-load-the



++++++++++++++++++++++++++++++++++++



/*var url = "http://www.ronniej.com/linkdes.com/?adv=267&loc=897"
var referrer = url.match(/:\/\/(.[^/]+)/)[1];


if (document.referrer) {
url = document.referrer;
ref = url.match(/:\/\/(.[^/]+)/)[1];
alert(ref);
}
*/



function url(url) {
  return url.match(/:\/\/ (. [^/]+)/)[1];
}

function check() {
  var ref = document.referrer;
  if (url(ref) == 'www.google.com') {
    // do something 
  } else {
    // redirect window.location.href = 'http://yourDomain.com'; 
    alert('else');
  }
}




++++++++++++++++++++++++++++++++++++++



$(document).ready(function() {
   var referrer =  document.referrer;
});

+++++++++++++++++++++++++++++++++++++++++++




EXAMPLE 1

var url = "http://www.ronniej.com/linkdes.com/?adv=267&loc=897"
var referrer =  url.match(/:\/\/(.[^/]+)/)[1];

alert(referrer)

EXAMPLE 2

http://jsfiddle.net/hyjcD/ (http://jsfiddle.net/hyjcD/)

var url = "http://www.ronniej.com/linkdes.com/?adv=267&loc=897"
var referrer = url.match(/:\/\/(.[^/]+)/)[1];


if (document.referrer) {
url = document.referrer;
ref = url.match(/:\/\/(.[^/]+)/)[1];
alert(ref);
}





function url(url){ return url.match (/:\/\/ (. [^/]+)/) [1]; } function check() { var ref = document.referrer; if(url (ref) =='www.google.com') { // do something } else { // redirect window.location.href = 'http://yourDomain.com'; } }



    function url(url){ 
        return url.match (/:\/\/ (. [^/]+)/) [1]; }
     function check() { var ref = document.referrer; 
        if(url (ref) =='www.google.com') { 
            // do something 
        } else { 
            // redirect window.location.href = 'http://yourDomain.com'; 
        } 
    }







    0


I want to get the user url on my site. I want to show if the user url is the root domain, add active class to the id home-item-menu. If not, don't do nothing.

I was using window.location.href and window.location.host but didn't work.

For the rest of section's I was using indexof (and the string that the url has), but because the root domain don't have any string I don't know how to do it.

  <nav class="cl-effect-5">
            <li class="nav-item" id="home-item-menu">
                <a class="nav-link menu-rucab js-scroll-trigger" href="#home"><span data-hover="HOME">HOME</span></a>
            </li>
                    </nav>
                  <nav class="cl-effect-5">
            <li class="nav-item" id="rucab-item-menu">
                <a class="nav-link menu-rucab js-scroll-trigger" href="#rucab"><span data-hover="RUCAB">RUCAB</span></a>
            </li>
             </nav>
                    <nav class="cl-effect-5">
            <li class="nav-item" id="inscripciones-item-menu">
                <a class="nav-link menu-rucab js-scroll-trigger" href="#inscripciones"><span data-hover="INSCRIPCIONES">INSCRIPCIONES</span></a>
            </li>
             </nav>
             <nav class="cl-effect-5">
            <li class="nav-item" id="habitaciones-item-menu">
                <a class="nav-link menu-rucab js-scroll-trigger" href="#habitaciones"><span data-hover="HABITACIONES">HABITACIONES</span></a>
            </li>
             </nav>
              <nav class="cl-effect-5">
            <li class="nav-item" id="staff-item-menu">
                <a class="nav-link menu-rucab js-scroll-trigger" href="#staff"><span data-hover="STAFF">STAFF</span></a>
            </li>
             </nav>
             <nav class="cl-effect-5">
            <li class="nav-item" id="blog-item-menu">
                <a class="nav-link menu-rucab js-scroll-trigger" href="#contact"><span data-hover="BLOG">BLOG</span></a>
            </li>
             </nav>
                    <nav class="cl-effect-5">
            <li class="nav-item" id="contacto-item-menu">
                <a class="nav-link menu-rucab js-scroll-trigger" href="#contacto"><span data-hover="CONTACTO">CONTACTO</span></a>
            </li>
             </nav>
JQuery/Javascript

$( document ).ready(
    function() {
var url = window.location.href;
var host = window.location.host;
if(url.indexOf('http://' + host + '/') != -1) {
    document.getElementById("home-item-menu").classList.add("active");
}
if (document.URL.indexOf("habitaciones") > -1)
{
    document.getElementById("habitaciones-item-menu").classList.add("active");

} else if (document.URL.indexOf("contacto") > -1) {
    document.getElementById("contacto-item-menu").classList.add("active");

} else if (document.URL.indexOf("rucab") > -1) {
    document.getElementById("rucab-item-menu").classList.add("active");

} else if (document.URL.indexOf("inscripciones") > -1) {
    document.getElementById("inscripciones-item-menu").classList.add("active");

} else if (document.URL.indexOf("staff") > -1) {
    document.getElementById("staff-item-menu").classList.add("active");

} else if (document.URL.indexOf("blog") > -1) {
    document.getElementById("blog-item-menu").classList.add("active");

}