2017-02-05 9 views
1

IDによって要素が特定のページに標的にされるように取得します:)これが可能であればその助けをしてください投稿初めてです

私は、Webページを作成するが、uが解決するのに役立つことがあり、問題に遭遇しています。 >メインページ

  • login.htmlと - - >フォームを持つページがhome.html
  • HH内iframe内にオープンする

    1. home.html: 3つのファイルがあります。 js - > javasciptファイル

    最終的な目標は、login.htmlページの送信ボタンを押した後にhome.htmlに書き込まれたLoginの代わりにユーザー名を表示することです。

    ただ今、私は、ログインという言葉をユーザ名の代わりに他のものに変更しようとしています。

    function goback(){ 
    alert("yes") 
    var str = document.getElementById("demo").innerHTML; 
    var res = str.replace("Login","ppap"); 
    document.getElementById("demo").innerHTML = res; 
    } 
    

    次のログイン単語が続いて存在している

    <a onclick="login()"><span id="demo">Login</span></a> 
    

    home.htmlファイル(メインページ)のコードは次のとおりです。

    は、次のhh.jsのためのコード(ジャバスクリプトファイル)であります

    <html> 
    <head> 
    <script language="javascript" src="hh.js"> 
    </script> 
    </head> 
    <body bgcolor="#000033"> 
    <br><font color="white"> 
    LOGIN<br> 
    USERNAME:<input type="text" id="user"><br> 
    PASSWORD:<input type="password"><br> 
    <button onclick="goback()">Submit</button> 
    </body></font> 
    </html> 
    

    Problem-

    :ファイルlogin.htmlとの完全なコードがあります

    関数goback()は、両方のファイルに存在し、テストするだけです。どちらのページにもボタンがあります(Login.htmlにはサブミットボタン& & home.htmlには同じ機能のランダムボタンがあります)。

    ログイン時にiframe(home.html内のiframe)をクリックすると、同じ機能を持つhome.htmlにあるボタンを実行すると、警告が実行されますが、ログインワードボタンは変更されません。 Lingの単語はppapに変わります。

    投稿ボタンが実行されていますが、getelementidがhome.htmlではなくlogin.htmlのID名を検索していると思います。

    getlementbyidをhome.htmlに設定するのを手伝ってもらえれば、非常に感謝しますが、学校の教師がコードを理解していないので、とても簡単なコードを書いてください。また、同じことをするための他の簡単な方法がある場合、iframeを使用する代わりに、あたかもそれらの答えをあたかも受け取っているかもしれません。ログインの機能が呼び出され、goback()関数が同じページで呼び出されるまで、 ..

  • 答えて

    0

    あなたはこの必要があります。あなたの質問を読むことが、要素が

    JS

    を試す表示するには少し難しい

    <a onclick="login()"><span id="demo">Login</span></a> 
    

    その中にテストを変更する

    function login() { 
        document.getElementById("demo").innerHTML = "Logout"; 
    } 
    

    document.getElementById("demo").style.display = "block"; 
    

    CSS

    #demo {display: none;} 
    
    +0

    ありがとうございました。これは少し役に立ちましたが、私の質問はまだクリアされていません......私に与えられたコードラインは、私のものと同じように動作しますが、私の問題は、私は別のページ、つまりログイン、htmlから関数を呼び出します。置き換えは起こりませんが、同じページから同じ関数を呼び出すと置き換えが行われます...私はlogin.html(他のページ) '警告'が実行されているが、置き換えられていないので、関数を実行します。 – SXG

    +0

    両方のページのHTMLコードを教えてください。歓声を助けるでしょう。 –

    +0

    単語の制限のためにコード全体を入れることはできませんので、ホームページに現在表示されているコードには、次のコードが接続されています: