Autor Zpráva
gardener
Profil
Zdravím, chtěl bych se zeptat, zda někdo netuší o nějakém JQuery scriptu, kterým bych namísto zadané hodnoty v buňce tabulky (generovány jsou i desetinná čísla) zobrazil graf ve stylu, viz obrázek:


Nebo třeba i palce nahoru, hvězdičky, atp, to bych mohl upravit, dobré by bylo, pokud by script uměl výše zmiňované desetinné hodnoty.
Rozsah od 1.00 do 5.00.

Díky za každou radu.
Chamurappi
Profil
Reaguji na gardenera:
Na to stačí CSS vlastnost width, ne? Jestli potřebuješ měnit hodnotu skriptem, tak:
document.getElementById("ídéčko").style.width = "100px";

Rozsah od 1.00 do 5.00.
Viz základoškolská aritmetika.
gardener
Profil
To určitě ano, jenže pokud bych to takto zobrazoval například v buňce tabulky, která má nastaveno min-width, třeba na 100px;
Tak bych musel dovnitř umístit ještě další DIV, kterému bych nastavil width, height a image-bg , s tím, že šířka by se měnila dynamicky.
Jenže pokud mám takto hodnot více pod sebou, bylo by asi lepší přímo využít plugin, už jen kvůli tomu aby nemusel provádět inline CSS zápis.
Chamurappi
Profil
Reaguji na gardenera:
Tak bych musel dovnitř umístit ještě další DIV, kterému bych nastavil width, height a image-bg
To je nejlepší řešení. Kdybys to dělal JavaScriptem, tak ten stejně neudělá nic jiného.

Jenže pokud mám takto hodnot více pod sebou, bylo by asi lepší přímo využít plugin
Ne. Proč chceš u klienta generovat jazykem, který nemusí být zapnutý/podporovaný, něco, co můžeš bez problémů vygenerovat už na serveru?

už jen kvůli tomu aby nemusel provádět inline CSS zápis
Ale jQuery používá inline CSS prakticky na všechno, většina pluginů nerespektuje ideu oddělení výkonné části od vzhledu, tak proč tě rmoutí jedno style="width: 100px"?
gardener
Profil
Protože využívám php framework, takže nastavení cesty např. bg image natvrdo z view není úplně nejlepší volba.
A hlavně, pokuď se snažím zapsat toto:
		<tr>
		<td>Delivery_satis</td>
		<td><div style="
		width: <?php echo $detail_values['Company']['avg_delivery_satis']*10;?> px;
		background-image:url('../../img/rating_graph.jpg');
		background-repeat:repeat-x;
		height: 10px;
		"></div></td>
		<td><?php echo $detail_values['Company']['avg_delivery_satis'];?></td>
	</tr> 


Dostanu obrázek roztažený po celé šířce buňky a to i v případě, že je width dynamicky nastavena
gardener
Profil
Chyba v mezere:
10;?> px;
namisto:
10;?>px;
Chamurappi
Profil
Reaguji na gardenera:
nastavení cesty např. bg image natvrdo z view není úplně nejlepší volba
Nerozumím. Proč nedáš obrázek a výšku do stylopisu? Nic kromě šířky není proměnlivé, ne?
gardener
Profil
Do stylopisu jsem umistil pouze:
 
 background-repeat:repeat-x;
        height: 10px;

Obrazek promenlivy bude.
Chamurappi
Profil
Reaguji na gardenera:
Obrázek můžeš nastavovat třídou, jestli nechceš uvádět cestu v HTML kódu.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: