2013-10-13 6 views
-3

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

Вот код для панели навигации:

<div class="highlights"><a><p>MATCH HIGHLIGHTS</p></a> </div> 

     <a href="#"><div class="win"> 
      <div class="match"><p>Cardiff</p></div> 
      <div class="score"><p>1-2</p></div> 
     </div></a> 
     <a href="#"><div class="loss"> 
      <div class="match"><p>Everton</p></div> 
      <div class="score"><p>3-2</p></div> 
     </div></a> 
     <a href="#"><div class="win"> 
      <div class="match"><p>Leeds</p></div> 
      <div class="score"><p>2-0</p></div> 
     </div></a> 
     <a href="#"><div class="loss"> 
      <div class="match"><p>Hull</p></div> 
      <div class="score"><p>2-3</p></div> 
     </div></a> 

, а затем содержание будет идти внутри этого DIV:

<div id="content">  content goes here  </div> 
+1

вы пытались что-нибудь? –

ответ

0

функция делают OnClick на каждой гиперссылке, как это:

<a href="javascript:;" onclick="showGoals(1);"><div class="win"> 
      <div class="match"><p>Cardiff</p></div> 
      <div class="score"><p>1-2</p></div> 
     </div></a> 


function showGoals(matchId) { 
$.ajax({ 
success : fumction (data) { 
$('#content').val(data); 
} 
}); 
return false; 
} 
+0

Thats it! моя главная борьба заключалась в том, чтобы связать javascript с html, теперь я могу с ним пообщаться! Спасибо! – sam

+0

приветствуются –

0

Я предлагаю вам прочитать на JQuery. Вот хорошая ссылка, чтобы изменить содержимое HTML, позволяя вам добавить смелый, акцент и т. Д. jQuery's .html. Вы также можете захотеть .text работ.

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