Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>That's an interesting dilemma you have going on there. Off the top of my head, the only thing I can think of is to add a new tag to the header where your font-size is declared with !important. For example, in your head tags:</p> <pre><code>&lt;style type="text/css" media="print"&gt; .printfont { font-size: 16px !important; } &lt;/style&gt; </code></pre> <p>This will ensure that the new font-size will take precedence.</p> <p>The following is a very quick example of how you may accomplish this with javascript</p> <pre><code>&lt;script type="text/javascript"&gt; var inlineMediaStyle = null; function changeMediaStyle () { var head = document.getElementsByTagName('head')[0]; var newStyle = document.createElement('style'); newStyle.setAttribute('type', 'text/css'); newStyle.setAttribute('media', 'print'); newStyle.appendChild(document.createTextNode('.printFont { font-size: 16px !important;}')); if (inlineMediaStyle != null) { head.replaceChild(newStyle, inlineMediaStyle) } else { head.appendChild(newStyle); } inlineMediaStyle = newStyle; } &lt;/script&gt; </code></pre> <p>Just ensure that you have onchange="changeMediaStyle()" as an attribute on your dropdown. Also, as a disclaimer in my example, I am not accounting for things like memory leaks, so you will have to work out those kind of issues on your own.</p> <p>As to your alternate question, as far as I am aware, there isn't any method for declaring/using what is essentially CSS variables. However, there is currently a recommendation out there for it: <a href="http://disruptive-innovations.com/zoo/cssvariables/" rel="noreferrer">http://disruptive-innovations.com/zoo/cssvariables/</a></p>
    singulars
    1. This table or related slice is empty.
    1. POChanging media specific CSS properties from Javascript
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USJordan S. Jones
    1. USJordan S. Jones
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COBut then how do I change that from the javascript in the pulldown?
      singulars
      1. PO
      1. USBrian Postow
    2. CODon't add on the server-side, then on the first change from the pulldown, use Javascript to add it to the dom and keep a reference to it. If the user changes the value (pulldown) again, remove it from the dom, and re-add it with the updated value(s).
      singulars
      1. PO
      1. USJordan S. Jones
    3. COBut how do I (in javascript) remove or add a property only in the @media print case?
      singulars
      1. PO
      1. USBrian Postow
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload