2014-01-30 3 views
0

У меня есть эти вкладки:Как получить выбранную вкладку и отправить функцию печати?

<a href = "#" title="Print" role="button" id="print" onclick="print()" class = "btn btn-default btn-sm"><i class="fa fa-print"></i> </a> 

    <ul class="nav nav-tabs"> 
     <li><a href="#floor1" data-toggle="tab" data-id="1"><span>1st Floor</span> </a> </li> 
     <li><a href="#floor2" data-toggle="tab" data-id="2"><span>2nd Floor</span> </a> </li> 
     <li><a href="#floor3" data-toggle="tab" data-id="3"><span>3rd Floor</span> </a> </li> 
    </ul> 

    <div class="tab-content" id="tabContents"> 
     <div class="table-responsive tab-pane fade active in" id="floor1"> 
      <p>Details on floor 1</p> 
     </div> 
     <div class="table-responsive tab-pane fade" id="floor2"> 
      <p>Details on floor 2</p> 
     </div> 
     <div class="table-responsive tab-pane fade" id="floor3"> 
      <p>Details on floor 3</p> 
     </div> 
    </div> 

Всякий раз, когда я нажимаю на якорь печати я хотел бы, чтобы распечатать содержимое активной текущей вкладки. Но у меня проблема с тем, как отправить текущую вкладку в функцию печати. Может кто-нибудь мне помочь? Благодарю.

У меня это функция печати.

function print() 
      { 
       var divToPrint=document.getElementById("floor1").innerHTML; 
       newWin= window.open(""); 
       newWin.document.write(divToPrint); 
       newWin.print(); 
       newWin.close(); 
      } 
+1

Я бы просто использовать таблицу стилей печати, который имеет все, кроме активной вкладки, установленной на 'дисплее : none' ... – CBroe

+0

Да, все, что я хочу сделать, это определить, какая вкладка активна, чтобы это было напечатано. – Paul

+0

Похоже, что у вашей активной вкладки уже есть класс 'active' set ... так в чем проблема ...? – CBroe

ответ

1

Попробуйте использовать

<a ...onclick="return print()" ....></a>   

ИЛИ

<input type="button" onclick="print()" .......> 

вместо тега привязки

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