Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
<html lang="en">
<!--
***********************
Autor: Márcio Lopes Fão
http://is.gd/marciofao
***********************
-->
<head>
  <meta charset="UTF-8" />
  <title>Ftp to http link converter</title>
  <script src="script.js"></script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <p> 
    <img src="http://i.imgur.com/9p8NsVC.png" alt="logo Ftp to http">
    </p>
   <p>  Online tool for converting FTP to HTTP Urls</p>
     <p>Paste your ftp link:</p>
     <form>
        <input id="ftplink" type="text" pattern="(ftp):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?" placeholder="ftp://example.com@example/index.html" onClick="this.setSelectionRange(0, this.value.length)"/>
​
      <div> 
          <button onclick="convert()">Convert!</button>
      </div>
      </form>
    <div id="converted">
    Converted!
    <p>
        <a href="http://is.gd/ftptohttp">is.gd/ftptohttp</a>
    </p>
    </div>
     
     
     </p>
     <p class="obs">
       Let's use this, while The filezilla do not implement this repeated feature request!
     </p>
     <span>Community requests:
     <p><a href=" https://forum.filezilla-project.org/viewtopic.php?t=28102">https://forum.filezilla-project.org/viewtopic.php?t=28102</a> </p>
     <p>  <a href=" https://forum.filezilla-project.org/viewtopic.php?t=16511">https://forum.filezilla-project.org/viewtopic.php?t=16511</a></p>
     <p>  <a href=" http://trac.filezilla-project.org/ticket/4826">http://trac.filezilla-project.org/ticket/4826</a></p>
     <p>  <a href=" http://trac.filezilla-project.org/ticket/8654">http://trac.filezilla-project.org/ticket/8654</a></p>
     <p>  <a href=" http://trac.filezilla-project.org/ticket/8861">http://trac.filezilla-project.org/ticket/8861</a></p>
     </span>
</body>
</html>
 
body{
  font-family: arial, verdana;
  text-align: center;
}
p img{
    height: 25%;
}
input{
  width: 75%;
  text-align: center;
}
#converted{
  display: none;
}
#converted p a{
    font-size: 20px;
    font-weight: bold;
}
.obs,span{
  font-size: 10px;
}
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
marciofaopro
0viewers