2012-02-10 4 views
3

は、このためのソリューションをすべての上に探していたと命名されたのですが、ユーザ名とパスワードのみは、ユーザー名

私は自己取り払わのHTMLと非常に基本的なjqueryのを持っている完全な初心者だためのコードを見つけることができますサブディレクトリにリダイレクトします。

基本私は、ユーザー名だけが必要なテキスト入力/フォームが必要です。その後、ボタンをクリックすると、ユーザ名をディレクトリ名としてサブディレクトリに転送されます。 例。 Paulはユーザー名をwww.domain.co.uk/paulに記録しています。完全なパスが変更されます上記のURLの一部だけは、私はなりますユーザ名

されるドメイン/ユーザー名/ home.html

になりように、サブディレクトリには、標準home.htlmがあるでしょう必要に応じて自分のFTP内にフォルダを設定し、ユーザにユーザ名を割り当てます。

コンテンツはプライベートではないため、パスワードの必要はありません。実際、UIを非常にシンプルにするためには、私はユーザー名入力でなければなりません。

私はこれが本当にその可能性を願っていることを願っています。私は自分自身を持っていることを強調しなければなりません。最後の月にHTMLと少し基本的なjqueryを持っています。

長いポストに感謝して申し訳ありません。

答えて

3

あなたはこのような何かを探しているようですね:

$("form").submit(function(e) { 

    // this prevents the default form submission 
    e.preventDefault(); 

    // build the target URL 
    var action = 'www.domain.com/' + $("#userName").val() + '/home.html'; 

    // direct user to new url 
    window.location = action; 
}); 

UPDATE

あなたがより良い例が必要な場合は、これをチェック - コメント、その例でhttp://jsfiddle.net/xawKE/

alertメソッドを呼び出し、その上の行のコメントを外します。

+0

Blimey was quick !!!今日はあまりにも多くの朝を試してみましょう!それは何をしているのか分かりますが、それを書いた私の頭の上の方法です。明日ももう一度お試しいただきありがとうございます。 – Legg1979

+0

jsfiddleの例を試して、それが必要なものかどうかを確認してください。もちろん、ユーザー名フィールドにテキストを入力してテストしてください。 – shanabus

0

シャナバス。

送信ボタンを押したときに何か間違ったことがなければ、&のコードを試したことがありますか?&は同じページを表示します。

<form name="form" method="post" action="" id="form"> <input name="userName" type="text" id="userName"> <input name="submit" type="submit" value="Submit" id="submit"> </form>

これは私があなたのjqueryのコードは、/ヘッドである&使用している形です。

+0

提出ボタンは、同じページをもう一度ロードするように見えます。その上にカーソルを置くと、使用しているURLと現在のページURL – Legg1979

+0

がわかるようになります。これは、回答として入力するのではなく、元の質問の編集または回答としてのコメントとして入力する必要があります。リンクされた例の私の更新を見てください。 – shanabus

関連する問題