用于打开用户定义的链接并进行用户定义的表单下拉框选择的书签

Question

我编写了一个书签来打开用户定义的网络链接，在本例中是 UCSC 基因组浏览器中的特定基因组位置。

javascript:d=%22%22+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);d=d.replace(/%5Cr%5Cn%7C%5Cr%7C%5Cn/g,%22%20,%22);if(!d)d=prompt(%22Enter%20the%20chromosomal%20location%20(ex.%20chr1:213243007-213243247):%22,%20%22%22);if(d!=null)location=%22http://genome.ucsc.edu/cgi-bin/hgTracks?hgS_doOtherUser=submit&hgS_otherUserName=Denilw&hgS_otherUserSessionName=mrkdOvrExpUniqMonometh&position=%22+escape(d).replace(/%20/g,%22+%22);void%200

人类基因组中有 24 条染色体可以显示，我想执行以下操作：

1）从用户输入的字符串中解析出染色体

在 java 脚本中使用正则表达式从 chr22 中解析 22 :213243007-213243247 或 chrX 中的 X:213243007-213243247

2) 根据用户输入在 UCSC 表单的下拉选项中进行选择

每个轨道或数据集显示 4 个轨道或数据集22条染色体，总共88条。这些可以在 UCSC 基因组浏览器的“自定义轨迹”部分中根据上面选择的链接进行选择，例如

http://genome.ucsc.edu/cgi-bin/hgTrack s ?hgS_doOtherUser=submit&hgS_otherUserName=Denilw&hgS_otherUserSessionName=mrkdOvrExpUniqMonometh&position=chr14%3A22%2C409%2C038-22%2C409%2C507

HS0356_chr_CHROMOSOME_duplicates_标准长度三角形 HS0445_dpwg_chr_chr染色体_duplicates_standard_len_triangle HS1328_chr_染色体_duplicates_standard_len_triangle HS1329_dpwg_chr_chrCHROMOSOME_duplicates_standard_len_triangle

然后我希望上面的下拉菜单，其中 CHROMOSOME 在第 1 部分中定义，从 隐藏 更改为 < em>Full，以便仅显示感兴趣染色体的数据。

也许这样的事情会有所帮助： http://www.codeproject.com/KB/scripting/autoselect.aspx

Answer 1

对于第一个问题，

var str = "chr22:213243007-213243247";
var result = /chr(\w*):(\d*)-(\d*)/.exec(str);
if(result)
{
    alert(result[1]) // 22
    alert(result[2]) // 213243007
    alert(result[3]) // 213243247
}
else
{
    // User entered invalid string
    alert("Invalid input");
}

如果您不需要 result[2] 和 result[3]，请忽略它们。

我看了你问题的第二部分（希望我理解正确），页面上的大部分下拉列表如下所示：

<select name="ct_HS1329dpwgchrchr17duplicatesstandardlentriangle_5941" class="hiddenText" style="width: 70px">
    <option selected="">hide</option>
    <option>dense</option>
    <option>full</option>
</select>

现在，我们可以使用以下代码来获取上面的 select 元素并将所选选项设置为“完整”：（编辑：添加了一个解决方法，因为无法预测完整元素名称）

// Convert "chr17_duplicates_standard_len_triangle" to "chr17duplicatesstandardlentriangle"
var selectText = "chr17_duplicates_standard_len_triangle";
var selectName = selectText.replace(/_/g, "");

// Find the element that contains "chr17duplicatesstandardlentriangle" in
// it's name.
var selectElements = document.getElementsByTagName("select");
for(var i=0;i<selectElements.length;i++)
{
    var ele = selectElements[i];
    var name = ele.name;
    if(name.indexOf(selectName)!==-1)
    {
        ele.selectedIndex = 2;
        break;
    }
}

我不喜欢这个解决方案，因为它涉及循环遍历页面上的所有选择元素，当您只需要一个。如果有人知道更好的解决方案，请告诉我。

希望能回答您的问题！