Test
Just trying this out againW
HTML
<script src="https://static.firebase.com/v0/firebase.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div>
Username:
<br>
<input type="text" id="Textbox1">
<br>
Name:
<br>
<input type="text" id="Textbox2">
<br>
Contraseña:
<br>
<input type="text" id="Textbox3">
<br>
Date:
<br>
<input type="text" id="datepicker"class="special">
<br>
<table class=buttons>
<tr>
<td><button id=mybutton onclick=myfunction()>Registrate </button>
<td><button id=mybutton onclick=testfunction()>Login </button>
</table>
<div id="div1"></div>
</div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
CSS
input{
font-family: Lato;
background-color: #8ddaff;
width: 75%;
border-style:none;
background-color:#ffffff;
}
div {
font-family: Lato;
background-color: #8ddaff;
text-align: center;
}
button {
font-family: Lato;
background-color: #8ddaff;
background-color: #e7e7e7;
width: 100%;
}
table {
font-family: Lato;
background-color: #8ddaff;
width: 75%;
table-layout: fixed;
border-collapse: collapse;
background-color: #8ddaff;
text-align: center;
margin-left:auto;
margin-right:auto;
}
input.special {
font-family: Lato;
background-color: white;
}
JavaScript
$( function() {
$( "#datepicker" ).datepicker();
} );
var firebasetable = new Firebase("https://wishlist-firebase.firebaseio.com/Applicacion/")
function testfunction(){
var users = "https://wishlist-firebase.firebaseio.com/Applicacion/Testeando/"+textarea1;
users.on("value", function(data) {
var name = data.val().Username;
var city = data.val().Nombre;
var position = data.val().Contraseña;
var me = "Username:"+name+" Password:"+city+" Real name: "+position;
var div1 = document.getElementById('div1');
div1.innerHTML=me;
})
}
function myfunction() {
var textarea1 = document.getElementById("Textbox1").value;
var textarea2 = document.getElementById("Textbox2").value;
var textarea3 = document.getElementById("Textbox3").value;
var textarea4 = document.getElementById("datepicker").value;
var Spacefiller = '"'
var Spacefiller2 = '\"'
var users = "https://wishlist-firebase.firebaseio.com/Applicacion/Users/"+textarea1;
var valuearea1 = Spacefiller.concat(textarea1, Spacefiller2);
var valuearea2 = Spacefiller.concat(textarea2, Spacefiller2);
var valuearea3 = Spacefiller.concat(textarea3, Spacefiller2);
var valuearea99 = textarea4.replace(/\//g, "\\/" );
var valuearea98 = valuearea99.replace(/\/0/g, "/" );
var valuearea97 = valuearea98.replace(/"0/g, '""' );
var valuearea4 = Spacefiller.concat(valuearea97, Spacefiller2);
var firebasetable = new Firebase(users)
firebasetable.set({
Username: valuearea1,
Nombre: valuearea2,
Contraseña: valuearea3,
Cumpleaños: valuearea4,
});
var wishlists = "https://wishlist-firebase.firebaseio.com/Applicacion/Wishlists/" +textarea1;
var wishlist = new Firebase(wishlists)
wishlist.set({
CantidadDeseos: '\"0\"',});
var me = "Username:"+valuearea1+" Password:"+valuearea2+" Real name: "+valuearea3+" Date: "+valuearea4;
var div1 = document.getElementById('div1');
div1.innerHTML=me
}