В настоящее время у меня есть список ссылок слева от моего типа iframe вроде меню. Тем не менее, я быстро понял, что это не очень масштабируемый вариант. Я хочу создать простое выпадающее меню со всеми моими ссылками внутри него и открыть их внутри моего iframe.Параметры раскрывающегося списка, которые следует открыть внутри Iframe

Пример одной из моих ссылок.

<li> 
    <a href="http://pncw0787:24543/SoA/Team%20Folders/NOC/noc%20tool%20html%20pages/CS1000%20Name%20Change.htm" 
    target="iframe1">CS1000 Name Change</a> 
</li>

2013-04-22 user2309241

Какой язык вы используете? –

Просто базовый html, с несколькими ограниченными скриптами java, которые я нашел или которым помогли. И некоторые php-формы привязаны к базе данных mysql. – user2309241

что-то вроде этого

<select id='selectLinks'> 
    <option value='http://pncw0787:24543/SoA/Team%20Folders/NOC/noc%20tool%20html%20pages/CS1000%20Name%20Change.htm'>CS1000 Name Change</option> 
    <option value='http://www.officedepot.com'>Go to Office Depot.com</option> 
</select>

Затем вам нужно будет немного JavaScript, чтобы управлять этим. Я рекомендую библиотеку jQuery, потому что это делает это простым.

EDIT: Обновлен мой пример, чтобы на самом деле было правильно. Также установлено, что Google не любит быть открыт в IFRAME, так это выглядит, как он не работает, но его только Google является боль

<script type='text/javascript'> 
    $(document).ready(function(){ 
     $("#selectLink").on("change", function(){ 
      var link = $(this).find("option:selected").val(); 
      $("#iframe1").attr("src", link); 
     });       

    }); 
</script>

это с верхней части моей головы, и я пил этот не может быть точным

Благодаря

источник

2013-04-22 23:42:58

Есть один для меня, и я дам вам знать, если это сработает. – user2309241

Построил пачку все хорошо и хорошо, но это не будет в документе. – user2309241

ОК, ну, я забыл несколько вещей. Посмотрите эту скрипку, я буду обновлять свой ответ соответственно. Http://jsfiddle.net/VqQMC/4/ –

Если вы хотите открыть ВСЕ ссылки в кадре, то вы должны указать этот факт в вашем документе ГОЛОВЫ разделе

<head> 
    <base target="iframe1"> 
</head>

И я думаю, этого достаточно.

Обновление

Хорошо, это еще один способ.

сначала ваши стили для ссылок, я просто использовал эти стили, но, без сомнения, у вас есть свои.

.menulink 
{ 
    color: #0000FF; 
    cursor: pointer; 
} 

.menulink:hover 
{ 
    color: #FF0000; 
    cursor: pointer; 
}

Затем код, чтобы открыть ссылку в IFrame

<script type="text/vbscript" id="OpenInMyFrame"> 
    ' <!-- 
    Function OpenInMyFrame(LinkUrl) 
    window.document.getElementById("MyFrame1").src = LinkUrl 
    End Function 
    ' --> 
</script>

Наконец ваши ссылки и плавающего фрейма

<ul id="MyMenu"> 
    <li class="menulink" onclick="OpenInMyFrame('http://www.bbc.co.uk')">Menu1</li> 
    <li class="menulink" onclick="OpenInMyFrame('http://www.google.co.uk')">Menu2</li> 
    <li class="menulink" onclick="OpenInMyFrame('http://www.microsoft.co.uk')">Menu3</li> 
    <li class="menulink" onclick="OpenInMyFrame('http://www.ibm.co.uk')">Menu4</li> 
</ul> 
<iframe id="MyFrame1" name="MyFrame1" style="width: 1040px; height: 682px" src="Default.aspx"> 

</iframe> 




<select id="MyMenu"> 
    <option class="menulink" onclick="OpenInMyFrame('http://www.bbc.co.uk')">Menu1</option> 
    <option class="menulink" onclick="OpenInMyFrame('http://www.google.co.uk')">Menu2</option> 
    <option class="menulink" onclick="OpenInMyFrame('http://www.microsoft.co.uk')">Menu3</option> 
    <option class="menulink" onclick="OpenInMyFrame('http://www.ibm.co.uk')">Menu4</option> 
</select>

Update II

<script type="text/javascript"> 
    //<!-- 
    function OpenInMyFrame(var1) 
    { 
    window.document.getElementById("MyFrame1").src = var1; 
    } 
    //--> 
</script>

источник

2013-04-23 00:09:18 Zeddy

Мне нужны только ссылки, которые будут в раскрывающемся списке, которые будут открыты в моем iframe. – user2309241

Это не похоже на выпадающее меню для меня? – user2309241

Извините, я изменил его в выпадающем списке – Zeddy

Джентльмен, спасибо за помощь. Я смог заставить его работать со следующим. Мне просто нужно было изменить javascript в соответствии с моими потребностями. Огромное спасибо !!

<script language="javascript" type="text/javascript"> 
function jump(form) { 
var myindex=form.menu.selectedIndex 
if (form.menu.options[myindex].value != "0") 
{ 
window.open(form.menu.options[myindex].value, 
target="iframe1"); 
} 
} 
//--> 
</script> 

<form name="lissamenu2" ACTION=URI> 
<select name="menu" onchange="jump(this.form)"> 
<option value="0">Select</option> 
<option value="0"></option> (this adds a space). 
<option value="http://pncw0787:24543/SoA/Team%20Folders/NOC/noc%20tool%20html%20pages/CS1000%20Name%20Change.htm">CS1000 Name Change</option> 
</select> 
</form>

источник

2013-04-23 23:48:49 user2309241

Параметры раскрывающегося списка, которые следует открыть внутри Iframe

ответ

Обновление

Update II

Смежные вопросы