2012-04-20 9 views
0

私は以下のコードを持っています。 私はテキストエリアに値のリストを入れます。 iframeはa行の値をハードコードされたURLに連結し、次にクリックすると次の行の値を連結する必要があります。前の行の前の値をクリックしたとき。ここで私はあなたの参照を使用して書いたコードだ をが、私は何とかそれが仕事を得るカント:@Adeneoは答えた後、ここでテキスト領域の各行から独立してテキストを抽出する方法は?

<HTML> 
<Head> 
<button>Previous</button> 
<button>Next</button> 
<textarea rows="10" cols="20"> 
Values here 
</textarea> 
</br> 
</head> 
<body> 
<iframe src="http://www.domain.com/"*&rowValue from the textarea* height="1200px" width="1200px"> 
    <p>Your browser does not support iframes.</p> 
</iframe> 
</body> 
</HTML> 

コードです。また、可能であれば、スクリプトはiframeの上に現在表示されているASINを表示できますか?

<HTML> 
<Head> 
<button id="prev">Previous</button> 
<button id="next">Next</button> 
<textarea rows="10" cols="20" value=""> 
ASINs here 
</textarea> 
<button id="go">Go</button> 
<br/> 
</head> 
<body> 
<iframe id="myframe" src="http://www.amazon.co.uk/dp/" height="100%" width="100%"> 
    <p>Your browser does not support iframes.</p> 
</iframe> 
<script>var domain='http://www.amazon.co.uk/dp/'; 

$('#prev, #next').on('click', function(e) { 
    var Myval = $('textarea').val().split('\n'), 
     now = $('#myframe').attr('src').replace(domain, ''); 
    if (Myval.indexOf(now)==-1) { 
     var src=domain+Myval[0]; 
    }else{ 
     var p = Myval.indexOf(now)!==0 ? Myval.indexOf(now)-1 : Myval.length-1, 
      n = Myval.indexOf(now)==(Myval.length-1) ? 0 : Myval.indexOf(now)+1, 
      src = e.target.id=='next' ? domain+Myval[n] : domain+Myval[p]; 
    } 
    $("#myframe").attr('src', src); 
    console.log(src); 
}); 
? 
</script> 
</body> 
</HTML> 

ありがとうございます!

答えて

0

たぶん、このような何かをするのに役立ちます:

var domain='http://www.domain.com/'; //could also be gotten from src attr. 

$('#prev, #next').on('click', function(e) { 
    var Myval = $('textarea').val().split('\n'), 
     now = $('#myframe').attr('src').replace(domain, ''); 
    if (Myval.indexOf(now)==-1) { 
     var src=domain+Myval[0]; 
    }else{ 
     var p = Myval.indexOf(now)!==0 ? Myval.indexOf(now)-1 : Myval.length-1, 
      n = Myval.indexOf(now)==(Myval.length-1) ? 0 : Myval.indexOf(now)+1, 
      src = e.target.id=='next' ? domain+Myval[n] : domain+Myval[p]; 
    } 
    $("#myframe").attr('src', src); 
}); 

FIDDLE

そして、ドキュメントのheadセクションにあなたのHTMLを置くのdoctypeをよく読んで、頭はありませんが、ボディなど

+0

ありがとうございます。しかし、私は再び立ち往生している。私はスクリプトを使用したり、HTML/Javascriptでプログラミングしたことがありません。 – KKC

+0

ありがとうございます。しかし、私は再び立ち往生している。私はスクリプトを使用したり、HTML/Javascriptでプログラミングしたことがありません。以下は私が修正したコードです。私は、iframeが身体の全領域を利用するように、ボタンとテキスト領域を頭に入れました。私はアマゾンで商品を販売しています。 ASINは製品のAmazon IDです。だから私が私の製品ページをチェックアウトしたいのであれば、私はそれぞれ別々に行く必要があります。テキストボックスにすべてをまとめることができれば、最初のページに行くはずです。私の製品ページは、この形式にする必要があります。www.amazon.co.uk/dp/ASIN サンプルASIN B004Z2QORW – KKC

+0

私は質問に編集したコードを入れました。これがうまくいくなら、本当に役に立ちます。それは私の努力と時間を大幅に節約します。 – KKC

関連する問題