php - Changing DIV color in CSS depending on database results? -

-

i want change background color of div depending on true/false values in database i'm running. can done in css or forced use inline css when comes this?

one solution came had created several (4-5) classes called classes had same css rules except color , made me think redundant , waste of space.

i researched , seems can have php variables in css. without making separate .css/.php file link in header several reasons. possible?

maybe can explain better code. here concept i'm trying , want know if i'm able without external stylesheet?:

<hml> <head> div.content { background-color: <?php echo $legendcolor;  ?>; border-style:solid; border-width:2px; border-color: #000; margin: 10px 0px; } </head> <body>  <?php  /* after database connection & query*/  while ($row = mysql_fetch_assoc($result2)) {   $var1 = $row["db_boolean_var1"]; $var2 = $row["db_boolean_var2"]; $var3 = $row["db_boolean_var3"]; $var4 = $row["db_boolean_var4"];  if($var1 == true){     $legendcolor = "#f00";     }     elseif ($var2 == true){         $legendcolor = "#f0f";         }         elseif($var3 == true){             $legendcolor = "#999";             }             elseif($var4 == true){                 $legendcolor = "#0f0" ;             }                             else{                                 $legendcolor = "#fff";                                 }     echo "<div class=\"content\"> </br> </div>";  }  </body> </html>

why not do

div.content {     border-style:solid;     border-width:2px;     border-color: #000;     margin: 10px 0px; }

and add additional class div depending on db result, e.g.

<div class="content <?php echo getcontentclass($row) ?>"> ... </div>

where getcontentclass() helper function translates these boolean values meaningful css classes instead of concrete color values. 

function getcontentclass(array $row) {     return implode(' ', array_intersect_key(         array(             'db_boolean_var1' => 'state1',             'db_boolean_var2' => 'state2',             'db_boolean_var3' => 'state3',             'db_boolean_var4' => 'state4'         ),         array_filter($row)     )); }

then add css classes regular stylesheet, e.g.

div.state1 { background-color: red; color: inherit }

this way, cleanly separated , dont have resort inline styles.

edit: please note class names shown above not meaningful. nor classnames red or black meaningful because presentation related. try make them content related, e.g. invalid, error, paid, free, active , on.


Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

jquery - appear modal windows bottom -

-
i have modal windows in application, work fine <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> but when modal appears, appear top of windows, , want appear bottom the application joomla 3.0! , using template of meet gavern any idea? i found solution i modified de css in bootstrap .modal.fade { top:-25%; -webkit-transition:opacity .3s linear, bottom .3s ease-out; -moz-transition:opacity .3s linear, bottom .3s ease-out; -ms-transition:opacity .3s linear, bottom .3s ease-out; -o-transition:opacity .3s linear, bottom .3s ease-out; transition:opacity .3s linear, bottom .3s ease-out; }
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more