3 Replies - 982 Views - Last Post: 23 August 2014 - 12:57 PM

#1 AFK Games   User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 47
  • Joined: 24-July 14

Need Help With Javascript / HTML / CSS Website Members Area (2)

Posted 21 August 2014 - 12:59 PM

Hello, I am trying to create a membership using Javascript, HTML & CSS, I have currently made a register form on one page called Register, and I want to make it so the info from the registered user saves to their computer when they automatically log in, I also want to know for part 1 how to javascript:getElementById, But from another page, for example on page 1 i type hello world in the textbox, i want the label on page 2 to say hello world or whatever is inputted into it, help would be appreciated! Thanks :D

What i've got so far for the register page:
<left>
<div id="text"></div><input type="text" title="Username..." id="firstname" name="text" style="width:380px;" placeholder="Enter Username here..."/>
<style type="text/css">
#text
{
float:left;
width:100px;
}

/*CSS for dropdown box*/
select
{
width: 200px;
height: 29px;
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}
select: hover
{
width: 200px;
height: 29px;
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

/*CSS for input textbox and password*/

input[type='text'], input[type='password']
{
width: 200px;
height: 29px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

input[type='text']:hover, input[type='password']:hover
{
width: 200px;
height: 29px;
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

/*CSS for textarea*/

textarea
{
width: 200px;
height: 90px;
border-radius: 3px;
border: 1px solid #CCC;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}
textarea:hover
{
width: 200px;
height: 90px;
border-radius: 3px;
border: 1px solid #aaa;
padding: 8px;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}

</style>
<html>
<h2></h2>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#firstname").keyup(function () {
var a = $("#firstname").val();
var c= 'http://www.afk-games.org/account/' + a;
$("#fullname").val(c);
});
});
</script>
<input type="text" id="fullname" style="width:430px;" placeholder="http://www.afk-games.org/account/" disabled></input>
<p>

<script type='text/javascript'>
        function gotoserver() {
                sn = document.getElementById('firstname').value;
                redirecturl = 'http://www.afk-games.org/account.html#'+sn;
                document.location.href=redirecturl;
        }

</script>
<script type="text/javascript">
jQuery(function($){
	$('#result').load('account.html #firstname');
});
</script>
<input type='button' value=' Register ' onclick='javascript:gotoserver();' />



And for the account page I have got: (After registration + Account info)

<script type="text/javascript">
on (release){
javascript("documents.getElementById('#firstname') .src='http://www.afk-games.org/register.html';");
}
</script>
<input type="text" value=""></input>



Is This A Good Question/Topic? 0
  • +

Replies To: Need Help With Javascript / HTML / CSS Website Members Area (2)

#2 macosxnerd101   User is offline

  • Games, Graphs, and Auctions
  • member icon




Reputation: 12742
  • View blog
  • Posts: 45,925
  • Joined: 27-December 08

Re: Need Help With Javascript / HTML / CSS Website Members Area (2)

Posted 21 August 2014 - 01:03 PM

Javascript is a client-side technology. You really want to be pursuing a server-side technology with a back-end database such as PHP, Python, Ruby on Rails, etc. SQLite and MySQL are popular database choices that I imagine would suit your needs fine.
Was This Post Helpful? 0
  • +
  • -

#3 AFK Games   User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 47
  • Joined: 24-July 14

Re: Need Help With Javascript / HTML / CSS Website Members Area (2)

Posted 23 August 2014 - 07:05 AM

Well, is there any websites that can let me have a members area? Because im using weebly.
Was This Post Helpful? 0
  • +
  • -

#4 macosxnerd101   User is offline

  • Games, Graphs, and Auctions
  • member icon




Reputation: 12742
  • View blog
  • Posts: 45,925
  • Joined: 27-December 08

Re: Need Help With Javascript / HTML / CSS Website Members Area (2)

Posted 23 August 2014 - 12:57 PM

When you start talking members areas and custom features, website builders like Weebly become poor choices for tools. You really have to start developing these features yourself or pay for pre-existing software.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1