2017-09-12 16 views
0

ここでは初心者です。親ページで開くためにiframeのボタンをクリックしてリンクを開きたいとします。ここで私が使用するコードがあり、現在は新しいウィンドウでリンクを開きます。親ウィンドウでiframeのリンクを開く

<html> 
<body> 
    <form> 
     <div class="imgcontainer"> 
     <img src="http://www.khadimtours.com/images/kaba-box1.png" alt="Avatar" class="avatar"> 
     </div> 

     <div class="container"> 
     <label class="sansserif"><b>Username</b></label> 
     <input type="text" placeholder="Enter Username" name="userid" required> 

     <label class="sansserif"><b>Password</b></label> 
     <input type="password" placeholder="Enter Password" name="pswrd" required> 
     <button type="button" onclick="check(this.form)">Login</button>  

     </div> 

     <div class="container" style="background-color:#f1f1f1"> 
     <button type="button" class="cancelbtn" onclick="reset(this.form)">Cancel</button>  
     </div>  
    </form> 

    <script language="javascript"> 
     function check(form)/*function to check userid & password*/ { 
     /*the following code checkes whether the entered userid and password are matching*/ 
     if (form.userid.value == "user1" && form.pswrd.value == "user1") { 
      window.open('http://user1') /*opens the target page while Id & password matches*/ 
     } else if (form.userid.value == "user2" && form.pswrd.value == "user2") { 
      window.open('http://user2') /*opens the target page while Id & password matches*/ 
     } else { 
      alert("Invalid Password or Username") /*displays error message*/ 
      } 
    } 
     function reset(form) { 
      document.getElementById().reset(); 
    } 
    </script> 
</body> 

注:私はWiXの上のウェブサイトを設計し、

おかげ

+0

parent.open ....など? –

+0

ここでどこを開くかを理解するために、HTML構造を提供できますか? – Aydin4ik

+0

私はwindow.openからparent.openに変更しようとしましたが、まだ動作していません –

答えて

0

がで '_parent' として、オプションの二番目のパラメータを追加ログインフォームを作成するために、WiXのHTML/IFRAMEを使用していますwindow.open(URL、 '_parent'); 実際のURLを確認してください。

+0

こんにちはジェイ、あなたの返事をありがとう。しかし、それは動作しません。 2番目のパラメータを置いて、ボタンをクリックしても何もしませんでした。 –

+0

こんにちはジェイ、はい、私は本当のものにURLを変更しましたが、まだ動作していません。ところで、私はwix上のWebサイトを設計しており、html/iframeを使ってログインフォームを作成しています –

関連する問題