Dažreiz, noformējot mājaslapu, rodas vajadzība īpaši izcelt lapā
atrodošās ārējās hipersaites - hipersaites, kuras ved uz citiem
interneta resursiem. Šajā gadījumā apskatīsim, kā to vienkārši paveikt
ar jQuery un CSS starpniecību.
Ar zemāk apskatīto metodi pēc katras ārējās hipersaites dinamiski tiks pievienota šāda ikona :
1) Lapas sākumā ievietojam CSS bloku :
kur http://spice.ucoz.lv/img/ext_link.gif - ceļš uz augstāk minēto ikonu.
2) Lapas koda pašās beigās ievietojam jQuery kodu :
Uzmanību! - šajā gadījumā tiek pieņemts, ka jebkura ārējā hipersaite satur http:// un pēc tā arī notiek pārbaude. Tātad iekšējām lapas saitēm jābūt relatīvajā formātā. Atšķirīgos gadījumos jāmaina pārbaudes nosacījums jQuery kodā.
atrodošās ārējās hipersaites - hipersaites, kuras ved uz citiem
interneta resursiem. Šajā gadījumā apskatīsim, kā to vienkārši paveikt
ar jQuery un CSS starpniecību.
Ar zemāk apskatīto metodi pēc katras ārējās hipersaites dinamiski tiks pievienota šāda ikona :
1) Lapas sākumā ievietojam CSS bloku :
Code
<style type="text/css">.ext {background-image: url('http://spice.ucoz.lv/img/ext_link.gif');background-position: right;background-repeat: no-repeat;padding: 0 20px 0 0;}</style>
kur http://spice.ucoz.lv/img/ext_link.gif - ceļš uz augstāk minēto ikonu.
2) Lapas koda pašās beigās ievietojam jQuery kodu :
Code
<script>$(function() {$('a[href^=http://]').addClass('ext').attr('target', '_blank');});</script>
Uzmanību! - šajā gadījumā tiek pieņemts, ka jebkura ārējā hipersaite satur http:// un pēc tā arī notiek pārbaude. Tātad iekšējām lapas saitēm jābūt relatīvajā formātā. Atšķirīgos gadījumos jāmaina pārbaudes nosacījums jQuery kodā.
