2010-11-12 4 views
0

Якорные метки Conisder a1, a2, a3 в div1 и если человек нажимает на a1 thn div2 sud open и содержит некоторые якорные метки с некоторые значения HREF по умолчанию ... как изменить HREF значения для этих тегов привязки в div2 в соответствии с якорей, выбранных в див1 .....Для динамического изменения href метки привязки в соответствии с вызывающим тегом привязки .Javascript или JQuery

Пример ...

Один 1One 1Two 2-оном

в приведенном выше кодирования ... мы должны изменить HREF а3, а4, a9, a10 и т.д. ... в зависимости от вызывающего якоря .... если вы звоните анкер a1 .. .thn a3 HREF Сюд в help.html ... и т.д ... как ТНТ ... пожалуйста, помогите мне ...

ответ

0

Ok ...

links = new Array(
    '#link-1' : 'a_page.html', 
    '#link-2' : 'another_page.html', 
    '#link-3' : 'yet_another_page.html' 
); 

$(function() { 
    $('#div1 a[href^=#link-]').click(function() { 
    $('#div2').show(); 
    $('#div2 #a3').href(links[$(this).href()]); 
    }); 
}); 

Что это устанавливается ассоциативный массив содержащие страницы, соответствующие hrefs элементов в первом div. Тогда, когда одна из ссылок щелкают (соответствуют по ли его начинается с #link- вторым сНу раскрываются, и связь с идентификатором a3 изменена, чтобы соответствовать страницам, указанным в массиве

Edit:. Включите это в <head> части вашего сайта:.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

Тогда под ней включать данный скрипт <script></script> тегов дивы должна иметь Ид = «div1» и ID = «div2» атрибуты соответственно, и ссылка для изменения требует id = "a3", чтобы это работало.

+0

Я действительно благодарю вас, Натан ... но, пожалуйста, объясните, пожалуйста, что где добавить функцию в свой код? в onclick событие waht sud? – Prasanna

+0

см. Мое редактирование. Это должно объяснить это. Если вам нужна дополнительная помощь, просто спросите. –

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