javascript dropdown - не могу добавить ссылку

-1

Я создал базовое выпадающее меню, которое изменяет изображение. Я пытаюсь сделать каждое изображение ссылкой на нужную ссылку и изменить текст в соседней ячейке таблицы, но я изо всех сил стараюсь это сделать. Вот пример кода.javascript dropdown - не могу добавить ссылку

<img src="http://www.khl.com/other_files/khl/dealer-locatot.gif" width="300" border="0" usemap="#Map" longdesc="http://www.khl.com/other_files/khl/dealer-locatot.gif"> 
    <map name="Map"> 
     <area shape="rect" coords="8,11,127,88" href="http://www.scranet.org/" target="_blank" alt="SC&amp;RA"> 
    </map> 

    <script language="JavaScript" type="text/javascript"> 
     ImgPath='http://www.vicsjavascripts.org.uk/StdImages/'; 
     ImgPreloadAry=new Array('One.gif','Two.gif','Three.gif','Four.gif'); 
     SRCAry=new Array(); 

     for (i=0;i<ImgPreloadAry.length;i++){ 
      SRCAry[i]=new Image(); 
      SRCAry[i].src=ImgPath+ImgPreloadAry[i]; 
     } 

     function Cng(sel){ 
      document.getElementById('img').src=ImgPath+sel.options[sel.selectedIndex].value; 
      document.getElementById('tbl').style.backgroundImage='url('+(ImgPath+sel.options[sel.selectedIndex].value)+')'; 
     } 
     //--> 
    </script> 
</head> 

<body> 
    <table width="300" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
      <td width="149"><img src="http://www.khl.com/other_files/khl/dealer-locatot.gif" alt="" width="130" height="80" id=img></td> 
      <td width="151">Related text goes here - along with link to pdf</td> 
     </tr> 
    </table> 
    <p> 
     <table width="149" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td width="149" align="left" valign="top"> 
        <select name="Sel" size="1" onchange="Cng(this);" > 
         <option value="One.gif">Company 1</option> 
         <option value="Two.gif">Company 2</option> 
         <option value="Three.gif">Company 3</option> 
         <option value="Four.gif">Company 4</option> 
        </select> 
       </td> 
      </tr> 
     </table> 
    <p>

источник

2013-11-20 Sam Wilson

Есть ли у вас недостающий код в верхней части? Я не вижу начало тега '' или (я предполагаю) начало раздела '' теги являются недопустимыми дочерними элементами тега '', поэтому это может вызвать некоторые проблемы. – talemyn

Я ценю код заголовка - я хочу сказать, что я использую пользовательскую CMS, которая включает это автоматически. Если вы скопируете и вставьте код в Dreamweaver, вы увидите, что он работает нормально. Я просто не могу заставить его функционировать, как я этого хочу. –

вещи я вижу не так:

функция Cng никогда не вызывается
функция Cng использует getElementById на «IMG», который имеет соответствующий идентификатор в DOM, но не в кавычках и поэтому, вероятно, не будет работать и «tbl», в котором я не вижу id в вашем DOM. Иды уникальны для каждой страницы, поэтому использование идентификаторов, которые будут уникальными, намного лучше для идентификаторов.

источник

2013-11-20 16:40:59 DrCord

javascript dropdown - не могу добавить ссылку

ответ

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