Botão de alternador de 'Stylesheet' para comutar html quando carregar em (jQuery)?
tenho um botão no topo da minha página que permite a utilização de uma folha de estilo separada para impressão, tenho uma impressão normal.css que permite tudo ao imprimir e eu tenho uma impressão acrf.css que imprime alguns elementos. Alguém aqui me deu alguma ajuda para fazer isto funcionar na semana passada usando o seguinte JS:
<script>
$(document).ready(function(){
$('#acrf').click(function(){
$('link').first().removeAttr('href').attr('href', '_includes/css/acrfprint.css');
});
});
</script>
Isto funciona perfeitamente, mas o único problema é que o botão não lhe dá nenhuma ideia se o acrf-print.o css foi activado ou como desactiva-o.
basicamente o HTML que estou a usar isto:
<div id='acrfContaineroff'>
<button id='acrf' class='noPrint noPrint-acrf'>Enable Annotation Print Mode</button>
</div>
(Eu sei que estou usando 'em vez de" mas isso é porque está aninhado em VBScript) {[[5]}
o que eu quero fazer é quando o botão for carregado, mudar a folha de estilo para acrfprint.css e depois mostrar o seguinte HTML em vez de
<div id='acrfContaineron'>
<button id='acrf' class='noPrint noPrint-acrf'>Disable Annotation Print Mode</button>
</div>
Quando o botão Desactivar estiver seleccionado, quero que o css volte a imprimir.CSS
Qualquer ajuda seria muito apreciada. 2
Author: Dave Burns, 0000-00-00
2 answers
Desde que as tuas perguntas parecem que começaste com o javascript..
talvez devesses mudar o botão para uma caixa de cheques?
<div id='acrfContaineroff'>
<button id='acrf' class='noPrint noPrint-acrf'>Enable Annotation Print Mode</button>
</div>
Em:
<div id='acrfContaineroff'>
<input type='checkbox' id='acrf' /> Enable Annotation Print Mode
</div>
E o javascript em:
<script>
$(document).ready(function(){
$('#acrf').click(function(){
if( $('#acrf').is(':checked') ){
$('link').first().removeAttr('href').attr('href', '_includes/css/acrfprint.css');
}else{
$('link').first().removeAttr('href').attr('href', '_includes/css/print.css');
}
});
});
</script>
2
Author: Henrik, 2015-03-09 10:15:49