Autor Zpráva
robbie
Profil *
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
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
mylan:
Díky.
roobie
Profil *
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 *
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
Hoď sem odkaz na živú ukážku, bez nej môžeme len hádať. kde je chyba.
robbie
Profil *
ž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
http://jsfiddle.net/6HEGD/1/

Chybí ti tam ''
robbie
Profil *
Kcko:
asi blbý dotaz, ale co sem mel špatně. děkuju
Kcko
Profil
robbie:

stejné jako u
[#3]

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: