redirect 301 page2page by @Codewith.it - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

minlengthDetermina il numero minimo di caratteri per un elemento input
requiredRende obbligatorio un campo di input
animationDefinisce i parametri dell'animazione di un elemento o selettore
<option>Serve ad inserire una voce in un menu di selezione.
typeSpecifica la tipologia/funzione di un elemento.
<ul>Usato per la creazione di liste non ordinate.

Users

Log in to search for users

Explore

Find inspiration

animation background

Clona elementi JS

spiagge limitrofe

La porcellina Milly

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<style>
  .pcont {
    text-align: center;
    background:#efefef;
    padding:5px;

  }
  .pbase{
    background:white;
    margin:30px;
    padding:25px 15px;
    border-radius:10px;
    box-shadow:inset 2px 2px 15px #0004;
    display:flex;
    flex-direction:column;

  }

  .pbase input,   .pbase button {
    width:100%;
    max-width:400px;
    margin:auto
  }

  #resultz{
    -webkit-touch-callout: all; /* iOS Safari */
    -webkit-user-select: all; /* Safari */
    -khtml-user-select: all; /* Konqueror HTML */
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all; /* Internet Explorer/Edge */
    user-select: all; /* Chrome and Opera */ 
    background-color:#efefef;
    text-align:left;
    padding:5px 50px;

  }
  .palert {
    background:#FF9B9B;
    width:100%;
    max-width:450px;
    margin:10px auto;
    color:white;
    padding:3px;
    border-radius:3px;
    display:none;
  }
  .btn:hover{
    opacity:0.8;
  }
  @media screen and (max-width: 650px) {
    .pbase,  #resultz {
      padding:4px;
      margin:0
    }
  }
</style>
<div class="pcont">
  <div class="pbase">



    <label>Vecchio URL:</label>
    <input type="text" id="theold" placeholder="https://www.old-url.com" required="" autocomplete="off"><br>
    <label>Nuovo URL:</label>
    <input type="text" id="thenew" placeholder="https://www.new-url.com" required="" autocomplete="off"><br>
    <p class="palert">
    </p>
    <button onclick="redr()" class="btn">Genera</button><br>
    <p id="resultz">
    </p>
    <br>
    <p style="font-size:9pt">
      Digita gli URL del link originale e l'URL del link di destinazione negli appositi campi. Clicca su "<b>Genera</b>", copia e incolla il testo nel tuo file htaccess
    </p>
    <script> 
      function redr() {
        var oldUrl = document.getElementById("theold").value;
        var newUrl = document.getElementById("thenew").value;
        var alrt = document.getElementsByClassName('palert')[0];
        var res =  document.getElementById("resultz");
        if(oldUrl.length > 0 && newUrl.length > 0){
          let fullURL = (new URL(oldUrl));
          let domain = fullURL.hostname;
          let protocol = fullURL.protocol; 

          let result = oldUrl.replace(protocol+"//"+domain, "")
          alrt.style.display = "none";
          res.innerHTML = "# Redirect URL by BytePost <br />"+ "RewriteEngine on <br/>" + "Redirect 301 " + result + " " + newUrl;
        
      }else {
        alrt.style.display = "block";
        alrt.innerHTML = "Compila tutti i campi";
      }        
      }

    </script>
  </div> 
</div>

*{ }