Rwy'n etifeddu rhan o we gwerthwr y cleient hen ac mae ganddo broblem delwedd maint. Dylai'r delweddau fod yn 60×50 ond am ryw reswm od, y gwerthwr gwreiddiol yn eu gorfodi yn 42×42, fel eu bod yn edrych yn gwasgu:
Delwedd Da |
Delwedd wael |
Heres '' r xml (symleiddio braidd yn):
<tabl dosbarth = 'estynedig-rhagolygon'>
<thead>
<tr>
<th width = '100′>3 Dydd Mawrth</th>
</tr>
</thead><tbody>
<ddosbarth tr = 'rhagolwg'>
<td width = '100′>
<st>
<li class = 'uchel'>Uchel: 72&i chi;F</li>
<ddosbarth li = 'isel'>Isel: 44&i chi;F</li>
<li class = 'cyflwr'>Sunny
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ uchder = '42’ alt =” />
</li>
</st>
</TD>
</tr></tbody>
</tabl>
Byddwch yn nodi, er bod y llwybr i'r ddelwedd ei hun yn dangos y dimensiwn priodol (60×50) y gwerthwr gwreiddiol gorfodi yn 42×42. Pam? Crazy.
Beth bynnag, Roeddwn i eisiau ateb cyflym a hawdd at y mater hwn ac yr wyf yn troi i jQuery. Y gamp oedd i ddod o hyd pob un o'r briodol <img> tagiau. Doeddwn i ddim eisiau tail am ag unrhyw tagiau img eraill (ac y mae llawer o). Mae hyn yn dipyn o jQuery wnaeth y tric:
<SGRIPT math = testun/javascript"" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></sgript>
<sgript math = "testun/javascript">
$(dogfen).barod(swyddogaeth () {$(' li.condition > img ').bob(swyddogaeth (mynegai, eitem)
{
$(eitem).css("lled", "60");
$(eitem).css("uchder", "50");
});
}); // ar y llwyth ddogfen
</sgript>
Mae hynny'n dipyn o cod dod o hyd i'r casgliad <li> tagiau eu dosbarth yw "cyflwr" ac <img> plant. Mae wedyn yn ailadrodd trwy hynny i gyd. Wedi gweithio fel swyn.
Gallwn i yn ôl pob tebyg symleiddio, ond yr wyf byth yn y math o unix guy a datrys π i 18 digid manwl gan ddefnyddio sed a awk ac nid wyf yn fath, os guy jQuery naill ai .
</diwedd>
Dilynwch fi ar Twitter yn http://www.twitter.com/pagalvin