Changing media specific CSS properties from Javascript -


I have a CSS property that I should be able to replace with javascript (a pulldown). However, this font should only be used during printing (@ media print).

Therefore, the javascript can not change the font's value, as it will affect the view of the screen. Is there a way to change only the print version of the font?

Alternatively, does any CSS property refer to another property?

In this way, in print css, I can say font: printfonts, and in the screen css font: 12 and then change the value of the printfonts, and when printing, only the font will be changed.

Thank you. Edit: The issue is that I should be able to change the font size that the document is printed from the pulldown, but I do not want to change the font size on which the document is displayed.

This is an interesting dilemma that you are going there. From the top of my head, the only thing I can think is to add a new tag to the header where your font-size has been declared! For example, in your head tag: 

  & lt; Style type = "text / css" media = "print" & gt; .printfont {font-size: 16px! Important; } & Lt; / Style & gt;

This will ensure that there will be a new font-size preference.

The following is a quick example of how you can complete it with Javascript 

  & lt; Script type = "text / javascript" & gt; Var Inline MediaStyle = Faucet; Change the function MediaStyle () {var head = document.getElementsByTagName ('head') [0]; Var newStyle = document.createElement ('style'); NewStyle.setAttribute ('type', 'text / css'); NewStyle.setAttribute ('Media', 'Print'); NewStyle.appendChild (document.createTextNode ('. Printfonts {font-size: 16px! Important;}')); If (inline media style! = Null) {head.replaceChild (new style, inline media style)} other {head.appendChild (newStyle); } Inline MediaSite = New Style; } & Lt; / Script & gt;

Make sure that you have onchange = "changeMediaStyle ()" as a feature on your dropdown. Also, in my example as a disclaimer, I am not accounting for things like memory leaks, so you have to do these types of issues on your own.

As for your alternative question, as far as I know, there is no way to use what is essentially CSS variables. However, currently it has been recommended for: < / P>


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more