Web daļu neesmu mantojusi no klienta vecā piegādātāja, un tas ir attēla lieluma problēmu. Attēliem jābūt 60×50 bet kāda dīvaina iemesla dēļ, sākotnējais kreditors spiesti tos 42×42, lai tās izskatītos saplacināto:
Labs tēls |
Slikts attēls |
Šeit ir atzīme (nedaudz vienkāršotā):
<tabulu klase = "paplašināta outlook">
<tabulas galvenes>
<TR>
<th width = "100′>3 Otrdiena</th>
</TR>
</tabulas galvenes><tabulas pamatteksta>
<TR class = "prognoze">
<TD width = "100′>
<UL>
<Li klase = 'augsta'>Augsta: 72°F</Li>
<Li class = "zems">Zema: 44°F</Li>
<Li class = "nosacījums">Saulains
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/EN/trans/cond007.png’ platums ='42’ augstums ='42’ ALT =” />
</Li>
</UL>
</TD>
</TR></tabulas pamatteksta>
</tabula>
Jūs ievērojiet, ka pat ceļš uz pašu attēlu rāda pareizu dimensija (60×50) sākotnējais kreditors atlauza to 42×42. kāpēc? traks.
Jebkurā gadījumā, Es gribēju ātru un vieglu risinājumu šim jautājumam, un pagriezās, lai jQuery. Bija triks, lai atrastu visas atbilstošās <IMG> tagus. Es negribēju piemēslot citiem img tagus (kas ir daudz). Tas mazliet jQuery darīja arī triks:
<skripta tips = text/javascript"" src ="http://Ajax.googleapis.com/Ajax/libs/jQuery/1.5/jQuery.min.js"></skriptu>
<skripta tips = "text/javascript">
$(dokumentu).gatavs(funkcija () {$(' li.condition > IMG ").katra(funkcija (indekss, preces)
{
$(preces).CSS("platums", "60");
$(preces).CSS("augstums", "50");
});
}); // par dokumentu slodze
</skriptu>
Ka mazliet kodu atrod kolekciju <Li> tagus, kura klase ir "nosacījums" un <IMG> bērni. Tā tad atkārtojas pa visu to. Strādāja kā šarmu.
Es droši vien varētu racionalizēt to, bet man nekad nav bijis veida unix puisis, ka atrisināt š lai 18 sed un awk, izmantojot ciparu precizitāti un ka es tāds neesmu, ja jQuery vai nu puisis .
</beigās>
Sekot mani uz čivināt pie http://www.twitter.com/pagalvin