[RESOLVED] Passing fetch_array values as <div> style attributes

InfoBot

I need to pass query results as attributes of divisions. The idea is to draw a different size box depending on the returned value.

I can do this with a <table> tag, but when I use versions of the same thing to pass the values to <div> tags, nix nix.

This works. A larger 'value' draws a larger box:

while([COLOR=DarkSlateBlue]$fetched[/COLOR] = mysql_fetch_array($result, MYSQL_ASSOC))
{
echo "<td>[COLOR=DarkRed]<table[/COLOR] 
height=\"".[COLOR=DarkSlateBlue]$fetched[/COLOR]['[COLOR=Navy]value[/COLOR]']."\" 
width=\"".[COLOR=DarkSlateBlue]$fetched[/COLOR]['[COLOR=Navy]value[/COLOR]']."\" 
style=\"background:#ff3333;\" [COLOR=DarkRed]>[/COLOR]</td>

</tr>[COLOR=DarkRed]</table>[/COLOR]</td>";
}

But when I try to do the same thing with <div> tags and various inline style syntax that I know to work, the concatenated $fetched values get lost. I tried a couple versions of inline style, both of which render the other attributes (absolute position, background color) except that they don't pick up the $fetched value:

while([COLOR=DarkSlateBlue]$fetched[/COLOR] = mysql_fetch_array($result, MYSQL_ASSOC)){
[COLOR=DarkRed]<div[/COLOR] style=
\"background:#ff3333;
position:absolute; 
top:505px; 
left:250px; 
height:".[COLOR=DarkSlateBlue]$fetched[/COLOR]['[COLOR=Navy]value[/COLOR]'].";
width:".[COLOR=DarkSlateBlue][COLOR=DarkSlateBlue]$fetched[/COLOR][/COLOR]['[COLOR=Navy]value[/COLOR]']."\ [SIZE=5][B][COLOR=magenta];[/COLOR][/B][/SIZE] "[COLOR=DarkRed]>[/COLOR]
test
[COLOR=DarkRed]</div>[/COLOR]\n";

//another approach

echo "<style> .dot {  

background:#ff3333;
position: absolute; 
top: 355px; 
left: 250px;
width:".[COLOR=DarkSlateBlue]$fetched[/COLOR]['[COLOR=Navy]value[/COLOR]']."; 
height:".[COLOR=DarkSlateBlue]$fetched[/COLOR]['[COLOR=Navy]value[/COLOR]']."; 
}</style>
[COLOR=DarkRed]<div[/COLOR] class=\"dot\"[COLOR=DarkRed]>[/COLOR]
test
[COLOR=DarkRed]</div>[/COLOR]\n";
}

Suggestions?

samudasu

You're missing the closing semi-colon on height and width attribute values.

InfoBot

I caught at least one, but it still wouldn't run the same attributes in a <div> tag the would run otherwise in a <table> tag. Other than the one I added in magenta above, I don't see any others missing. Show me?

This doesn't work:

<div height=\"".$fetched['val']."\";
 width=\"".$fetched['val']."\";
 style=\"background:#ff3333;
 position:absolute;
 top:505px;
 left:250px;
 \">&#160</div>\n";

samudasu

echo '<div style="background: #ff3333;
position: absolute;
top: 505px;
left: 250px;
height: ' . $fetched['value'] . ';
width: ' . $fetched['value'] . ';">
test</div>';

InfoBot

That's cleaner code, and it runs, but it still doesn't pass the $fetched['value'] the way the same code does with a <table> tag

samudasu

"px" was missing from the height and width attribute values.

echo '<div style="background: #ff3333;
position: absolute;
top: 505px;
left: 250px;
height: ' . $fetched['value'] . 'px;
width: ' . $fetched['value'] . 'px;">
test</div>';

InfoBot

'deed it was, but still notta. I'd itterated various punctuations of style values, but I can't be sure I itterated the cleanest combo.

Since it runs with double quotes and no px in <table attributes> , I would think it would run using the same schema in <div attributes>.

Can somebody show me an working example where <div attributes> are found as variables?

InfoBot

'deed it was, but still notta. I'd itterated various punctuations of style values, but I can't be sure I itterated the cleanest combo.

Since it runs variables with double quotes and no px in <table attributes>, and since it picks up the defined <div attributes:color;position;> I would think it would run using the same schema with variable <div attributes>.

Can somebody show me a working example where <div attributes> are found as variables?

InfoBot

BINGO! Maps - watch out, I know how to put dots anywhere I want. And I can put anything I want in those dots, which means I can put flags on you, Mr. Map.

An itteration using the punctuation above finally worked. Maybe I worked out something else along the way, because it wasn't until the umpteenth try that it resolved.