2012-04-20 81 views
0

我有以下代码。 我会在文本区域放置一个值列表。 和iframe应该将一行中的值连接到硬编码的URL,并且当我单击next时,它应该连接下一行的值;当我点击前一行的值时。如何从文本区域的每一行中独立提取文本?

<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> 

下面的代码@Adeneo回答后: 这是我写的使用您的参考代码,但我有点不能得到它的工作。另外,如果可能的话,该脚本还可以显示我目前在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

,不要把你的HTML文档的头部分,阅读了关于文档类型,头部,身体等

+0

非常感谢。但我再次被卡住了。我从来没有使用脚本或在HTML/Javascript编程。 – KKC 2012-04-20 17:44:37

+0

非常感谢。但我再次被卡住了。我从来没有使用脚本或在HTML/Javascript编程。以下是我修改的代码。我把按钮和文本区域放在头部,这样我的iframe就可以利用整个身体区域。我在亚马逊销售产品。 ASIN是产品的亚马逊标识符。所以如果我想查看我的产品页面,我必须分别去看每一个。如果我可以将所有内容放在文本框中并打开,它应该将我带到第一页。我的产品页面需要采用此格式www.amazon.co.uk/dp/ASIN 以下是一个示例ASIN B004Z2QORW – KKC 2012-04-20 17:51:49

+0

我已将编辑的代码放在问题中。如果你能做到这一点,这将非常有帮助。这将节省很多我的努力和时间。 – KKC 2012-04-20 18:02:40

相关问题