| Autor | Zpráva | ||
|---|---|---|---|
| robbie Profil * |
#1 · Zasláno: 1. 6. 2013, 13:02:52
Zdravím, už 2dny si lámu hlavu, proč se mi vedle slova Přečíst a vedle jména Redaktora nezobrazí .pdf icona a mail icona, přikládám kod html: css: a JQuery: už fakt nevím, kde je chyba. Děkuji za radu. R.
HTML: <html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<link rel="stylesheet" href="css/tabulka.css" type="text/css" />
<script src="js/jquery-2.0.1.js" type="text/javascript" ></script>
<script src="js/tabulka.js" type="text/javascript" ></script>
<Title>Knihovna JQuery a selektory jazyka CSS</title>
</head>
<body>
<h1> Zprávy</h1>
<ul type="number">
<li>Domácí
<ul>
<li> <a href="domaci.pdf">Přečíst </a></li>
<li> Redaktor:
<a href="mailto:divy@zpravy.com">Jan Divý </a></li>
</ul>
</li><br>
<li>Zahraniční
<ul>
<li> <a href="zahraniční.pdf">Přečíst </a></li>
<li> Redaktor:
<a href="mailto:kocanska@zpravy.com">Lucie Kočanská </a></li>
</ul>
</li><br>
<li> Sport
<ul>
<li> <a href="sport.pdf">Přečíst </a></li>
<li> Redaktor:
<a href="mailto:behavy@zpravy.com">Petr Běhavý </a></li>
</ul>
</li><br>
<li>Počasí
<ul>
<li> <a href="Pocasi.pdf">Přečíst </a></li>
<li> Redaktor:
<a href="mailto:moudra@zpravy.com">Anna Moudrá </a></li>
</ul>
</li><br>
<li>Zdroj: <a href="http://www.cnn.com">CNN </a></li>
</ul>
</body>
</html>CSS: a.email_icon {
background: url(images/mailicon.png ) no-repeat right top;
padding-right:20px;
}
a.pdf_icon { background: url(images/pdficon.png ) no-repeat right top;
padding-right:18px;
}
a.standart{ color:#004276;
}JQUERY: $(document).ready(function(){
$("a[href$=.pdf]").addClass("pdf_icon") ;
$("a[href^= mailto:]").addClass("mail_icon") ;
$("a[href^= http:]").addClass("standart") ;
}); |
||
| Chamurappi Profil |
Reaguji na robbie:
Proč tohle řešíš na straně klienta? Server (nebo ten, kdo stránku píše) snad neví, jaké adresy dává do hrefů?
To tvé přilinkované jQuery nefunguje ve všech prohlížečích. Není-li tvým cílem universální dostupnost stránky, zbav se jQuery úplně. |
||
| mylan Profil |
Nehovoriac o tom, že sa to dá riešiť čisto pomocou CSS, žiadne jQuery netreba, napríklad (nepodpora IE6):
a[href$='.pdf'] {
background: url('images/pdficon.png') top right no-repeat;
padding-right: 18px;
}
a[href^='mailto:'] {
background: url('images/mailicon.png') top right no-repeat;
padding-right: 20px;
}
a[href^='http://'] {
color: #004276;
}A len tipujem, že ti to nefunguje preto, lebo zložku obrázkov nemáš v zložke CSS, takže si musíš upraviť cesty k obrázkom na ../images/pdficon.png
|
||
| Camo Profil |
#4 · Zasláno: 1. 6. 2013, 16:20:22
Chamurappi:
"To tvé přilinkované jQuery nefunguje ve všech prohlížečích." Mohol by si to trochu upresniť? |
||
| mylan Profil |
Camo:
„As promised, this version leaves behind the older Internet Explorer 6, 7, and 8 browsers.“ http://blog.jquery.com/2013/04/18/jquery-2-0-released/ Mal by použiť skôr variantu jQuery 1.10.x |
||
| Camo Profil |
#6 · Zasláno: 1. 6. 2013, 16:47:14
mylan:
Díky. |
||
| roobie Profil * |
#7 · Zasláno: 1. 6. 2013, 17:35:00
dekuji za reakce, učím se Jquery a tohle je v učebnici jako příklad, tak jsem chtel vedet, kde je chyba, jelikož už me nic nenapadalo. Děkuji
|
||
| robbie Profil * |
#8 · Zasláno: 1. 6. 2013, 21:16:40
Zkusil jsem obe varianty knihoven JQuery jak 1.10 tak 2.0.2 -bez výsledku,
zkusil sem upravit cestu, dal sem icony mailicon.png a pdficon.png do složky images do složky css: v css souboru cesta: a.mail_icon {
background: url("../images/mailicon.png" ) no-repeat right top;
padding-right:20px;
}
a.pdf_icon { background: url(" ../images/pdficon.png") no-repeat right top;
padding-right:18px;
}
a.standart{ color:#004276;
}použil jsem jak IE 6,7,8 tak i mozillu, ale bez uspechu......nějaký nápad?? Děkuji..jde mi jen o to, jak to , že v učebnici, jsou nefunkční příklady...Jde o knihu JQuery pro uplné začátečníky, pak už zbývá jen kontaktovat autora. Děkuji |
||
| mylan Profil |
#9 · Zasláno: 1. 6. 2013, 21:37:25
Hoď sem odkaz na živú ukážku, bez nej môžeme len hádať. kde je chyba.
|
||
| robbie Profil * |
#10 · Zasláno: 1. 6. 2013, 22:16:45
živá ukázka: http://jsfiddle.net/shockwave33/6HEGD/
vedle redaktora by měla být ikonka mail pošty a vedle Přečíst ikona pdf souboru, nechápu proč to tak není. Děkuji |
||
| Kcko Profil |
#11 · Zasláno: 1. 6. 2013, 22:27:18
http://jsfiddle.net/6HEGD/1/
Chybí ti tam '' |
||
| robbie Profil * |
#12 · Zasláno: 1. 6. 2013, 22:31:46
Kcko:
asi blbý dotaz, ale co sem mel špatně. děkuju |
||
| Kcko Profil |
#13 · Zasláno: 1. 6. 2013, 22:54:20
|
||
|
Časová prodleva: 11 let
|
|||
0