Kuinka pystyy tekemään elementille pyöristetyt kulmat, ilman mozillaa tai kuvaa?
Olen testaillut jqueryn ohjelmaa, vaan en saa toimimaan sitä. Sillä pystyy käsittääkseni tekemään erilaisia kulmia, viisteitä, taitettuja, pyöristettyjä ym.
Aloittelijana kysyisin neuvoa viisammilta.
Jquery löytyy tuolta:
http://www.visual-blast.com/fi/javascript/jquery-rounded-corners-plugin/
lainaus:
Degrades well for browsers with javascript turned off.
Hajoaa hyvin selaimen javascript pois päältä.
O_o
Esimerkit linkittävät dokumentaatioon, ja minusta tuon käyttö vaikuttaa todella yksinkertaiselta. Miten se ei toimi? Näytä mitä olet yrittänyt tehdä, niin joku osaa varmaan sanoa missä menee pieleen.
Liitin nuo esimerkit tai yhden niistä bodyyn ja hain kaksi js kansiota tuolta jqueryn sivuilta, yhden ohjeen mukaisesti,
Headiin laitoin tiedon noista kansioista, eikä tällä toiminut,
Nuo js tiedostot olen poistanut suutuspäissäni mut ne oli muistaakseni
jquery.js ja corner.js en tiedä sit oliko ne oikeita ku ei alkanu toimiin.
Yritän viikonloppuna uusiks ja ilmoittelen sit täällä.
Jos jollain on oikeet skriptit ja neuvot niin KIITOS etukäteen.
tuolta sain ohjeita: http://www.methvin.com/jquery/jq-corner.html
Hain heti ne kansiot ja tein sen jutun uusiks,
nuo js. tiedostot on ton sivun kanssa samassa kansiossa.
Mitkähän asiat tuossa on väärin?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" /> <title>corner</title> <script type="text/javascript" src="/jquery.corner.js"></script> <script type="text/javascript" src="/jquery-1.2.6.min.js"></script> </head> <body> <div style="padding: 5px; background-color: rgb(170, 204, 204);" class="rounded"> Simple Example </div> <script>$(document).ready( function(){ $('.rounded').corners(); });</script> </body> </html>
Aihe on jo aika vanha, joten et voi enää vastata siihen.