html/javascript/cssにボタンを作成してクリックすると、Webページ内のサンプルWebページが開きます

Question

ユーザーがrgb、hsl、またはhex＃を入力するクラスの簡単なカラーピッカーWebサイトを作成し、ボタンをクリックすると、6つの色見本、6つの色が主な色、相補的な明るい色と暗い色のバリエーション、カラーホイールのスペクトルなどの色が生成されます。クリックすると、ボタンをクリックすると、そのサンプルウェブサイトに実装されている6つの色は、ユーザーがウェブサイト上で選択した色を「表示」することができます。私はちょうどそれを作成する方法についてのいくつかの洞察をしたい、明らかに私は今サンプルWebサイトを書いているが、私はjavascriptコードまたは私のhtmlでそれを設定する方法を手がかりがありません。あなたがそれに近づく方法についてのアイデアを持っているなら、私に知らせてください。ありがとう:)

Answer 1

あなたのページ内にIframeタグを使用して、ボタンをクリックしたときにiframeのsrcを変更します。

function changeurl(e) { 
      $('#iframe').attr('src', 'http://www.w3schools.com'); 
      return false; 
     } 

</script> 

Answer 2

jQueryを使用する予定がある場合は、$.get()を使用して別のページを読み込むことができます。

Javascriptを：

$(document).ready(function(){ 
    $.get('ajax/test.html', function(data) { 
     // .result is the container selector for the loaded page 
     // data is the html of ajax/test.html 
     $('.result').html(data); 
     alert('Load was performed.'); 
    }); 
}); 

マークアップ：

<div class="result"></div> 

これは、クラスresultとのdivにajax/test.htmlの内容を配置します。